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

Для данного урока я взял фотографию из iStockPhoto - вот здесь



Шаг 1:
Создайте новый слой – идём в меню Layer>New Fill Layer>Solid Color, цвет белый. Затем, выше этого слоя, создайте ещё один чистый, нажав на соответствующую кнопку внизу на панели слоёв –Create a new layer. Пока отключите видимость этих слоёв.

Шаг 2:
Далее мы будем использовать инструмент Pen Tool (P) для того, чтобы обвести все основные элементы нашего изображения. В моем случае это будет очертания тела и одежды. Кликнем в любом месте, с которого вы хотите начать обводить изображение, и продолжаем кликать и тащить в сторону, не отпуская кнопку мыши, чтобы создать кривую вдоль элемента, который вы хотите обвести, используя пути (Paths) в дальнейшем. Чтобы сделать наиболее похожий набросок, мы будем использовать много небольших линий обводки, а не выделять какую-либо вещь одним длинным путём. Когда вы доходите до места, где ваша линия должна заканчиваться, удерживая CTRL кликните в любом месте – это отменит выбор, и вы сможете приступить к обводке следующего элемента (рисованию следующей линии). Продолжайте повторять этот шаг, пока все ваши основные формы не будут очерчены. Здесь несколько примеров того, как я очерчивал своё изображение:







Общим заблуждением является то, что путь должен быть замкнутым. Это не правда. Мы будем использовать все полученные «открытые пути» в этом изображении.

Шаг 3:
А сейчас включите ваш белый слой и пустой слой. Выберете пустой слой. Далее переходим в палитру Рaths и видим слой Work path. Затем выберете brush tool (В) и нажмите F5 – появится панелей настройки кистей. Выберете любую жёсткую кисть. Далее нажмите на Brush Tip Shape и поставьте Angle 45 градусов, Roundness 12%, тем самым получим форму тонкого эллипса. Затем выберете Shape Dynamics и установите Size Jitter 100, Minimum diameter 35 и Angle Jitter 5.
С всё ещё выбранным пустым слоем нажимаем «D», чтобы в качестве переднего фона установить чёрный цвет. Щёлкаем правой кнопкой мыши по слою Work path и выбираем Stroke Path. Убедитесь, что стоит галочка Simulate Pressure и используется кисть, которую вы только что настроили. Нажмите ОК. Вы можете регулировать настройки Master Diameter на панели кистей, если линии получаются слишком толстые или тонкие.





Повторяя шаги 2 и 3, вы придёте к конечному результату. Каждый раз, когда вы что-то добавляете – делайте это на новом слое, нажимая на кнопку New Path внизу на палитре Paths, чтобы в случае ошибки, можно было её исправить.





Шаг 4:
Теперь попробуем раскрасить получившийся набросок. Сделайте дубликат слоя с вашей фотографией – нажимаем на слой, затем Ctrl+J. Переместите слой с копией выше - над всеми слоями. Меняем режим смешивания слоёв Blending Mode на "Color".
Далее берём Brush Tool. В палитре кистей установите Brush Angle равное «-45» градусов и снимите галочку Shape Dynamics. Сделайте кисть немного больше. Непрозрачность «opacity» кисти установите 10%.
Сделайте ещё один пустой слой и назовите его «Paint». Расположите этот слой ниже слоя с обводкой. Работая в этом слое, раскрасьте ваше изображение там, где вы считаете нужным. Не забывайте иногда отпускать кнопку мыши для того, чтобы цвет «умножался» - накладывался друг на друга. Я использовал планшет Wacom, так что для меня было легко получать хорошие штрихи, а если у вас имеется только мышь, то сделайте всё возможное, чтобы достичь наилучшего результата.



Шаг 5:
Нажмите Е, чтобы включить инструмент Еraser Tool. Непрозрачность «opacity» ластика установите 50%. Используйте Еraser Tool там, где считаете нужным. Мне нравится, когда на изображении можно видеть немного цвета находящегося за пределами линии (выходящими за пределы изображения).

Шаг 6:
В моём случае я хочу, чтобы брюки на изображении были голубого, а не персикового цвета, как на оригинале, и для этого я буду использовать новый слой Hue/Saturation – нажмите Ctrl+U. Перетаскивайте ползунок Hue до тех пор пока не получите необходимый цвет. Отрегулируйте насыщенность (saturation) как вам больше нравится. Стоп, изменилось всё изображение! Нажмите ОК, сейчас мы это исправим.
Щёлкните на маске слоя Hue/Saturation и нажмите Ctrl+I, чтобы инвертировать её. Изображение станет таким, каким было. Установите background color на белый цвет и нажмите Е, чтобы включить инструмент Еraser Tool. Непрозрачность «opacity» ластика установите 100%. И далее рисуем ластиком по маске слоя там, где нам необходимо получить цвет, полученный после применения Hue/Saturation (в моём случае – это брюки).



Продолжайте добавлять цвета, пока не получите желаемого результата:



Откорректируем рубашку и оттенки кожи:



Шаг 7:
Сделайте ещё один пустой слой ниже слоя «Paint». Выберете снова brush tool (В) с огромным размером. И с непрозрачностью кисти в 5% сделайте несколько широких штрихов по всему изображению, чтобы получить цвет фона.



Автор:Kyle Pero

Перевод:DeMiKo213