разработка сайтов

Рисуем образы из дыма

В этом уроке мы научимся эффективно применять Warp Tool (Искажение) и ещё несколько приемов для того, чтобы сделать дым в виде черепа. С помощью этого приема можно получить разнообразные результаты, он также работает с водой, облаками и так далее. Ну что, начнём?

Взгляните на изображение, которое мы будем создавать.

Final

Внимание! Если вы читаете этот урок через RSS-ленту и у вас не отображаются картинки, не пугайтесь, просто перейдите на сайт и всё будет отлично.

Ресурсы

Загрузите к себе на компьютер эти изображения, они понадобятся нам в процессе урока.

Шаг 1

Откройте изображение курящего парня.

Шаг 2

Открываем изображение с черепом и рисуем вокруг него контур при помощи Pen Tool tool (Перо), установив Paths (Контуры) а не Shape Layers (Слои Фигуры). Избавляемся от ненужных элементов, таких как орехи и болты при помощи Clone Stamp Tool tool (Клонирующий Штамп), используйте кисть с мягкими краями.
Создайте выделение вашего контура (Ctrl + клик по миниатюре контура на панели контуров), затем копируем и вставляем его в рабочий документ. Зеркально отразите слой горизонтально Edit >Transform > Flip Horizontal затем используйте Free Transform Tool (Свободная трансформация (Ctrl + T)), чтобы изменять его размер и поворачивать.

Шаг 3

Открываем первое изображение с дымом, избавляемся от сигаретты, используя Clone Stamp Tool tool (Клонирующий Штамп). Теперь берем Polygonal Lasso tool (Полигональное лассо) и создаем приблизительное выделение дыма, конечно, в него попадет и часть заднего фона. Копируем и вставляем его на рабочий холст, назовем слой например “CIG_SMOKE.”.

Шаг 4

Меняем режим наложения слоя “CIG_SMOKE” на Screen (Осветление). Скорее всего у вас ещё остались резкие края у дыма, это из-за того, что фон был не чисто черным, так что берем Burn Tool tool (Затемнитель) и затемняем. Настраиваем Levels (Уровни) Image > Adjustments > Levels, настройки вы можете увидеть на скриншоте ниже. Ну и под конец поворачиваем изображение и меняем его размер при помощи свободной трансформации (Ctrl + T)

Шаг 5

Теперь мы собираемся заняться черепом. Для начала настраиваем Levels(Уровни) как показано ниже. Выбираем Clone Stamp Tool tool (Клонирующий Штамп) и избавляемся от теней в глазницах. Не старайтесь быть слишком аккуратным, это должно занять у вас не больше минуты. Обесцвечиваем череп Image > Adjustments > Desaturate и применяем фильтр Glowing Edges (Свечение краёв) Filter > Stylize > Glowing Edges).

Шаг 6

Выбираем слой “CIG_SMOKE” и используем Burn Tool tool (Затемнитель), установите Midtones и Exposure (Экспозиция) на 37%.

Шаг 7

Открываем второе изображение с дымом. Инвертируем его Image > Adjustments > Invert так, чтобы дым стал белым а фон черным. Теперь переносим его на наш холст, назовём слой #8220;SMOKE.”.
Выберите Dodge Tool tool (Осветлитель), Hightlights, экспозиция 18% и пройдитесь им по правой стороне несколько раз. Затем меняем режим наложения на осветление и создаем копию слоя Layer > Duplicate layer.

Шаг 8

Используйте свободную трансформацию, чтобы изменить размер, но вместо того, чтобы принять изменения, переходим Edit > Transform > Warp и настраиваем сетку так, как показано ниже. Можете хватать и перемещать любую точку изображения в пределах сетки. Теперь затемняем, чтобы избавиться от резких краёв дыма. Мы хотим сделать черты черепа более выразительными, поэтому продолжаем использовать Burn Tool tool (Затемнитель), установим мгкую кисть 70% жесткости и затемним глазницы черепа. Дублируем слой “SMOKE copy” и применяем свободную трансформацию, чтобы он вписался в челюсь черепа. Перед тем, как закончить, перейдите Edit > Transform > Warp, расположите решетку так, как показано ниже.

Шаг 9

Продолжаем создавать контуры черепа, создавая копии слоя “SMOKE” и трансформируя их. При необходимости используйте Burn Tool tool (Затемнитель)
Поместите немного дыма туда, где “CIG_SMOKE” (это самый первый слой с дымом, который мы создали) встречается со слоем “SKULL”, чтобы создать более естественное сочетание.

Шаг 10

Продолжаем создавать слои дыма используя копии оригинального “SMOKE”. Используйте уже трансформированные копии слоёв для похожих деталей. Если какой-нибудь слой вам мешает, можете отключить его видимость, нажав иконку глаза рядом с миниатюрой слоя на палитре слоев.

Шаг 11

Ну вот, теперь череп начинает приобретать форму, можем добавить на него другие текстуры дыма. Открываем третье изображение с дымом, обесцвечиваем и вставляем на наш холст. Назовем новый слой “NEW_SMOKE”. Меняем режим наложения слоя на осветление, используем свободную трансформацию и искажение, чтобы поместить дым так, как это сделано на скриншоте. Получится что-то, похожее на дымоход. Так как дым должен расходиться наверху, то создайте ещё один точно такой же “дымоход” с правой стороны.

Шаг 12

Теперь пора сделать череп немного посветлее, это добавит ему реалистичности. Загружаем 4-е изображение с дымом и открываем его в фотошоп. Выдялем порцию дыма при помощи Polygonal Lasso Tool tool (Полигональное лассо), затем копируем и вставляем его на рабочий документ. Назовем новый слой “WISPY_SMOKE”. Не забудьте обесцветить его и изменить режим наложения на осветление. Затем трансформируем, искажаем и затемняем его точно так же, как мы это делали раньше.

Шаг 13

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

Шаг 14

Для того, чтобы не запутаться на следующих шагах, объедините все существующие слои с дымом (выделите их все на палитре слоев и перейдите Layer > Merge Layers). После того, как вы это сделаете, придется поменять режим наложения слоя обратно на Осветление. Также используем Burn Tool tool (Затемнитель), чтобы затемнить “части лица” черепа. Если необходимо, переключайтесь в опциях между Shadows, Midtones и Highlights. Старайтесь не перезатемнять зоны, иначе это плохо отразится на пикселях. Я нашёл отличный способ избежать этого – просто щелкайте мышью в нужных местах по нескольку раз, не двигая мышью во время нажатия.

Шаг 15

Для наглядности можно включить видимость слоя “SKULL”. У вас должна быть ключевая белая линия вокруг черепа – результат действия фильтра Glowing Edges. Возьмите Eraser Tool tool (Ластик) и удалите её. Оптимальный выбор – кисть с 0% жесткостью, 100% непрозрачностью и flow. Включите видимость слоёв с дымом, перейдите на слой с черепом и примените коррекцию Уровни Image > Adjustments > Levels так же, как в примере. Это должно добавить детализации частям черепа.

Шаг 16

Нам нужно более хорошее сочетание в частях черепа. Берем те же изображения с дымом (я использовал второе и третье) и помещаем их маленькие кусочки поверх ключевых зон с деталями. Смотрим скриншоты:

Шаг 17

Переходим на фоновый слой (на нем должен быть парень с сигаретой), переходим Layer > New Adjustment Layer > Curves и ставим настройки как в уроке. Создаем маску tool корректирующего слоя, затем Select > All и заполняем её черным цветом. Выбираем Brush Tool tool (Кисть), настраиваем её и начинаем рисовать белым цветом по маске корректирующего слоя, чтобы показать на некоторых местах его действие. Для таких деталей, как глаза и блики на коже используем маленькую кисть. Продолжайте рисоать по этим зонам, пока не улучится их освещение и контраст.

Шаг 18

Создаем корректирующий слой Levels (Уровни) поверх Curves (Кривые) с настройками как на скриншоте.

Шаг 19

Выбираем самый верхний слой на палитре слоев (это должен быть объединенный “SMOKE”) и переходим Layer > New Adjustment Layer > Gradient map (это необязательный пункт, так что добавляйте любую цветовую схему, которая вам нравится или, если хотите, не добавляйте ничего).
Редактируем цвета градиента, ставим темный на #003949, а светлый #fdfea3. Меняем режим наложения света на Color. Под конец настраиваем Brush Tool tool (Кисть) и рисуем по маске слоя, чтобы показать натуральные цвета кожи. Парочкa passes должны сделать это.

Заключение

Также я добавил несколько эффектов, как например Vignette, High Pass. Ещё я продублировал слой с черепом и удалил с него зону с зубами, так как считаю, что она уже достаточно насыщенна.

Final

Понравился материал?

Вы можете подписаться на RSS ленту обновлений сайта или поделиться ссылкой с друзьями

Обсуждение 4 комментарияКомментировать

  • JeJey 19 апреля 2011

    вау, отличный урок, сейчас попробую сделать))

    • Michael Jones 19 апреля 2011

      покажешь потом что получилось :)

      • JeJey 19 апреля 2011

        ага)

      • JeJey 1 мая 2011

        вот, как и обещала, хоть и с опозданием)
        2b92054a5d94.jpg

Оставить комментарий