Яндекс.Метрика

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

Превращаем фотографию в комикс в Adobe Photoshop

7 марта 2018 | Опубликовано в Уроки | Нет комментариев »

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

 

 

Результат

Create a Comics Book Effect in Photoshop

Исходники

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

1. Рисуем фон

Шаг 1

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

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

Edit the Gradient Colors

Шаг 2

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

How to Use Linear Gradient in Photoshop

Шаг 3

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

Wave Filter in Photoshop

Шаг 4

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

Photoshop Transform Tool

Шаг 5

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

Trim Transparent Pixels in Photoshop

Шаг 6

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

Polar Coordinates Photoshop Filter

Шаг 7

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

Gradient Map Photoshop Adjustment Layer

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

Шаг 1

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

Use Lasso Tool in Photoshop

Шаг 2

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

Remove Background in Photoshop

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

Шаг 1

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

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

BrightnessContrast Photoshop Adjustment

Шаг 2

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

BrightnessContrast Photoshop Adjustment

Шаг 3

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

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

Paint Inside the layer Mask in Photoshop

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

Layer Mask in Photoshop

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

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

Vibrance Photoshop Adjustment Layer

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

Шаг 1

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

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

Poster Edges Filter in Photoshop

Шаг 2

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

Add a Stroke Layer Style

Шаг 3

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

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

Colorize Photo in Photoshop

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

Шаг 1

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

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

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

Photocopy Filter in Photoshop

Шаг 2

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

Diffuse Filter in Photoshop

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

Шаг 1

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

Add Noise Filter in Photoshop

Шаг 2

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

Color Halftone Filter in Photoshop

Шаг 3

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

Comics Halftone in Photoshop

Шаг 4

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

BrightnessContrast Adjustment Layer

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

Шаг 1

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

Photoshop Ellipse Tool

Шаг 2

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

Create Speech Bubbles in Photoshop

Шаг 3

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

Stroke Layer Style

Шаг 4

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

Comics Font Type

Шаг 5

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

Comics Font Type

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

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

Old Paper Texture

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

Grungy Effect in Photoshop

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

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

Add Border in Photoshop

Результат

Create a Comics Book Effect in Photoshop

Автор урока John Negoita 

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

Смотрите также:




Оставить ответ


восемь − 3 =

Вставить изображение