Инструмент деформация (warp) в Фотошопе

В этом уроке будет продемонстрировано, как объединить несколько стоковых изображений, чтобы создать волшебно-пылающую сердечную иллюстрацию.

Photoshop для чайников Фотошоп с нуля в видеоформате Photoshop для фотографа
Редактирование - Трансформирование - Деформация (Edit - Transform - Warp) на примере Photoshop CC (2014) (Rus)
Редактирование - Трансформирование - Деформация (Edit - Transform - Warp) на примере Photoshop CC (2014) (Rus)

Примечание. Для использования «Деформации», нужно перейти в режим «Трансформирование» нажав Ctrl+T.


Инструмент «Warp» (Деформация) в Фотошопе очень хороший инструмент, если использовать его с толком.


1. Создайте новый документ: 1920 на 1080 рх. Скачайте :

Инструмент деформация (warp) в Фотошопе

2. Тепереча, в древних городах и пустынях, отыщите и скачайте . Удалите белый фон, переместите изображение вниз, потом обесцветьте лампу Ctrl+Shift+U (и перестаньте уже ее тереть — джина я еще раньше пересадил в другое место):

Инструмент деформация (warp) в Фотошопе
3. Под лампу нужно добавить тень. Создайте ниже новый слой и назовите это «Lamp Shadow», инструментом () создайте выделение, как показано ниже:
Инструмент деформация (warp) в Фотошопе

4. Немного растушуем выделение: нажмите Ctrl+Alt+D и в появившееся поле введите цифру 3, после залейте выделение черным цветом:

Инструмент деформация (warp) в Фотошопе

5. Сдвиньте тень немного правее:

Инструмент деформация (warp) в Фотошопе

6. Теперь, прежде чем мы начинаем добавлять и варпить (деформировать) огонь, разумно будет обозначить изгиб будущего направления, по которому мы и будем его (огонь) накладывать. Это будет своего рода пример-заготовка, по которой мы будем ориентироваться при работе. Создайте новый слой выше остальных, назовите его «start stroke», и затем, используя инструмент (), нарисуйте путь, как это показано:

Инструмент деформация (warp) в Фотошопе

7. Выберите кисть, откройте палитру с настройками (F5) и подготовьте ее для будущего мазка по нарисованному пути:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

8. Находясь на слое «Start Stroke» выберите инструмент () и сделайте правый клик, в появившемся меню выберите пункт Stroke path… (Выполнить обводку контура). Далее как показано на скрине:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

9. Понизьте Opacity (Непрозрачность) данного слоя до 10%-20%:

Инструмент деформация (warp) в Фотошопе

10. Загрузите изображение и откройте его в фотошопе. Перейдите в палитру Channels ( (Окно - Каналы)) и сдублируйте красный канал:

Инструмент деформация (warp) в Фотошопе

11. При выбранной копии красного канала примените к нему кривые Ctrl+M или (), настройки показаны ниже:

Инструмент деформация (warp) в Фотошопе

12. Теперь, зажав клавишу Ctrl, кликните на этот канал, чтобы получить выделение или сделайте это через меню (Выделение - Загрузить выделенную область) и кликнуть Ок:

Инструмент деформация (warp) в Фотошопе

13. Теперь нажмите Ctrl+~, вернитесь в палитру Layer (Слои / F7), скопируйте выделение Ctrl+C и вставьте его в основной рабочий документ. Назовите этот слой «fire flame»:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

14. Вызовите инструмент () и немного уменьшите изображение огня:

Инструмент деформация (warp) в Фотошопе

15. Используя инструмент (), сделайте выделение вокруг нижней части огня и нажмите Ctrl+Shift+J — это разделит обе части огненных языков на разные слои:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

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

Инструмент деформация (warp) в Фотошопе

17. Скопируйте слой с нижней вспышкой, придвиньте его к полупрозрачной дуге и нажмите Ctrl+T, чтобы уменьшить дубликат, а потом, сделайте правый клик и выберите пункт Warp (Деформация) и деформируйте огонь вдоль верхушки полупрозрачной линии (повторяя направление):

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

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

Инструмент деформация (warp) в Фотошопе

19. Опять дублируйте слой с неизменным огнем и назовите его «stroke_flame_2», уменьшите и деформируйте его как прежде:

Инструмент деформация (warp) в Фотошопе

20. Снова скопируйте слой с неизменным куском огня, назовите его «stroke_flame_3» и деформируйте огонь, продолжив уже готовую часть:

Инструмент деформация (warp) в Фотошопе

21. Пришло время пустить в ход скрытую ранее часть огня. Дублируйте этот слой и переименуйте его в «stroke_flame_4», переместите на самый верх и деформируйте его, придав форму изгиба, как показано на скрине:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

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

Инструмент деформация (warp) в Фотошопе

23. При помощи функции (Изображение - Коррекция - Цветовой тон/Насыщенность / Клавиши «Ctrl+U») вы можете частично изменять цветовой тон нужного участка пламени, добиваясь общности и реалистичности огненных частей:

Инструмент деформация (warp) в Фотошопе

24. Выберите слои с огненной дугой и объедините их в общую папку:

Инструмент деформация (warp) в Фотошопе

25. Теперь давайте начнем работу над сердцем. Прежде всего, как это было и в начале работы, мы должны создать пример-заготовку, форма которой будет нам помогать, как ориентир для наложения пламени. В фотошопе, среди стандартного набора есть подходящая форма. Создайте новый слой, назовите это «heart reference». Выбрав инструмент (Инструмент «Произвольная фигура» / Клавиша «U»), сделайте правый клик и найдите там форму сердца (она находится в одной из наборов). Протяните эту форму, нажмите Ctrl+Enter и залейте получившееся выделение белым цветом, а потом понизьте непрозрачность до 10%:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

26. Для создания сердца мы будем использовать ту же самую технику, что и для выходящего огня из лампы. Подкорректируйте тон рабочего пламени слой «bottom flame»:

Инструмент деформация (warp) в Фотошопе

27. Дублируйте слой «bottom flame», назовите его «heart_flame_1», переместите выше остальных слоев и деформируйте, как это показано:

Инструмент деформация (warp) в Фотошопе

28. Удалите ненужные области и запустите фильтр (), где вы сможете деформировать пламя более точечно, см ниже:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

29. Опять скопируйте слой с огнем, переименуйте в «heart_flame_2», поверните под углом и деформируйте, «натягивая»/одевая на контур сердца. Лишние области удалите:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

30. Выберите слои «heart_flame_1» и «heart_flame_2», дублируют их, переместив на иконку создания слоя, что внизу палитры слоев. Отразите копии по горизонтали, как показано, чтобы заместить их на противоположной стороне сердца. Выберите все огненные слои, формирующие сердце и слейте их в один Ctrl+E:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

31. Запустите () и инструментом Forward Warp (Деформация) подправьте/подтяните некоторые выступающие области:

Инструмент деформация (warp) в Фотошопе

32. Теперь давайте сделаем внутреннюю часть сердца. Сделайте её самостоятельно. Вставьте внутреннюю часть в середину:

Инструмент деформация (warp) в Фотошопе

33. Теперь Вы можете или отключить видимость или удалить заготовочный полупрозрачный слой с формой сердца:

Инструмент деформация (warp) в Фотошопе

34. Выберите слой с серединкой и примените (), чтобы подправить края, как показано ниже:

Инструмент деформация (warp) в Фотошопе

35. Сердце почти готово. Выберите слой «heart flame» и «inside heart (серединка)», нажмите Ctrl+T и поверните их под углом:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

36. Слейте эти слои («heart_flame» и «inside heart») в один и переименуйте его в «big heart». Дублируйте новый слой и назовите копию «mini heart». Для оправдания второго названия, нажмите Ctrl+T и уменьшите копию в размере, переместите ее в сторону:

Инструмент деформация (warp) в Фотошопе

37. Дублируйте слой «stroke_flame_1» и переместите его выше других слоев, чтобы создать дополнительный шлейф от большого сердца к меньшему:

Инструмент деформация (warp) в Фотошопе

38. Шлейф выглядит немного нереалистично, чтобы исправить это, воспользуйтесь фильтром Liquify (Пластика):

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

39. Проделайте подобную операцию и с огоньком, что присоединяется к большому сердцу (слой «stroke_flame_1») и повторять 38. При желании, если это нужно, можете подправьте некоторые остальные части:

Инструмент деформация (warp) в Фотошопе

40. Отлично, мы завершили с деформациями, теперь пришло время немного поработать кистью, чтобы нарисовать отблески огня на лампе. Создайте новый слой выше слоя с лампой, назовите его «lamp light» и переведите его в обтравочную маску (Слои - Создать обтравочную маску / Сочетание клавиш «Alt+Ctrl+G»):

Инструмент деформация (warp) в Фотошопе

41. Настройте следующим образом круглую кисть: Size (Диаметр) = 3px, Opacity (Непрозрачность) = 40px, Flow (Нажим) = 30%, Цвет - ff8a00:

Инструмент деформация (warp) в Фотошопе

42. Начните подрисовывать края лампы, как показано:

Инструмент деформация (warp) в Фотошопе

43. Измените настройки кисти: Size (Диаметр) = 100 px, Opactiy (Непрозрачность) = 20%, Flow (Нажим) = 10%:

Инструмент деформация (warp) в Фотошопе

44. Создайте слой ниже лампы. Назовите его «lamp glow». Выберите радиальный градиент от прозрачного к цвету (цвет настройте тот же ff8a00) и сделайте небольшой шар. Трансформируйте его и положите под лампу, потом понизьте непрозрачность:

Инструмент деформация (warp) в Фотошопе

45. Добавьте немного свечения позади огненных слоев, это заставит выглядеть картинку более реалистично — огонь ведь светится. Итак, слейте все огненные слои в один «magic flame», но прежде, чем сделать это, на всякий случай сделайте копию вашего документа, возможно, вам придется потом что-то изменить:

Инструмент деформация (warp) в Фотошопе

46. Дублируйте слой «magic flame» и назовите копию «magic glow» (копию поместите ниже). К слою «magic glow» примените фильтр (Фильтр - Размытие - Размытие по Гауссу) с силой воздействия 10 px, после, понизьте непрозрачность этого слоя до 60%:

Инструмент деформация (warp) в Фотошопе
Инструмент деформация (warp) в Фотошопе

47. Создайте новый над всеми остальными, назовите его «Magic Love», перейдите в (Изображение - Внешний канал), что создаст новый слой, где отобразится вся картинка (того же эффекта можно добиться нажав Ctrl+Alt+Shift+E):

Инструмент деформация (warp) в Фотошопе

Заключение

Как только вы слили на отдельном слое всю картинку, повысьте ей немного резкости (Фильтр - Усиление резкости - Усиление резкости).


Вот и итог.

Финальный результат

Автор: ;

Перевел: ;


Уроки Фотошопа