Как сделать картинку комикс

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

Как сделать картинку комикс

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

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

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

Подготовка

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

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

Как сделать картинку комикс

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

Как сделать картинку комикс

Как сделать картинку комикс

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

Как сделать картинку комикс

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

Как сделать картинку комикс

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

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

Палитра

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

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

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

Как сделать картинку комикс

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

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

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

Как сделать картинку комикс

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

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

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

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

Как сделать картинку комикс

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

Как сделать картинку комикс

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

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

Как сделать картинку комикс

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

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

Как сделать картинку комикс

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

Как сделать картинку комикс

Как сделать картинку комикс

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

Эффекты

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

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

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

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

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

Как сделать картинку комикс

3. Идем в меню Фотошопа «Фильтр – Эскиз» и ищем там «Полутоновый узор».

Как сделать картинку комикс

4. В настройках выбираем тип узора «Точка», размер выставляем минимальный, контраст поднимаем примерно до 20.

Как сделать картинку комикс

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

Как сделать картинку комикс

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

Как сделать картинку комикс

6. Повторяем эффект на амуниции. Не забываем про настройку основного цвета.

Как сделать картинку комикс

7. Для эффективного применения фильтров на волосах, необходимо снизить значение контрастности до 1.

Как сделать картинку комикс

8. Переходим к одежде персонажа комикса. Фильтры применяем такие же, но тип узора выбираем «Линия». Контрастность подбираем индивидуально.

Как сделать картинку комикс

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

Как сделать картинку комикс

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

Как сделать картинку комикс

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

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

Источник

Создаём Комиксы из Фотографии в Adobe Photoshop

В этом уроке я покажу вам, как превратить фотографию в комиксы в Photoshop с помощью фильтров и текстур.

Данный эффект комиксов – является частью Экшена Photoshop Эффекты Комиксов, который доступен в моём профиле на Envato Market. Пакет включает в себя экшен комиксы, 20 векторных комикс-облаков и 7 векторных смешных звуковых эффектов, которые вы можете редактировать.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

1. Создаём Задний Фон с Солнечными Лучами

Шаг 1

Создайте новый документ со следующими размерами 850 х 645 px в Photoshop. Вы, конечно же, можете использовать любые размеры на своё усмотрение, но старайтесь выставлять размеры пропорционально.

Как сделать картинку комикс

Шаг 2

Установите Линейный (Linear) градиент, а затем удерживая клавишу (Shift), потяните градиент с верхней точки холста вниз, чтобы создать линейный градиент.

Как сделать картинку комикс

Шаг 3

Как сделать картинку комикс

Шаг 4

Убедитесь, чтобы первая линия была серого цвета, а последняя линяя тёмно-серого. Если это не так, тогда нажмите клавиши (Ctrl+T), чтобы исправить это.

Как сделать картинку комикс

Шаг 5

Важный шаг, идём Изображение- Тримминг (Image > Trim), установите следующие настройки, в противном случае, предыдущий шаг не будет считаться.

Как сделать картинку комикс

Шаг 6

Идём Фильтр – Искажение – Полярные Координаты (Filter > Distort > Polar Coordinates), чтобы создать солнечные лучи.

Как сделать картинку комикс

Шаг 7

Идём Слой- Новый корректирующий слой – Карта градиента (Layer > New Adjustment Layer > Gradient Map), чтобы раскрасить солнечные лучи на заднем фоне. Вы можете использовать любые цветовые оттенки на своё усмотрение. В данном случае, я использовал следующие цветовые оттенки #003876 (позиция (location 23%) и #00b5e9 (позиция (location 100%).

Как сделать картинку комикс

2. Удаляем Задний Фон в Photoshop

Шаг 1

Откройте исходное изображение с молодой парой. Переместите данное изображение на наш рабочий документ и с помощью инструмента Лассо (Lasso Tool), создайте грубое выделение вокруг изображения пары.

Как сделать картинку комикс

Шаг 2

Нажмите клавиши (Shift+Ctrl+I) для инверсии выделенной области. Нажмите клавишу (Delete), чтобы удалить задний фон.

Как сделать картинку комикс

3. Усиливаем Контрастность Фотографии в Photoshop

Шаг 1

Добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast), чтобы усилить контрастность данной фотографии.

Преобразуйте данный корректирующий слой в обтравочную маску к слою с выделенным изображением молодой пары, для этого, находясь на слое с корректирующим слоем, нажмите клавиши (Alt+Ctrl+G).

Как сделать картинку комикс

Шаг 2

Добавьте второй корректирующий слой Яркость / Контрастность (Brightness/Contrast), чтобы усилить контрастность отдельных участков фотографии.

Преобразуйте данный корректирующий слой в обтравочную маску к слою с выделенным изображением молодой пары, для этого, находясь на слое с корректирующим слоем, нажмите клавиши (Alt+Ctrl+G).

Как сделать картинку комикс

Шаг 3

Щёлкните по маске второго корректирующего слоя Яркость / Контрастность (Brightness/Contrast), чтобы она стала активной, а затем нажмите клавиши (Ctrl+I) для инверсии белого цвета маски.

Выберите инструмент Кисть (Brush Tool) и с помощью мягкой кисти, прокрасьте отдельные участки фотографии, чтобы добавить больше контраста. Цвет кисти белый.

Как сделать картинку комикс

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

Как сделать картинку комикс

4. Делаем Изображение Более Насыщенным в Photoshop

Идём Слой- Новый корректирующий слой – Вибрация (Layer > New Adjustment Layer > Vibrance). Увеличьте значение Вибрации (Vibrance) до 100, а значение Насыщенности (Saturation) до 4.

Преобразуйте данный корректирующий слой в обтравочную маску, для этого, нажмите клавиши (Alt+Ctrl+G).

Как сделать картинку комикс

5. Применяем Фильтр Очерченные края в Photoshop

Шаг 1

Нажмите клавиши (Ctrl+J), чтобы продублировать слой с молодой парой. Назовите этот слой ‘Comics Effect’.

Идём Фильтр – Имитация – Очерченные края (Filters > Artistic > Poster Edges). Установите следующие настройки, которые указаны на скриншоте ниже.

Как сделать картинку комикс

Шаг 2

Добавьте стиль слоя Обводка (Stroke) к слою ‘Comics Effect’, чтобы также создать чёрный контур на краях.

Как сделать картинку комикс

Шаг 3

Создайте новый слой, назовите этот слой ‘Color’. Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask). Поменяйте режим наложения для данного слоя на Осветление основы (Color Dodge).

Как сделать картинку комикс

6. Применяем Фильтр Ксерокопия в Photoshop

Шаг 1

Нажмите клавиши (Ctrl+J), чтобы продублировать слой с молодой парой. Сместите дубликат слоя вверх, расположив поверх слоя ‘Comics Effect’. Назовите этот слой ‘Outline Effect’. Поменяйте режим наложения для данного слоя на Умножение (Multiply).

Идём Фильтр – Эскиз – Ксерокопия (Filters > Sketch > Photocopy). Установите следующие настройки, которые указаны на скриншоте ниже.

Как сделать картинку комикс

Шаг 2

Как сделать картинку комикс

7. Создаём Полутоновую Текстуру в Photoshop

Шаг 1

Как сделать картинку комикс

Шаг 2

Как сделать картинку комикс

Шаг 3

Поменяйте режим наложения для слоя ‘Halftone Texture’ на Умножение (Multiply), а также уменьшите Непрозрачность (opacity) до 66%.

Как сделать картинку комикс

Шаг 4

Добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast), чтобы осветлить изображение и сделать его ярче. Если вы хотите добавить больше ярких красой и насыщенности, тогда вы также можете добавить корректирующий слой Вибрация (Vibrance).

Как сделать картинку комикс

8. Создаём Комикс-облачко в Photoshop

Шаг 1

С помощью инструмента Эллипс (Ellipse Tool), создайте несколько закруглённых фигур, как показано на скриншоте ниже. Используйте следующий цвет #ffffff для фигур.

Чтобы добавить ещё фигур на тот же самом слое, не забудьте выбрать режим Добавить к области фигуры (Add to shape area) после того, как вы создадите первую фигуру.

Как сделать картинку комикс

Шаг 2

Существуют различные типы комикс-облаков. Например, тот, что справа – это облачко с мыслями.

Давайте создадим другое облако- облако с речью. С помощью инструмента Перо (Pen Tool), добавьте фигуру треугольника. Опять же, не забудьте выбрать режим Добавить к области фигуры (Add to shape area).

Как сделать картинку комикс

Шаг 3

Как сделать картинку комикс

Шаг 4

Добавьте текст внутри комикс-облаков, используя комикс шрифт. Я использую шрифт BD Cartoon Shout.

Как сделать картинку комикс

Шаг 5

Как сделать картинку комикс

9. Создаём Гранжевый Эффект в Photoshop

Чтобы создать гранжевый эффект, я использую текстуру Старой Бумаги. Поменяйте режим наложения для данного слоя с текстурой бумаги на Перекрытие (Overlay).

Как сделать картинку комикс

Добавьте корректирующий слой Уровни (Levels) для данного слоя с текстурой в качестве обтравочной маски, а затем поэкспериментируйте с настройками, чтобы получить тот эффект, который вам нравится.

Как сделать картинку комикс

10. Добавляем Рамку в Photoshop

Как сделать картинку комикс

Поздравляю! Мы Завершили Урок!

В этом уроке вы узнали, как создать эффект комиксов в Photoshop с нуля, используя фильтры и текстуры. Надеюсь, что вам понравился этот урок.

Как сделать картинку комикс

Данный эффект комиксов – является частью Экшена Photoshop Эффекты Комиксов, который доступен в моём профиле на Envato Market.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *