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

Шаг 1.

На обычной бумаге ручкой нарисуйте эскиз изображения, которое Вы хотите создать. В данном уроке я отрисовал ручкой изображение улицы, которое находится в дополнительных материалах. Отсканируйте получившийся рисунок в высоком разрешении (300dpi). Теперь откройте в Фотошопе изображение «street_scene.jpg» (Ctrl + O).

Шаг 2.

Инструментом Перо (Pen tool) (P)  отрисуйте контуры зданий на левой части изображения. Используйте инструмент Лупа (Zoom tool) для увеличения масштаба изображения. Благодаря этому, будет удобнее отрисовывать изображение. Не забудьте прорисовать контур затемненных частей зданий. Замкните контур.

Шаг 3.

Откройте палитру Контуры (Paths). Инструментом Перо (Pen tool) (Р)  дважды кликните по нарисованному контуру и в открывшемся диалоговом окне выберите пункт Сохранить контур (Save Path). Назовите этот контур «left_buildings». Отмените выделение контура, кликнув по соответствующей иконке в нижней части палитры Конутры (Paths). 

Повторите этот процесс, чтобы создать новый контур с названием «right_buildings» для зданий, которые находятся с правой стороны изображения.

Шаг 4.

Откройте изображение «sky_texture.jpg» и при помощи инструмента Перемещение (Move tool) (V) перетащите текстуру на изображение улицы и поместите ее в верхней части. В палитре Слои дважды кликните по названию этого слоя и переименуйте его в «sky_texture». 

Таким же способом перенесите на наш документ изображение «road_texture.jpg» и поместите его в нижней части документа.

Шаг 5.

Дублируйте слой «sky_texture layer» (Слой > Дублировать слой) (Layer > Duplicate Layer) (Ctrl + J) и измените режим наложения дубликата на Осветление основы (Color Dodge). В цветовой палитре для цвета переднего плана выберите белый.

Шаг 6.

Добавьте корректирующий слой Градиент (Gradient) . В открывшемся диалоговом окне настройки выберите градиент от белого к прозрачному, и выберите радиальный тип градиента.

Шаг 7.

Откройте изображение «left_buildings_texture.jpg» и при помощи инструмента Перемещение (Move tool) (V) перенесите его в основной документ. Переименуйте слой с только что добавленным изображением в «left_buildings». 

Перейдите в палитру Контуры (Paths) и выделите контур «left_buildings». Загрузите контур как выделение, кликнув по третьей кнопке слева в нижней части палитры Контуры (Paths).

Шаг 8.

Бегущая пунктирная линия показывает, что контур загружен как выделение. Для удаления не нужных частей текстуры инвертируйте выделение (Выделение > Инверсия) (Select > Inverse) (Shift + Ctrl + I) и на клавиатуре нажмите клавишу Delete.

Откройте изображение «right_buildings_texture.jpg» и повторите только что проделанные действия, используя контур «right_buildings». 

Шаг 9.

Откройте изображение «street_scene_trace.jpg» и при помощи инструмента Перемещение (Move tool) (V) перенесите его в основной документ. Слой с только что добавленным изображением переименуйте в «Trace». Измените режим наложения этого слоя на Умножение (Multiply). 

Для того, чтобы подвинуть слой, используйте инструмент Перемещение (Move tool) (V) или стрелки курсора на клавиатуре.

Шаг 10.

К слою «left_buildings» добавьте стиль слоя Наложение градиента (Gradient Overlay). Откройте здесь редактор градиентов (Gradient Editor) и выберите черно-белый градиент.

Шаг 11.

В редакторе градиентов для левого маркера выберите ярко-желтый цвет и нажмите OK.

Шаг 12.

Не закрывая окно стилей слоя, измените режим наложения для стиля с градиентом на Затемнение основы (Color Burn) и установите значение 180 для параметра Угол (Angle):

Шаг 13.

Повторите шаги с 10 по 12 для слоя «right_buildings», только на этот раз выберите ярко-красный цвет и в стиле слоя Наложение градиента (Gradient Overlay) установите значение параметра Угол (Angle): 0. 

Также, осветлите и затемните некоторые участки изображения при помощи инструментов Осветлитель (Dodge tool) (O)  и Затемнитель (Burn tool)  .

Финальное изображение: