Стилизация под комикс. Комикс в фотошопе. Винтажный Генератор для Комиксов

What You"ll Be Creating

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

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

Экшен Photoshop Комиксы

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

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

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

Шаг 1

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

Sunburst Background ’. Выберите инструмент Градиент (Gradient Tool (G), установите следующие цвета градиента: #777777 и #c5c5c5 .

Шаг 2

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

Шаг 3

Идём Фильтр - Искажение - Волна (Filter > Distort > Wave), а затем установите следующие настройки, чтобы создать вертикальные линии.

Шаг 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).

С помощью кисти, цвет кисти #9a60c3 , прокрасьте поверх блузки девушки. Проделайте то же самое с парнем, используя цвет кисти #e06f00 .

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

Шаг 1

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

Установите цвет переднего плана на #000000 , а цвет заднего плана на #ffffff .

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

Шаг 2

Идём Фильтр - Стилизация - Диффузия (Filter > Stylize > Diffuse), чтобы смягчить эффект. Если линий получилось слишком много, то вы можете воспользоваться инструментом Ластик (Eraser Tool), чтобы удалить некоторые их них.

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

Шаг 1

Создайте новый слой, назовите этот слой ‘Halftone Texture ’, а затем залейте этот слой следующим цветовым оттенком #ffffff . Далее, идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise).

Шаг 2

Идём Фильтр - Оформление - Цветные полутона (Filter > Pixelate > Color Halftone). Установите следующие настройки, которые указаны на скриншоте ниже.

Шаг 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

Добавьте стиль слоя Обводка (Stroke) к слою с комикс-облаком, используя цвет обводки #000000 .

Шаг 4

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

Шаг 5

Ещё раз с помощью инструмента Перо (Pen Tool), нарисуйте новую фигуру. Цвет фигуры жёлтый #ffeb27 , а контур фигуры чёрный #000000 .

Добавьте текст, используя следующие цвета: #000000 и #dd1735 .

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

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

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

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

Нажмите клавиши (Shift+Ctrl+Alt+E ), чтобы создать объединённый слой из всех видимых слоёв. К созданному слою, примените стиль слоя Обводка (Stroke), чтобы создать эффект рамки. Установите цвет обводки на #000000 .

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

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

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

Откройте изображение Школьницы.

Шаг 2

Дублируйте слой с девушкой и измените дубликату Brightness/Contrast. Настройте параметры так, чтобы результат был таким, как показано на рисунке:

Шаг 3

Дублируйте предыдущий слой и обесцветьте его Image ? Adjustments ? Desaturate:

Шаг 4

Дублируйте обесцвеченный слой и войдите в меню: Filter ? Sketch ? Stamp Filter. Перед этим в качестве цвета переднего плана установите черный цвет, а в качестве цвета заднего плана - белый. Режим наложения для этого слоя Color Burn, 100%:

Шаг 5

Снова создайте копию обесцвеченного слоя и примените к нему фильтр Graphic Pen Filter. Этот фильтр состоит из трех параметров: the Stroke Lenght, the Light/Dark Balance и the Stroke Direction. Примените этот фильтр два раза с различными настройками, как показано на изображении. Затем для этого слоя измените режим наложения на Darken.

Шаг 6

Дублируйте оригинальный слой с девушкой и примените к нему фильтр Graphic Pen Filter с другими настройками. Измените режим наложения для этого слоя на Darken 100%:

Шаг 7

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

Шаг 8

Снова дублируйте оригинальный слой с девушкой и примените к нему Photocopy Filter из категории фильтров Sketch . Режим наложения для этого слоя измените на Color Burn 100%.

Шаг 9

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

Шаг 10

Мы уже применили несколько фильтров и теперь на очереди фильтр Halftone Pattern. Создайте новый слой поверх остальных слоев и заполните его белым цветом. К этому слою примените фильтр Halftone Pattern, тип фильтра Pattern Type Circle. Измените режим наложения этого слоя на Color Burn 100%.

Шаг 11

При желании, Вы можете добавить к изображению кисти "Лучи". Рисуйте кистью на новом слое, цвет кисти - белый, а после рисования примените к ней фильтр Halftone Pattern с теми же настройками, что и в предыдущем шаге. Центр кисти "Лучи" должен находиться в центре изображения. Для слоя с кистью "лучи" измените режим наложения на Linear Light 55%.

Шаг 12

К слою с кистями "Лучи" добавьте слой-маску, и на слой-маске мягкой круглой кистью черного цвета сотрите кисть "Лучи", сделав видимой девушку. Таким образом, девушка появится на переднем плане, а за ней будет находиться рисунок кисти. То же самое проделайте со слоем, к которому применяли фильтр Halftone Pattern Layer(circle pattern).

Шаг 13

Создайте новый слой поверх всех существующих слоев и назовите его Color Layer. При помощи инструмента Brush Tool добавьте цвет там, где Вы его хотите видеть. Рисуйте на отдельных слоях, изменяя им режим наложения на Multiply или Overlay с различными параметрами непрозрачности:

Шаг 14

В финале этого урока завершим эффект комикса добавлением текста, который будет оформлен в стиле привычного нам комикса. Загрузите шрифт Comic Book Font и напишите им слово "Bang". Этим же шрифтом добавьте дату в нижней левой части изображения. При желании, можете добавить к иллюстрации кисти в стиле комикс. Для придания винтажности иллюстрации, вопользуйтесь текстурой старой бумаги. Для слоя с бумагой измените режим наложения на Multiply 60%. Можно также добавить кисти Пятна.

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

Результат

Исходники

Для выполнения этого урока вам понадобятся следующие файлы:

• Шрифт BD Cartoon Shout

1. Рисуем фон

Шаг 1

Создайте новый документ размером 850 by 645 px . Вы, конечно, можете выбрать и любой другой размер, но тогда остальные параметры в уроке также настраивайте под нужное вам разрешение.

Sunburst Background . Возьмите инструмент Gradient/Градиент (G) и выберите переход цвета от #777777 к #c5c5c5 .

Шаг 2

Удерживая Shift, растяните градиент вертикально сверху вниз.

Шаг 3

В меню выберите Filter > Distort > Wave/Фильтр>Искажение>Волна и укажите следующие параметры.

Шаг 4

Убедитесь что первая линия у вас светло-серая, а последняя — темно-серая. Если это не так, нажмите Control-T и исправьте это.

Шаг 5

Теперь в меню выберите Image > Trim/Изображение>Тримминг . Этот шаг важен, без него не будет работать следующий этап.

Шаг 6

В меню выберите Filter > Distort > Polar Coordinates/Фильтр>Искажение>Полярные координаты .

Шаг 7

В меню выберите Layer > New Adjustment Layer > Gradient Map/Слой>Новый корректирующий слой>Карта градиента . Выберите любые цвета на свой вкус. В нашем случае это #003876 и #00b5e9 .

2. Вырезаем пару с фона

Шаг 1

В новый слой добавьте фотографию пары и выделите фон при помощи инструмента Lasso/Лассо. Сделайте грубое выделение.

Шаг 2

Нажмите Shift-Control-I чтобы инвертировать выделение. Нажмите Delete чтобы удалить фон.

3. Добавляем контраста фотографии

Шаг 1

Добавьте корректирующий слой Brightness/Contrast/Яркость/Контраст.

Настройте параметры как показано ниже, и кликните по третьей кнопке внизу, чтобы указать слою режим Clipping Mask/Обтравочной маски .

Шаг 2

Добавьте еще один корректирующий слой Brightness/Contrast/Яркость/Контраст и также сделайте его обтравочной маской.

Шаг 3

Кликните по маске последнего корректирующего слоя и нажмите Control-I чтобы инвертировать цвета.

Инструментом Brush/Кисть белого цвета (выберите круглую растушеванную кисть) добавьте контраста в некоторых областях на фото.

Вот как примерно должна выглядеть маска.

4. Добавляем сочности цветам

В меню выберите Layer > New Adjustment Layer > Vibrance/Слой>Новый корректирующий слой>Сочность. Настройте параметры как показано ниже и сделайте слой обтравочной маской.

5. Применяем фильтр

Шаг 1

Нажмите Control-J чтобы сделать копию слоя с парой. Назовите слой Comics Effect .

В меню выберите Filters > Artistic > Poster Edges/Фильтр>Имитация>Очерченные края . Укажите следующие параметры.

Шаг 2

Кликните дважды по слою, чтобы открыть окно стилей слоя и выберите стиль Stroke/Обводка .

Шаг 3

Создайте новый слой и назовите его Color . Кликните по нему правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску . Укажите слою режим наложения Color Dodge/Осветление основы .

Инструментом Brush/Кисть рисуйте поверх майки девушки цветом #9a60c3 . Сделайте то же поверх майки парня при помощи цвета #e06f00 .

6. Фильтр фотокопия

Шаг 1

Нажмите Control-J чтобы сделать еще одну копию слоя с парой. Поместите копию над слоем Comics Effect . Назовите слой Outline Effect . Укажите ему режим наложения Multiply/Умножение .

Выберите в качестве основного цвета #000000 и в качестве фонового — #ffffff .

В меню выберите Filters > Sketch > Photocopy/Фильтр >Эскиз>Ксерокопия и укажите следующие параметры:

Шаг 2

В меню выберите Filter > Stylize > Diffuse/Фильтр>Стилизация > Диффузия. Если получится слишком много линий, используйте инструмент Eraser/Ластик , чтобы стереть часть.

7. Создаем зернистую текстуру

Шаг 1

Создайте новый слой и назовите его Halftone Texture. Залейте слой цветом #ffffff . В меню выберите Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум .

Шаг 2

В меню выберите Filter > Pixelate > Color Halftone/Фильтр>Оформление > Цветные полутона и укажите параметры как показано ниже.

Шаг 3

Укажите слою Halftone Texture режим наложения Multiply/Умножение , на opacity/непрозрачности в 66% .

Шаг 4

Добавляем слой Brightness/Contrast / Яркость/Контраст. При желании также можно добавить корректирующий слой Vibrance/Сочность .

8. Рисуем диалоговые облака

Шаг 1

При помощи инструмента Ellipse/Эллипс создайте облака диалогов в новом слое и укажите им заливку белого цвета.

Шаг 2

Инструментом Pen/Перо дорисуйте треугольник.

Шаг 3

Укажите диалоговым облакам стиль слоя Stroke/Обводка .

Шаг 4

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

Шаг 5

Добавляем дополнительные объекты при желании.

9. Создаем гранж-эффект

Добавьте в новый слой текстуру старой бумаги и укажите этому слою режим наложения Overlay/Перекрытие .

Добавьте корректирующий слой Levels/Уровни в режиме обтравочной маски.

10. Добавлям рамку

Нажмите Shift-Control-Alt-E чтобы создать копию, объединяющую все слои. Укажите этому слою стиль Stroke/Обводка .

Результат

Перевод — Дежурка

Хотите внести разнообразия в свой фотоальбом? Например, можно быстро и просто создать эффект старых комиксов. В этом уроке мы расскажем как это сделать при помощи некоторых фильтров.

Откройте в фотошопе фотографию, которую хотите обработать. Добавим ей контрастности: IMAGE > ADJUSTMENTS > LEVELS. Для этой фотографии были применены следующие параметры: 60 / 1.00 / 220. Выберите подходящие для вашего изображения.

На этом этапе обработки мы будем добавиться эффекта старой бумаги, что необходимо для достижения нужного результата. Откройте FILTERS > ARTISTIC > FILM GRAIN. Для этого примера мы используем: GRAIN: 4, HIGHLIGHT AREA: 0, INTENSITY: 10.

Сделайте копию этого слоя (назовем его Halftone).

Мы уже получили отличный эффект комикса. Но чтобы сделать все как в комиксах, нужно еще поработать. Будем работать со слоем HALFTONE: выберите WIDTH: 20px, POSITION: Inside и COLOR: #F5ECE1.

Создайте новый слой и нарисуйте на нем небольшой прямоугольник в верхнем левом углу изображения. Закрасьте его оранжевым цветом. Желто-оранжевый градиент будет смотреться еще лучше. Нарисуйте еще один прямоугольник чуть побольше в нижнем правом углу. Закрасьте его белым. У вас должно получиться примерно следующее:

Давайте выделим границы изображения. Накладываем новый пустой слой на тот, в котором у нас 2 прямоугольника. В TOOLS PALETTE выбираем RECTANGLE SELECTION TOOL. И рисуем границы изображения.

Идем в EDIT > STROKE: WIDTH: 4px, COLOR: BLACK, LOCATION CENTER и нажимаем ОК.

Переходим в FILTER > BLUR > BLUR MORE. Добавляем небольшое искажение в FILTER > DISTORT > RIPPLE (Amount: 20%, Size: Medium) и придаем резкости тому, что получилось FILTER > SHARPEN MORE. Теперь у вас получились нарисованные карандашом границы изображения.

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

Шаг 1.
Для этого урока желательно воспользоваться фотографией большого размера. Поскольку эффекты, которые мы будем применять к ней, лучше ложатся на крупные объекты. Оригинальные размеры этой фотографии 2160х1440 пикс.

Шаг 2.
Делаем дубликат слоя. Назовем его Soften.

Шаг 3.
Слегка размоем изображение, оставляя четкие края. Воспользуемся «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие по поверхности» (Surface Blur) со значениями как на рисунке ниже.

Шаг 4.
Делаем дубликат слоя Soften. Назовем его Desaturate. Обесцветим его, нажав комбинацию клавиш Ctrl-Shift-U.

Шаг 5.
Создаем новый слой. Называем Halftone. Вызываем палитру «Каналы» через верхнее меню «Окно» (Window) > «Каналы» (Chanels). Удерживая Ctrl, прощелкиваем каждый слой в палитре «Каналы», чтобы получить выделение.

Шаг 6.
Возвращаемся на слой «Halftone». Инвертируем выделение, нажав сочетание клавиш Ctrl-Shift-I. Теперь нажмем клавишу D, чтобы установить цвет переднего фона черный. И нажимаем сочетание клавиш Alt + Backspace. Выделенная часть изображения стала более темным. Снимаем выделение.

Шаг 7.
Пока отключим слои Soften и Desaturate.

Шаг 8.
Переходим на слой Soften. Воспользуемся «Фильтр» (Filter) > «Имитация» (Artistic) > «Аппликация» (Cutout) со значениями как на рисунке ниже.

Шаг 9.
Создаем дубликат слоя Soften и меняем режим наложения на «Мягкий свет» (Soften light).

Шаг 10.
Включаем слой Desaturate и переходим на него.

Шаг 11.
Выбираем «Фильтр» (Filter) > «Имитация» (Artistic) > «Очерченые края» (Poster Edges) со значениями как на рисунке ниже.

Шаг 12.
Меняем режим наложения слоя Desaturate на «Точечный свет» (Pin light).

Шаг 13.
Включаем слой Halftone и переходим на него. Удерживая Ctrl, щелкаем по слою, чтобы появилось выделение.

Шаг 14.
Нажимаем на иконку «Создать слой-маску» (Create Layer Mask) внизу палитры слоев.

Шаг 15.
Выбираем «Фильтр» (Filter) > «Оформление» (Pixelate) > «Цветные полутона» (Color Halftone) со значениями как на рисунке ниже.

Шаг 16.
Меняем режим наложения слоя на «Мягкий свет» (Soften light).

Шаг 17.
Внизу палитры слоев выбираем иконку «Создать новый корректирующий слой-заливку» (Create New Fill or Adjustment Layer), потом выбираем пункт «Кривые» (Curves). В открывшемся диалоговом окошке сдвигаем линию как на рисунке ниже.

Шаг 18.

Шаг 19.
Теперь с помощью стиля слоя сделаем черную обводку для картинки. Создадим новый слой Outline. Нажав Alt+Backspace зальем его черным цветом. Открываем стиль слоя, два раза щелкнув по слою, и создаем обводку, со значениями, как на рисунке ниже. Теперь, находясь на слое, ставим параметр «Заливка» (Fill opacity) на 0%, чтобы убрать цвет и оставить только обводку.

Шаг 20.
Так выглядит результат и палитра слоев.

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