Рисунок из фото в фотошопе

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

Урок делаю в Adobe Photoshop CS4. На уникальность не претендую – похожие уроки уже есть в сети, вот только я объясню как делается этот эффект подробней и более грамотно.

Новички в данном уроке еще лучше научатся работе инструментом Pen Tool.

Значит так... Сделай фотку черно-белой, пентулом обведи основные черты лица, волос и одежды и закрась все лишнее белым цветом, оставив сам силуэт. Все, эффект достигнут! =)

Если ты ничего не понял, значит ты в фотошопе новичок и я для тебя постарался, написав ниже подробное описание:

1. Прежде всего выберем фото. Это должен быть портрет, голова не должна быть обрезана. Так же прошу обратить внимание на разрешение фотографии – чем оно больше, тем больший размер кистей нужно использовать при выполнении урока. Я специально уменьшил фото до разрешения 880x1267 пикселей (если ты не в курсе, то изменить разрешение изображения можно здесь: Image —> Image Size...). Если ты в фотошопе новичок, тогда советую уменьшить фото и тебе – примерно до указанного мною разрешения (естественно, сохранив пропорции) – будет легче повторять мои действия.

Вот такой портрет я выбрал из своей коллекции (на этом фото девушка Ирина – студентка юрфака БГУ):

Если на лице есть мелкие прыщики, то их можно оставить – в следующем пункте они станут незаметны. Если их много и они большие – советую их убрать с помощью инструмента Spot Healing Brush Tool (про устранение изъянов на лице так же можно прочитать в уроке Гламурное фото в фотошопе).

2. Уже на начальном этапе сделаем фото немного похожим на рисунок, используя фильтр «штриховка» (Filter —> Brush Strokes —> Crosshatch...) со следующими настройками (напоминаю, что если у тебя фото гораздо больших размеров, то настройки могут быть другими – добейся показанного мною эффекта «на глаз»):

Вот результат этих действий:

3. Теперь сделаем фото черно-белым. Можно поступить очень просто – сделать обычное обесцвечивание (Image —> Adjustments —> Desaturate), но мы поступим иначе – более правильно, полностью контролируя процесс. По этому на панели слоев Layers жми иконку Create new fill or adjustment layer (создать корректирующий слой – на скриншоте ниже в виде черно-белого кружка) и в появившемся меню выбери пункт Black & White (черное и белое)... В итоге создасться новый корректирующий слой:

...и на панели справа появится вкладка Adjustments (корректировка). Перетаскивая бегунки (изменяя баланс цветов), добейся самого красивого черно-белого варианта (что бы лицо было четким, светлым, контрастным). Если совсем не получается – нажми кнопку Auto (результат будет похуже, но это лучше, чем ничего):

Вот так получилось у меня:

4. Теперь добавим еще один корректирующий слой, на этот раз для настройки яркости и контраста (на панели слоев Layers снова жмем иконку Create new fill or adjustment layer и выбираем там пункт Brightness/Contrast...). Измени настройки яркости и контраста по вкусу (они зависят от исходного фото). Вот мои настройки:

А вот результат этого:

5. Скоро будем обводить основные черты лица, но перед этим, только для удобства, выполним еще пару простых действий: создадим новый слой (для этого на панели слоев нажми иконку Create a new layer). Непрозрачность слоя (Opacity) уменьшим до 30%. Слой зальем белым цветом с помощью Paint Bucket Tool:

Фото теперь должно стать затуманенным (теперь, обводя основные черты лица в следующем пункте, линии не будут сливаться с темными участками на лице и волосах), вот таким:

6. Теперь поработаем с кривыми Безье (новичкам они даются сложновато, но в прошлых уроках я уже затрагивал эту тему, например в этом: Новогодняя поздравительная открытка в фотошопе (11-й пункт)), которые рисуются инструментом Pen Tool.

На панели слоев переходим на вкладку Paths (дословно переводится как «пути») и кликаем по иконке Create new path (создать новый путь):

На панели инструментов выбираем инструмент «ручка» (Pen Tool). Он может работать в 2-х режимах – рисование фигур (выглядят как закрашенные фигурки) и путей (выглядят как тонкие контурные линии) любой формы. Нам нужен второй режим. Изменить режим выбранного инструмента можно на верхней панели, я обвел куда тебе нужно кликнуть (иконка называется Paths):

Начинаем рисовать пути (кривые Безье). Делается это так: кликаем в точке начала кривой, за тем кликаем в следующей точке (которая находится на не очень большом расстоянии от предыдущей) и, не отпуская левую клавишу мыши, тянем мышку, наблюдая как кривая изгибается. Останавливаемся на нужном изгибе и ставим еще одну, новую точку. Действия повторяем, пока не закончим кривую (см. мой пример ниже). Если в итоге кривая получилась не такой, как ты хочешь, то ее можно поправить – с помощью инструмента Direct Selection Tool.

Сперва обведем контур лица (у меня на него ушло 9 точек):

7. То, что получилось – всего лишь «путь» (вспомогательная линия). Что бы она стала частью рисунка, ее нужно обвести с помощью кисти (Brush Tool). Вручную обводить не придется – в фотошопе все автоматизировано =)

Сперва создадим новый слой (на панели слоев Layers кликнем по иконке Create a new layer), за тем выберем инструмент «кисть» (Brush Tool). В качестве профиля кисти выберем обычную кисть круглого профиля. Настройки кисти нужно немного изменить, это делается в окошке Brushes (открывается через меню так: Window —> Brushes). Сперва изменим размер кисти (при разрешении фотографии как у меня, нужна кисть размером 3 пикселя):

Переходим на вкладку Shape Dynamics, там в пункте Size Jitter изменим параметр Control на Pen Pressure (линия на образце станет сужающейся к краям):

Теперь возвращаемся на вкладку Paths, кликаем правой клавишей по эскизу созданного нами пути и в появившемся меню выбираем пункт Stroke Path... (обвести путь):

В появившемся окошке поставь галочку Simulate Pressure (эмулировать нажатие кисти) и жми Ok:

У меня получилась вот такая линия (немного не совпала с контуром лица, но это не страшно):

8. Создавая новые пути (кривые Безье) и выполняя их обводку (вышеописанным способом), обведем основные черты лица, волос, одежды, украшений и т.п. Вот мой результат:

9. Удалим полупрозрачный вспомогательный слой (который мы заливали белым цветом). Туман с фотографии исчезнет:

10. Понемногу подходим к завершающему этапу... Сейчас нужно закрасить все лишнее белым цветом (в моем примере – стену и нижнюю часть одежды), оставив лишь силуэт девушки. Выбираем инструмент «кисть» (Brush Tool), на всякий случай сбросим настройки кисти (в окошке Brushes жмем куда я показал и выбираем пункт Reset Brushes...):

В качестве профиля кисти выберем мягкую кисть (с мягкими краями), размер – 100 пикселей (может быть и больше). Непрозрачность кисти (Opacity) уменьшим до 10%:

Теперь создадим новый слой (на панели слоев Layers кликаем по иконке Create a new layer), разместим его сразу над слоем с изображением девушки (т.е. разместим вторым снизу) и начинаем закрашивать все лишнее белым цветом, налаживая мазки кистью друг на друга:

Можно слегка закрасить волосы:

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

Исходное фото и получившийся рисунок, для сравнения:

Еще один мой пример рисунка из фото:

Все. Рисуйте, показывайте в комментариях что у вас получилось. При возникновении затруднений и вопросов – задавайте их в комментариях к данному уроку или на сервисе Вопросы & Ответы

PS: с наступающим днем всех влюбленных! Любите друг друга, делайте своим вторым половинкам приятно, ничего не требуя взамен. Ваш Гуляй Сергей :)