Выполняю, подождите...
 
 
Библиотека

Создание иллюстрации из фотографии в Photoshop

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

Взгляните на фотографию и конечный результат, который получился у меня.

Контурный рисунок из фотографии

Шаг 1:
Откройте выбранную фотографию в Photoshop. Создайте новый слой залитый белым цветом (в меню 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» (Dark), чтобы в качестве цвета кисти установить чёрный цвет. Щёлкаем правой кнопкой мыши по слою Work path и выбираем Stroke Path. Убедитесь, что стоит галочка Simulate Pressure и используется кисть, которую вы только что настроили. Нажмите ОК. Вы можете регулировать настройки Master Diameter на панели кистей, если линии получаются слишком толстые или тонкие.



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



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

Шаг 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% сделайте несколько широких штрихов по всему изображению, чтобы получить некоторый рисунок фона.

Уроки Фотошоп. Создание иллюстрации из фотографии.