Создание узора из жидкого пламени

Инструмент Warp Tool в Photoshop может сослужить вам прекрасную службу, если им уметь пользоваться правильно. В сегодняшнем уроке я вам покажу, как, используя пару изображений, создается волшебная текучая огненная фигура. Давайте начнем!

Подготовка

Для старта нам понадобится скачать следующие файлы:

1 Шаг

Создаем новый документ размерами 1920×1080px. После этого скачайте вот эту бетонную текстуру, которую мы создавали в одном из предыдущих уроков по рисованию металлических букв.

2 Шаг

Скачайте лампу Аладдина и поместите ее на документ, как показано ниже. Обесцветьте ее, нажав Ctrl + Shift + U.

3 Шаг

Добавьте лампе тень. Создайте новый слой и назовите его “Lamp Shadow”. Используя “Ellipse Marquee Tool” создайте выделение, как показано ниже.

4 Шаг

Выполните щелчок правой клавишей мыши по выделению и кликните по пункту “Add Feather”, после чего задайте величину затухания равную 3px и залейте выделение черным цветом.

5 Шаг

Сдвиньте слой “Lamp Shadow” чуть вверх и вправо, как показано на рисунке.

6 Шаг

Теперь, перед тем как начать рисовать пламя из лампы, нанесем направляющие, вдоль которых будем его выстраивать. Создайте новый слой поверх остальных и назовите его “Start Stroke”. Используя Pen Tool, создайте контур, как показано ниже.

7 Шаг

Откройте палитру кистей и подготовьте кисть для наведения контура.

8 Шаг

Перейдите на слой “Start Stroke”, переключитесь на Pen Tool и кликните правой кнопкой мыши по рабочей области. В выпавшем меню выберите пункт Stroke Path.

9 Шаг

Понизьте непрозрачность (Opacity) слоя “Start Stroke” до 10%-20%.

10 Шаг

Скачайте изображение с огнем и откройте его в фотошопе. Перейдите на палитру Channels и продублируйте красный канал Red Channel.

11 Шаг

Откройте Image > Adjustments > Curves и примените следующие настройки:

12 Шаг

Выполните Ctrl + клик по каналу для загрузки его выделения, либо откройте Select > Load Selection.

13 Шаг

Теперь вернитесь в палитру Layers и просто скопируйте выделенное и вставьте в ваш документ на новом слое. Назовите этот слой “Fire Flame”.

14 Шаг

Нажмите Ctrl + T и уменьшите пламя в размерах.

15 Шаг

При помощи Lasso Tool создайте выделение по нижней части пламени и нажмите Ctrl + Shift + J для разделения слоя на две части.

16 Шаг

Сейчас нам понадобится только нижняя часть пламени, поэтому спрячьте “Up Flame” до тех пор, пока не придет его черед.

17 Шаг

Продублируйте слой нижнего пламени, оставив оригинал, таким образом, как резервную копию. Уменьшите немного дубль, нажав Ctrl + T и выполнив соответствующие преобразования, а дальше, не выходя из этого инструмента, выполните щелчок правой клавишей мыши по трансформируемой области и выберите пункт Warp из меню.

18 Шаг

Сейчас давайте уберем ненужные части пламени. Используя инструмент Lasso Marquee, или Pen Tool, создайте выделение, как показано ниже. На следующих шагах у вас будет уже довольно много кусков пламени на разных слоях, поэтому потрудитесь их надлежащим образом называть, чтобы потом иметь возможность отличать их друг от друга.

19 Шаг

Продублируйте большой кусок пламени, который мы оставляли для этих целей, и переименуйте его в “Stroke_Flame_2”. Уменьшите дубль в размерах и изогните его, как мы делали ранее.

20 Шаг

Снова дублируйте оригинальный слой с пламенем и назовите его “Stroke_Flame_3”.

21 Шаг

Сейчас давайте вернемся к нашему спрятанному слою с пламенем (“Up Flame”). Задайте ему видимость и назовите “Stroke_Flame_4”. Вынесите его поверх всех слоев, немного уменьшите в размерах, чуть наклоните и задайте искажение, как показано ниже.

22 Шаг

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

23 Шаг

Вы, наверное, заметили, что средний участок пламени имеет несколько отличный от остальных цвет. Поэтому при помощи Image > Adjustment > Hue/Saturation давайте скорректируем оттенки для того, чтобы изображение выглядело более реалистично.

24 Шаг

Перед тем, как начать работу над огненным сердцем, выделите все слои с пламенем и перенесите их в отдельную папку.

25 Шаг

Теперь перейдем к собственно сердечку. Перед тем как начать, нам нужно создать направляющие и для него. Красивый пример сердечка можно найти в папке Photoshop с фигурами по умолчанию. Создайте новый слой и назовите его “Heart Reference”. Найдите фигурку сердца в библиотеке кастомных фигур Photoshop, нанесите ее на документ и залейте белым цветом. Затем понизьте Opacity фигуры до 10%.

26 Шаг

Для создания сердечка будем использовать ту же технику, которой пользовались при создании струйки огня из лампы. Перед началом работы убедитесь, что вы откорректировали насыщенность (Saturation), чтобы не столкнуться с накладками, которые вышли у нас на шаге 23.

27 Шаг

Продублируйте “Bottom Flame” и назовите дубль “Heart_Flame_1”, вынеся его поверх всех слоев. Примените искажение Warp, как показано ниже.

28 Шаг

Подчистите ненужные области, а затем примените к слою фильтр Filter > Liquify, чтобы изогнуть пламя, как показано на рисунке.

29 Шаг

Продублируйте слой с большим языком пламени и назовите его “Heart_Flame_2”, повернув его и убрав лишние части.

30 Шаг

Выделите два слоя: “Heart_Flame_1” и “Heart_Flame_2”, затем дублируйте их, перетащив на иконку создания нового слоя в нижней части панели Layers. Теперь трансформируйте их, как показано ниже. Затем выделите все слои огненного сердца и слейте их в один.

31 Шаг

Откройте Filter > Liquify и с помощью Warp Tool подкорректируйте слой в указанных на рисунке местах.

32 Шаг

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

33 Шаг

Теперь слой с направляющей фигурой можно удалить.

34 Шаг

Выделите теперь слой “Inside Layer” и откройте Filter > Liquify. Поработайте с краями, как показано ниже.

35 Шаг

С сердцем почти все. Выделите слои “Heart Flame” и “Inside Heart” и поверните их, как показано ниже.

36 Шаг

Слейте в один слой слои “Heart_Flame” и “Inside_Heart” и назовите результирующий слой “Big_Heart”. Теперь дублируйте его и переименуйте дубль в “Mini Heart”. Уменьшите его в размерах с помощью Transform Tool (Ctrl + T) и поместите в место, показанное на иллюстрации.

37 Шаг

Дублируйте слой “Stroke_Flame_1”, сместите дубль в район второго сердечка и вынесите слой поверх других, чтобы создать отчетливую струйку огня, ведущую к нему.

38 Шаг

Вы, наверное, заметили, что обе струйки выглядят не до конца реалистично. Для этого вызовите фильтр Liquify и поправьте все как следует.

39 Шаг

То же самое проделайте со струйкой пламени, ведущей к большому сердцу (это слой “Stroke_Flame_1”).

40 Шаг

Так, ну все. С искажениями/преобразованиями мы закончили, теперь время порисовать. Создайте новый слой поверх слоя с лампой и назовите его “Lamp Light”. Затем создайте обтравочную маску, выбрав Layer > Create Clipping Mask.

41 Шаг

Переключитесь на Brush Tool и задайте такие характеристики для кисти: Size — 3px, Roundness — 0px, Opacity — 40px, Flow — 30%, Color — FF8A00.

42 Шаг

Начинайте обводить кистью в режиме обтравочной маски края лампы.

43 Шаг

Поменяйте параметры кисти на следующие: Size — 100px, Opacity — 20%, Flow — 10%.

44 Шаг

Создайте новый слой под слоем с лампой. Назовите его “Lamp Glow”. Переключитесь на инструмент Gradient Tool и выберите градиент цветом от прозрачного к FF8A00.

45 Шаг

Добавьте позади пламени небольшое свечение. Это сделает эффект более реалистичным. И так. Слейте все языки пламени друг с другом и назовите слой “Magic Flame”, но не забудьте перед сливанием сделать резервную копию своего документа (возможно в будущем вам понадобится вернуться к редактированию огненной фигуры по частям).

46 Шаг

Дублируйте слой “Magic Flame” и назовите дубль “Magic Glow”. К нему примените размытие, запустив фильтр Filter > Blur > Gaussian Blur со значением 10px. Непрозрачность (Opacity) слоя понизьте до 60%.

47 Шаг

Создайте новый слой поверх остальных и назовите его “Magic Love”. Далее выполните Image > Apply Image.

Заключение

Теперь, имея все на одном слое, примените фильтр Filter > Sharpen > Sharpen и вуаля — все готово! Наслаждайтесь результатом и не забывайте задавать вопросы через форму для комментариев ниже.

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта psd.tutsplus.com, автор перевода указан в начале урока.

Обсуждение урока

К 14 февраля можно будет открытку сделать!

)))))))

А вы все жжоте )))

Да-да, ты не ослышался. Теперь ждем от тебя подробных видео-уроков, как склеить объект к этому дню :-D.

Здравствуйте! А что нужно сделать, чтобы внутрь сердца вставить фотографию ?

Наши друзья: Баки с тэном, твердотопливные котлы зота . Координаты магазина печи дымоходы.