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

Часть 1. Создание черно-белого наброска

1) Подготовка рисунка.

Откройте изображение в photoshop'е. Продублируйте слой "Background". (Нажмите и потяните слой "Background" на иконку или просто нажмите Ctrl+J). Переименуйте новый слой "dots" или "точки". (Для того чтобы переименовать кликните 2 раза на названии слоя). Создайте новый слой и залейте его ярким синим цветом используя Paint Bucket tool.

[363x299]

Расположите этот слой между слоями "dots" и "Background". Переименуйте его "blue" (синий). Теперь палитра слоев должна выглядеть так:

[414x231]

Далее на слое "dots" мы должны убрать фон оставив только лицо (или фигуру) человека. Для этого используем Pen Tool. Сначала убедитесь, что в опциях Pen Tool'а выбран create a Work Path.

[300x100]

С помощью Pen Tool обводим лицо человека точно по контуру. Затем делаем из контура выделение (клик правой кнопкой и make selection). Инвертируем выделение (CTRL+Shft+I) и жмем delete. Снимаем выделение (CTRL+D).

[537x154]

2) Создание точечной основы

Обесцвечиваем слой "dots"(Ctrl+Shft+U).

Теперь делаем рисунок черно-белым Image > Adjustments > Threshold Для данной фотографии использованны параметры которые изображены ниже, но для вашей вы можете установить другие подходящие.

[431x160]

После использования Threshold края изображения выглядят слишком неровными. Чтобы их сделать гладкими идём в Filter > Blur>> Gaussian Blur (параметры ставим около 2-3).

Дублируем слой "dots" нажав правую кнопку мыши и выбрав Duplicate Layer (Именно этим способом дублируем слой!)

[260x154]

В окне Document выбираем New. Теперь у вас должно быть открыто 2 изображения в photoshop'е.

[322x139]

В новом изображении меням Mode на Grayscale Image > Mode > Grаyscale. В диалоговом окне на вопрос "Discard color information?" Жмём OK. Теперь меняем Mode на Bitmap. Image > Mode > Bitmap. В диалоговом окне на вопрос "Flatten layers?" Жмём OK. В этом же окне меням Use на Halftone Screen.

[253x164]

После этих манипуляций изображение должно стать таким:

3)Подготовка к окраске

В этом же новом документе меняем Mode обратно на Grаyscale. Убедитесь что размер ratio равен 1 и жмите OK. Теперь меняем Mode на RGB. Дублируем слой таким же длинным способом как перед этим. В окне Document выбираем первоначальный документ (он должен быть на самом верху).

[322x139]

На данный момент палитра слоев должна выглядеть так:

  [187x212]

Последний этап в этой части - это создание группирования между скопированным слоем и слоем "dots". Зажав кнопку ALT передвинте мышку между двумя слоями. Затем кликните мышкой когда появится значок как на картинке ниже (можно просто нажать Ctrl+G).

[374x157]

Теперь линкуем слои "dots" и "Background copy" (Клик на слое "Background copy" на маленькое окошко возле "глаза"). Merge Linked (Ctrl+E).

[324x187]

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

[315x344]

Часть 2. Раскрашивание.

1) Создание Цветовых слоев (Fill Layers)

Продублируйте слой "dots". Переименуйте новый слой "white" (белый) и переместите его под слоем "dots". Далее идем в Image > Adjustments > Brightness/Contrast. Используем параметры:
Brightness +100,
Contrast -100
Теперь слой "white" стал белым. На данный момент ваша палитра слоев должна выглядеть как на картинке:

[237x173]

Измените blending mode слоя "dots" на Multiply.

[243x104]

Кликните на иконку  и выберите опцию Solid Colour.

[279x155]

Выберите цвет в диалоговом окне выбора цвета. Жмите OK. (Автор начал с создания губ, поэтому выбрал темно-красный цвет)

[248x174]

Новый Цветовой слой появился в палитре слоев. Переименуйте его "lips" (губы) и переместите его под слоем "dots".

[357x206]

Сгруппируйте слоя "lips" и "white" (Ctrl+G)

[231x57]

Поменяйте foreground color на черный. С помощью Paint Bucket tool залейте слой "lips" черным. Теперь начинаем раскрашивать. Поменяйте foreground colour на белый. Используя жесткую кисть раскрасьте губы. (Убедитесь что opacity равно 100%). Результат на картинке ниже получился очень хорошим.

[354x131]

2)Остальные Цветовые слои

Повторите шаг по созданию Цветовых слоев для каждого участка фотографии (кожи, глаз, одежды и т.д.). Так выглядела палитра слоев Автора на данный момент:

[244x408]

Значки группированния (стрелочки) должны быть на всех Цветовых слоях.

[308x77]

Если вы недовольны цветом какого либо Цветового слоя, кликните два раза на цветном значке слоя (смотрите выше) и выберите другой цвет.

[560x414]

Итак, вы сделали достачно много. Но вы еще можете добавить надпись, речь идущую от фото, мысли человека и т.д.

Часть 3. Создание обводки (LineArt).

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

Первый способ

1) Подготовка слоев

Откройте фотографию в photoshop'е. Переименуйте слой "Background" в "оригинал". Если ваша фотография темная, вы должны её осветлить. Осветление нужно для того, чтобы линии обводки смотрелись более четко.

Для осветления идем в Image > Adjustments > Brightness/Contrast. (Для данной фотографии параметры указаны выше)

Продублируйте слой "оригинал". Переименуйте новый слой "top". Создайте два новых слоя. Переместите их под слоем "top". Залейте ближайший слой к слою "оригинал" белым и переименуйте его "Background". Оставшийся новый слой переименуйте "line art". Сделайте невидимыми слои "Background" и "top", а видиыми оставьте слои "оригинал" и "line art". Активным сделайте слой "line art".

2) Параметры Brush Tool

Для создания линий в photoshop'е мы будем пользоваться Brush Tool. Заходим в параметры кистей.

Далее показаны параметры для создания сужающейся кисти.

Убедитесь что foreground color черный.

3) Создание контура

Начинаем с губ. Выбираем Pen tool. Убедитесь что выбрана опция create a Work Path.

Обведите губы. Ниже показано место начала.

Правый клик, выберите Stroke Path. (в параметрах Brush)

Сделайте видимым слой "Background". Удалите "точечную" линию (path). Для этого правый клик, Delete Path или просто Enter. Если вы довольны результатом отключите слой "Background" и сделайте следующую линию. Если не довольны результатом используйте окно History и удалите последние действия

Если линия слегка обрывается вы можете использовать Eraser Tool. Ведите резинку не вверх/вниз, а по диагонали. Тогда вы добьетесь конусообразного эффекта на конце линии.

2) Создание конусообразной линии.

Чтобы создать линию с конусообразным окончанием с двух сторон зайдите в опции кистей, Shape Dynamics. Поменяйте Control на Pen Pressure, а Minimum Diameter на 1%.

Когда вы выбираете Stroke Path сделайте активной опцию Simulate Pressure.

Когда вы закончите делать губы включите слой "Background". Затем включайте/выключайте слой "top". Если губы будут "прыгать", значит вам стоит переделать линию губ.

3) Создание широких линий.

Создание широкой линии вам понадобится например в бровях. Создайте замкнутый контур брови и используйте Fill Path.

Такой же способ можно использовать при создании верхних ресниц.

4) Создание круглого, овального, квадратного и т.п. контура

Сначала используйте Shape Tool или Ellipse Tool для создания формы. Затем теми же инструментами делаем внутри формы фигуру поменьше, чтобы снаружи остался нужный контур.

Результат:

Второй способ

1) Подготовка изображения

Сначала мы удалим фон. Для этого воспользуемся Pen Tool. Убедитесь, что в опциях Pen Tool'а выбран create a Work Path.

Создайте контур вокруг предмета.

Идите в окно Paths(справа от Chanels).

Загрузите выделение - Load path as a selection - смотрите рисунок выше. Скопируйте выделение: Ctrl+C. Вставьте: Ctrl+V. Возвращаемся в окно "Layers" и переименовываем новый слой названием предмета (в данном случае "gun" - пистолет). Создайте новый слой. Залейте его белым. Переименуйте его "background" и переместите под слоем "gun".

Обесцвечиваем: Image > Adjust > Desaturate

2) Создание обводки

Filter > Blur > Smart Blur на слое "gun":
Quality: High
Mode: Edge Only
Остальные параметры выставите на свое усмотрение. Ниже указаны параметры для этой картинки.

Инвертируем: Ctrl+I

Делаем черную обводку Edit > Stroke. Выберите толщину линии подходящую к вашей картинке.

Получится вот это:

Теперь идем в Filter > Artistic > Poster Edges. Параметры как на картинке:

Ну и последний штрих Filter > Artistic > Cutout. Параметры как на картинке:

Результат:

Заключение

С помощью палитры слоев Автора можно многое объяснить. Ваша обводка должна находится на верху. Скопируйте слой "dots" столько раз, сколько у вас Цветовых слоев и сгруппируйте каждый "dots" с каждым Цветовым слоем Измените blending mode слоев "dots" на Soft Light Вы можете поменять opacity слоев "dots" чтобы они лучше подходили к вашей работе.