Lumpics lumpics.ru

Создаем комикс из фотографии в Фотошопе


Комиксы во все времена были весьма популярным жанром. По ним снимают фильмы, на их основе создают игры. Многие хотели бы научиться делать комиксы, но не всем это дано. Не всем, кроме мастеров Фотошопа. Этот редактор позволяет создавать картинки практически любых жанров без умения рисовать.

В этом уроке преобразуем обычную фотографию в комикс, используя фильтры Фотошопа. Придется немного поработать кисточкой и ластиком, но это совсем не сложно в данном случае.

Создание комикса

Наша работа будет поделена на два больших этапа – подготовка и непосредственно прорисовка. Кроме того, сегодня Вы научитесь правильно использовать возможности, которые предоставляет нам программа.

Подготовка

Первым шагом подготовки к созданию комикса будет поиск подходящего снимка. Сложно заранее определить, какое изображение идеально для этого подходит. Единственный совет, который можно в этом случае дать – на фото должно быть минимум участков с потерей деталей в тенях. Фон не важен, лишние детали и шумы мы в процессе урока уберем.

На уроке поработаем вот с такой картинкой:

Исходное изображение для создания комикса в Фотошопе

Как можно видеть, на фотографии имеются слишком затененные участки. Это сделано намеренно, чтобы показать, чем это чревато.

  1. Делаем копию исходной картинки, используя горячие клавиши CTRL+J. Создание копии слоя с исходной картинкой в Фотошопе
  2. Меняем режим наложения для копии на «Осветление основы».

    Смена режима наложения для копии фона на Осветление основы в Фотошопе

  3. Теперь необходимо инвертировать цвета на данном слое. Делается это горячими клавишами CTRL+I.

    Инвертирование цветов копии фонового слоя в Фотошопе

    Именно на этом этапе проявляются недостатки. Те участки, которые остались видимыми, это наши тени. В этих местах нет деталей, и впоследствии здесь получится «каша» на нашем комиксе. Это мы увидим чуть позже.

  4. Полученный инвертированный слой необходимо размыть по Гауссу. Фильтр Размытие по Гауссу в Фотошопе

    Фильтр нужно настроить таким образом, чтобы четкими остались только контуры, а цвета остались максимально приглушенными.

    Размытие инвертированного слоя по Гауссу в Фотошопе
  5. Применяем корректирующий слой под названием «Изогелия».

    Применение корректирующего слоя Изогелия в Фотошопе

    В окне настроек слоя, используя ползунок, максимально проявляем контуры персонажа комикса, при этом избегая появления нежелательных шумов. За эталон можно взять лицо. Если у Вас фон не однотонный, то на него (фон) внимания не обращаем.

    Настройка порога яркости корректирующего слоя Изогелия в Фотошопе
  6. Появившиеся шумы можно удалить. Делается это обычным ластиком на самом нижнем, исходном слое.

    Удаление нежелательных шумов с картинки при помощи ластика в Фотошопе

Таким же способом можно удалить и фоновые объекты.

На этом подготовительный этап завершен, далее следует самый трудоемкий и длительный процесс – раскрашивание.

Палитра

Прежде, чем начать раскрашивание нашего комикса, необходимо определиться с палитрой цветов и создать образцы. Для этого нужно проанализировать картинку и разбить ее на зоны.

В нашем случае это:

  1. Кожа;
  2. Джинсы;
  3. Майка;
  4. Волосы;
  5. Амуниция, ремень, оружие.

Глаза в данном случае в расчет не берем, так как они не очень выражены. Пряжка ремня также нас пока не интересует.

Разбивка изображения на зоны по цветам в Фотошопе

Для каждой зоны определяем свой цвет. На уроке мы будем пользоваться такими:

  1. Кожа — d99056;
  2. Джинсы — 004f8b;
  3. Майка — fef0ba;
  4. Волосы – 693900;
  5. Амуниция, ремень, оружие – 695200. Обратите внимание, что этот цвет не является черным, это особенность метода, который мы сейчас изучаем.

Цвета желательно выбирать как можно более насыщенные – после обработки они значительно потускнеют.

Готовим образцы. Этот шаг не является обязательным (для дилетанта), но такая подготовка в дальнейшем облегчит работу. На вопрос «Как?» ответим чуть ниже.

  1. Создаем новый слой. Создание нового слоя для создания образцов цвета в Фотошопе
  2. Берем инструмент «Овальная область».

    Инструмент Овальная область в Фотошопе

  3. С зажатой клавишей SHIFT создаем вот такое круглое выделение:

    Выделение для создания образцов цвета в Фотошопе

  4. Берем инструмент «Заливка».

    Выбор инструмента Заливка в Фотошопе

  5. Выбираем первый цвет (d99056).

    Выбор цвета для заливки образца в Фотошопе

  6. Кликаем внутри выделения, заливая его выбранным цветом.

    Заливка образца выбранным цветом в Фотошопе

  7. Снова берем в руки инструмент выделения, наводим курсор на центр кружка и мышью передвигаем выделенную область.

    Передвижение выделенной области в Фотошопе

  8. Это выделение заливаем следующим цветом. Таким же образом создаем и остальные образцы. Когда закончите, не забудьте снять выделение сочетанием клавиш CTRL+D.

    Готовая палитра образцов цвета в Фотошопе

Пора рассказать, для чего мы создавали эту палитру. Во время работы возникает необходимость часто менять цвет кисти (или другого инструмента). Образцы избавляют нас от необходимости каждый раз искать нужный оттенок на картинке, мы просто зажимаем ALT и кликаем по нужному кружку. Цвет автоматически переключится.

Дизайнеры часто пользуются такими палитрами для сохранения цветовой схемы проекта.

Настройка инструментов

При создании нашего комикса мы будем пользоваться только двумя приспособлениями: кистью и ластиком.

  1. Кисть.

    Инструмент Кисть в Фотошопе

    В настройках выбираем жесткую круглую кисть и снижаем жесткость краев до 80 – 90%.

    Настройка формы и жескости кисти в Фотошопе
  2. Ластик.

    Инструмент Ластик в Фотошопе

    Форма ластика – круглый, жесткий (100%).

    Настройка формы и жесткости Ластика в Фотошопе
  3. Цвет.

    Как мы уже говорили, основной цвет будет определяться созданной палитрой. Фоновый же всегда должен оставаться белым, и никаким другим.

    Настройка фонового цвета при создании комикса в Фотошопе

Раскрашивание комикса

Итак, всю подготовительную работу по созданию комикса в Фотошопе мы завершили, теперь пора, наконец, его раскрасить. Работа эта исключительно интересна и увлекательна.

  1. Создаем пустой слой и меняем для него режим наложения на «Умножение». Для удобства, и чтобы не запутаться, назовем его «Кожа» (двойной клик по названию). Возьмите себе за правило, при работе над сложными проектами, давать слоям имена, такой подход отличает профессионалов от любителей. К тому же это облегчит жизнь тому мастеру, который будет работать с файлом после Вас.

    Создание нового слоя с режимом наложения Умножения для тонирования кожи в Фотошопе

  2. Далее работаем кисточкой над кожей персонажа комикса тем цветом, который мы прописали в палитре.

    Обработка кожи при создании комикса в Фотошопе

    Совет: меняйте размер кисти квадратными скобками на клавиатуре, это очень удобно: одной рукой можно красить, а другой регулировать диаметр.

  3. На этом этапе становится ясно, что контуры персонажа не достаточно сильно выражены, поэтому размываем инвертированный слой по Гауссу еще раз. Возможно, придется немного поднять значение радиуса. Повторное размытие инвертированного слоя по Гауссу в Фотошопе

    Лишние шумы стираем ластиком на исходном, самом нижнем слое.

  4. Используя палитру, кисть и ластик, раскрашиваем весь комикс. Каждый элемент должен располагаться на отдельном слое. Раскрашивание комикса кистью в Фотошопе
  5. Создаем фон. Для этого лучше всего подойдет яркий цвет, например, такой:

    Создание яркого фона для комикса в Фотошопе

    Обратите внимание, что фон не заливается, а именно закрашивается, как и другие участки. На персонаже (или под ним) фонового цвета быть не должно.

Эффекты

С цветовым оформлением нашего изображения мы разобрались, далее следует этап по придания ему того самого эффекта комикса, ради которого все и затевалось. Это достигается путем применения фильтров к каждому слою с окраской.

Для начала преобразуем все слои в смарт-объекты для того, чтобы при желании можно было сменить эффект, либо поменять его настройки.

  1. Жмем правой кнопкой мыши по слою и выбираем пункт «Преобразовать в смарт-объект». Преобразование слоя в смарт-объект в Фотошопе

    Совершаем те же действия со всеми слоями.

  2. Преобразование всех слоев с окраской в смарт-объекты в Фотошопе
  3. Выбираем слой с кожей и настраиваем основной цвет, который должен быть таким же, как и на слое.
  4. Настройка цвета для фильтра Полутоновый узор в Фотошопе
  5. Идем в меню Фотошопа «Фильтр – Эскиз» и ищем там «Полутоновый узор».
  6. Фильтр Полутоновый узор в меню Фотошопа
  7. В настройках выбираем тип узора «Точка», размер выставляем минимальный, контраст поднимаем примерно до 20. Настройка фильтра Полутоновый узор в Фотошопе

    Результат таких настроек:

    Результат работы фильтра Полутоновый узор в Фотошопе
  8. Эффект, созданный фильтром, необходимо смягчить. Для этого размоем смарт-объект по Гауссу.
  9. Размытие эффекта созданного фильтром Полутоговый узор по Гауссу в Фотошопе

  10. Повторяем эффект на амуниции. Не забываем про настройку основного цвета.
  11. Применение фильтров Полутоновый узор и размытие по Гауссу в Фотошопе
  12. Для эффективного применения фильтров на волосах, необходимо снизить значение контрастности до 1.
  13. Снижение уровня контрастности фильтра Полутоновый узор в Фотошопе
  14. Переходим к одежде персонажа комикса. Фильтры применяем такие же, но тип узора выбираем «Линия». Контрастность подбираем индивидуально. Настройка фильтра Полутоновый узор для одежды в Фотошопе

    Накладываем эффект на майку и джинсы.

  15. Применение фильтров Полутоновый узор и размытие по Гауссу к одежде в Фотошопе
  16. Переходим к фону комикса. При помощи все того же фильтра «Полутоновый узор» и размытия по Гауссу, делаем такой эффект (тип узора – круг):
  17. Применение фильтров Полутоновый узор и размытие по Гауссу к фону в Фотошопе

На этом раскрашивание комикса мы завершили. Поскольку у нас все слои преобразованы в смарт-объекты, то можно поэкспериментировать с различными фильтрами. Делается это так: дважды кликаем по фильтру в палитре слоев и изменяем настройки действующего, либо выбираем другой.

Редактирование фильтра в смарт-объекте в Фотошопе

Возможности Фотошопа поистине безграничны. Даже такая задача, как создание комикса из фотографии ему по силам. Нам остается только помогать ему, используя свой талант и фантазию.

Обсудить в TelegramНаш Telegram каналТолько полезная информация
Автор статьи Вы на сайте: Статья обновлена: . Автор: Сергей Николаев

Вам помогли мои советы?

Получить ответ на Email
Уведомить о

4 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Полина
23 июня 2017 18:54

Я делала все по инструкции, все шаг за шагом, три раза перепробовала с самого начала, но каждый раз доходя до раскрашивания, все стопорилось. Во-первых, когда я создавала палитру на новом слое, при заливке, кружки становились просто черными. А когда приходило время окрашивать на том самом указанном слое, кисточка ничего не рисовала. Почему такое случилось? Три раза все переделывала, один результат.

Андрей
16 января 2018 11:33

Здравствуйте!
Все у Вас хорошо прописано, но не очень подробно в некоторых моментах…
Что касаемо именно этого (создание комикса) не ясно толком как правильно рисовать кистью и пользоваться если это потребуется ластиком. Если у Вас есть такая возможность в дальнейшем описывать все детали более тчетно или вставлять видеоролики!
Благодарю, Вас за то что делаете!!!

лиззка
17 марта 2018 08:37

киньте ссылки на фотошопы я не могу найти а если нахожу вырезаю то перенести не могу

Задать вопрос