Реалистичная сцена с падшим ангелом в Фотошопе

Реалистичная сцена с падшим ангелом в Фотошопе

 Двигатель Iveco это новая жизнь для вашей машины.  Нет смысла в нескончаемом ремонте мотора вашего автомобиля — если есть способ сэкономить время, силы и деньги. Даем гарантию на надежность и качество.

Итак, открываем нашу любимую программу Adobe Photoshop winked и приступаем.

Вот какой ангел у нас получится:

Реалистичная сцена с падшим ангелом в Фотошопе

Ресурсы урока:

Девушка
Волосы
Крыло
Разбитая земля
Разбитая стена
Трубы
Следы от потёков
Грязная гранжевая текстура

Шаг 1
Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, указанными на скриншоте.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 2
Создайте новый слой (Ctrl + Shift + Alt + N) и залейте его цветом #181a1e при помощи инструмента Заливка (Paint Bucket Tool) (G). Назовите слой «BG»

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 3
Откройте фотографию разбитой стены в отдельном окне Фотошопа. Выделите весь холст (Ctrl + A), скопируйте его (Ctrl + C) и вставьте в основной документ (Ctrl + V). Назовите слой «Wall». Инструментом Свободное трансформирование (Ctrl + T) измените размер текстуры и расположите её, как показано ниже.

Реалистичная сцена с падшим ангелом в Фотошопе

Установите Режим наложения на Мягкий свет (Soft Light).

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 4
Создайте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation) через иконку чёрно-белого круга в нижней части слоёв. Прежде чем кликнуть на иконке, зажмите клавишу Alt.

Реалистичная сцена с падшим ангелом в Фотошопе

В окне параметров слоя включите обтравочную маску.

Реалистичная сцена с падшим ангелом в Фотошопе

Введите следующие значения: 0 / -65 / -22.

Реалистичная сцена с падшим ангелом в Фотошопе

Выберите слой стены вместе с корректирующим слоем и поместите их в группу (Ctrl + G). Назовите её «Wall».

Шаг 5
Хоть стена и не играет основную роль в нашей сцене, она поможет передать идею, если мы добавим на неё несколько объектов. Откройте фотографию труб в Фотошопе. Нам нужно отделить трубы от стены. Создайте копию фонового слоя (Ctrl + J) на случай ошибки. Добавьте маску к копии (кликните на иконке маски в нижней части палитры слоёв). Выберите инструмент Перо (Pen Tool) (P) в режиме Контуров (Paths) и рисуйте контур вокруг каждого участка стены. После этого преобразуйте его в выделение (Ctrl + Enter) и залейте чёрным цветом. Заранее выберите чёрный цвет, чтобы заполнять выделенные участки при помощи сочетания клавиш Alt + Backspace.

Реалистичная сцена с падшим ангелом в Фотошопе

Кликните правой кнопкой мыши на имени слоя с маской и выберите пункт Создать дубликат слоя (Duplicate Layer). В появившемся окне выберите основной документ «Angel.psd». После нажатия кнопки ОК, слой будет скопирован в другой документ.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 6
Слой с трубами должен находиться над группой «Wall», назовите его «Pipes left». Инструментом Свободное трансформирование (Ctrl + T) измените размер, кликните правой кнопкой мыши на холсте и выберите пункт Отразить по горизонтали (Flip Horizontal).

Реалистичная сцена с падшим ангелом в Фотошопе

Кликните правой кнопкой мыши на маске и выберите пункт Применить слой-маску (Apply Layer Mask).

Реалистичная сцена с падшим ангелом в Фотошопе

Инструментом Лассо (Lasso Tool) (L) выделите три трубы справа и вырежьте их на новый слой (Ctrl + Shift + J). Назовите его «Pipes right».

Реалистичная сцена с падшим ангелом в Фотошопе

Инструментом Перемещение (Move Tool) (V) расположите трубы у правого и левого края холста.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 7
Откройте изображение потёков. Инструментом Прямоугольная область (Rectangular Marquee Tool) (M) выделите часть потёков в центре и скопируйте её в буфер обмена (Ctrl + C). Не закрывайте этот документ, мы ещё не закончили. 

Реалистичная сцена с падшим ангелом в Фотошопе

Перейдите в основной документ и вставьте потёки (Ctrl + V). Назовите слой «Drip» и опустите его под слой «Pipes left». 

Реалистичная сцена с падшим ангелом в Фотошопе

Инструментом Свободное трансформирование (Ctrl + T) растяните потёки.

Реалистичная сцена с падшим ангелом в Фотошопе

Установите Режим наложения на Умножение (Multiply). Затем создайте копию слоя (Ctrl + J) и назовите её «Drip 2». Измените размер второго потёка, как показано ниже.

Реалистичная сцена с падшим ангелом в Фотошопе

Создайте ещё одну копию «Drip 3» и расположите её слева.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 8
Выберите слой «Pipes left» и примените к нему стиль Отбрасывание тени (Drop Shadow) через иконку fx в нижней части палитры слоёв.

Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Черный
Непрозрачность (Opacity): 75%
Угол (Angle): 68 градусов; Глобальное освещение (Use Global Light): Выключено
Смещение (Distance): 20 пикселей
Размах (Spread): 12%
Размер (Size): 16 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено

Реалистичная сцена с падшим ангелом в Фотошопе

Внутренняя тень (Inner Shadow):

Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Чёрный
Непрозрачность (Opacity): 75%
Угол (Angle): 144 градусов; Глобальное освещение (Use Global Light): Выключено
Смещение (Distance): 29 пикселей
Стягивание (Choke): 28% 
Размер (Size): 68 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 9
Для левых труб создайте пару корректирующих слоёв:

Цветовой тон/Насыщенность (Hue/Saturation): 0 / -79 / 0.

Реалистичная сцена с падшим ангелом в Фотошопе

Кривые (Curves):

Реалистичная сцена с падшим ангелом в Фотошопе

У обоих корректирующих слоёв должна быть обтравочная маска, чтобы они повлияли только на трубы на левой стороне. Объедините все слои левых труб в группу «Left pipes».

Шаг 10
Для труб на правой стороне нужно сделать то же самое. Вернитесь к изображение потёков и выделите левый потёк инструментом Прямоугольная область (Rectangular Marquee Tool) (M). Перенесите его в основной документ.

Реалистичная сцена с падшим ангелом в Фотошопе

Расположите потёк, как показано ниже, и установите Режим наложения на Умножение (Multiply).

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 11
Нужно перенесите стили с левых труб на правые. Зажмите клавишу Alt и перенесите иконку fx с одного слоя на другой. 

Реалистичная сцена с падшим ангелом в Фотошопе

Источник света на нашей картине находится сверху в середине, поэтому тени правых труб должны падать под другим углом. Откройте стильВнутренняя тень (Inner Shadow) и измените угол на 45 градусов.

Реалистичная сцена с падшим ангелом в Фотошопе

У стиля Отбрасывание тени (Drop Shadow) измените угол на 124 градуса.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 12
Удерживая Alt, перенесите корректирующие слои наверх, чтобы скопировать их. 

Реалистичная сцена с падшим ангелом в Фотошопе

Сначала изображение станет слишком тёмным. Это произойдёт из-за отсутствия обтравочных масок у верхних корректирующих слоёв. Удерживая Altкликните между корректирующими слоями (смотрите на левый скриншот ниже). Это самый простой способ создать обтравочную маску.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 13
Стена на данный момент выглядит слишком чистой. Вставьте в наш документ гранжевую текстуру и назовите слой «Grunge». 

Реалистичная сцена с падшим ангелом в Фотошопе

Установите Режим наложения на Перекрытие (Overlay) и понизьте Непрозрачность (Opacity) до 43%.

Реалистичная сцена с падшим ангелом в Фотошопе

Мы закончили с задним планом. Палитра слоёв на данный момент должна выглядеть так:

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 14
Вставьте изображение разбитой земли и назовите слой «Floor». Инструментом Свободное трансформирование (Ctrl + T) сожмите его.

Реалистичная сцена с падшим ангелом в Фотошопе

Кликните правой кнопкой мыши в режиме трансформирования и выберите режим Перспектива (Perspective). Потяните одну из нижних угловых точек в сторону. Нажмите Enter, чтобы применить изменения.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 15
Затемните землю при помощи корректирующего слоя Уровни (Levels): 51 / 0,54 / 255.

Реалистичная сцена с падшим ангелом в Фотошопе

Некоторые участки земли станут совсем чёрными. Чтобы исправить это, выберите инструмент Кисть (Brush Tool) (B) мягкого типа и установите для него 50% непрозрачность. На маске корректирующего слоя чёрным цветом обрисуйте проблемные места.

Реалистичная сцена с падшим ангелом в Фотошопе

Создайте для земли корректирующий слой Цветовой баланс (Color Balance): 

Тени (Shadows): + 9 / 0
Средние тона (Midtones): +9 / -9
Света (Highlights): +2 / -2

Реалистичная сцена с падшим ангелом в Фотошопе

Создайте новый слой «Wall/floor shadow». Выберите мягкую кисть размером 90 пикселей с 10% непрозрачностью. Выберите цвет #08060c.

Реалистичная сцена с падшим ангелом в Фотошопе

Нарисуйте прямую линию на границе между стеной и землёй. Чтобы нарисовать прямую линию, кликните на начальной точке, затем зажмите клавишуShift и кликните на конечной точке.

Реалистичная сцена с падшим ангелом в Фотошопе

Примените к линии фильтр Размытие в движении (Фильтр – Размытие – Размытие в движении) (Filter – Blur – Motion Blur): 90 градусов / 75 пикселей.

Реалистичная сцена с падшим ангелом в Фотошопе

Установите Режим наложения на Перекрытие (Overlay) и понизьте непрозрачность до 85%.

Реалистичная сцена с падшим ангелом в Фотошопе

Объедините все слои стены и земли в группу «Environment».

Шаг 16
Откройте фотографию девушки в Фотошопе. Создайте копию фонового слоя (Ctrl + J) и выключите оригинал. Добавьте маску к копии и инструментом Перо (Pen Tool) (P) нарисуйте контур по краям силуэта девушки. Преобразуйте контур в выделение (Ctrl + Enter), инвертируйте его(Ctrl + Shift + I), чтобы был выделен фон, и залейте его чёрным цветом на маске. 

Реалистичная сцена с падшим ангелом в Фотошопе

Теперь нужно удалить остатки фона вокруг волос. Мы воспользуемся функцией Уточнить маску (Refine Mask), которая доступна в версии CS5 и выше. Если у Вас более ранняя версия, Вам придётся повозиться с инструментами Перо (Pen Tool) (P) и Кисть (Brush Tool) (B). 
Откройте окно Маски (Окно – Маски) (Window – Masks). Нажмите на кнопку Уточнить маску (Refine Mask), введите значения, показанные ниже. Установите Выход (Output to) на Новый слой со слой-маской (New Layer with Layer Mask).

Реалистичная сцена с падшим ангелом в Фотошопе

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

Реалистичная сцена с падшим ангелом в Фотошопе

Если Вы ошибётесь и сотрёте лишнее, выберите ластик и на маске обрисуйте участки, которые нужно вернуть.

Реалистичная сцена с падшим ангелом в Фотошопе

Когда Вы закончите, результат будет таким:

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 17
Перенесите девушку в основной документ при помощи дублирования (мы уже делали это ранее). 

Реалистичная сцена с падшим ангелом в Фотошопе

В основном документе активируйте инструмент Свободное трансформирование (Ctrl + T) и уменьшите девушку до 40%, используя верхнюю панель.

Реалистичная сцена с падшим ангелом в Фотошопе

Вокруг волос всё ещё присутствует ореол. Вернитесь к инструменту Уточнить маску (Refine Mask) и поэкспериментируйте с настройками. Ниже я предоставил значения, которые подошли в моём случае, но чистка краёв всегда проходит методом проб и ошибок.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 18
Сейчас мы удлиним волосы. Откройте PSD файл с волосами и скопируйте слой «BLACK» в наш документ.

Реалистичная сцена с падшим ангелом в Фотошопе

Выключите все фоновые слои и расположите волосы, как показано ниже.

Реалистичная сцена с падшим ангелом в Фотошопе

Создайте копию слоя волос (Ctrl + J) и поверните её в другую сторону (Редактирование – Трансформирование – Отразить по горизонтали) (Edit – Transform – Flip Horizontal). Перекройте часть лица волосами.

Реалистичная сцена с падшим ангелом в Фотошопе

Создайте ещё две копии волос. Последнюю копию измените, как показано ниже.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 19
Объедините все слои волос в группу «Hair». Раскройте группу и выделите первый слой волос «Hair 1» (удерживая Ctrl, кликните на миниатюре слоя). Затем зажмите клавиши Shift + Ctrl и кликните на миниатюрах других слоёв. К группе добавьте пиксельную маску. 

Реалистичная сцена с падшим ангелом в Фотошопе

Выберите мягкую кисть размером 15 пикселей и при помощи маски скройте волосы, перекрывающие лицо. Затем понизьте непрозрачность кисти до 30% и сотрите верхнюю границу новых волос, чтобы они лучше соединялись с головой.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 20
Внутри группы создайте несколько корректирующих слоёв:

Кривые (Curves):

Реалистичная сцена с падшим ангелом в Фотошопе

Назовите этот слой «Darken».

Цветовой тон/Насыщенность (Hue/Saturation): 0 / -60 / 0. Назовите слой «Desat».

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 21
Откройте изображение крыла в Фотошопе. Инструментом Лассо (Lasso Tool) (L) выделите его (без пера). Так как изображение не имеет фона, Вам не нужно очерчивать точную форму крыла.

Реалистичная сцена с падшим ангелом в Фотошопе

Перенесите крыло в наш документ и назовите слой «Front wing». Расположите его на спине девушки.

Реалистичная сцена с падшим ангелом в Фотошопе

Создайте копию слоя пера (Ctrl + J) и назовите её «Back wing». Опустите этот слой под слой девушки.

Реалистичная сцена с падшим ангелом в Фотошопе

Инструментом Свободное трансформирование (Ctrl + T) немного поверните левое крыло девушки.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 22
Вернитесь на слой «Front wing» и добавьте ему маску. Выделите часть перьев на лопатке девушки инструментом Перо (Pen Tool) (P) или Лассо (Lasso Tool) (L). Залейте этот участок чёрным цветом.

Реалистичная сцена с падшим ангелом в Фотошопе

Откройте окно Маски (Окно – Маски) (Window – Masks) и установите Растушевку (Feather) на 8 пикселей. Если у Вас нет этого окна, то примените фильтр Размытие по Гауссу (Gaussian Blur) со значением 8 пикселей.

Реалистичная сцена с падшим ангелом в Фотошопе

Выберите все слои ангела, кликните правой кнопкой мыши на любом из них и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object). Назовите полученный слой «Angel».

Реалистичная сцена с падшим ангелом в Фотошопе
Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 23
К слою «Angel» примените стиль Отбрасывание тени (Drop Shadow):

Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Черный
Непрозрачность (Opacity): 75%
Угол (Angle): 120 градусов; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 20 пикселей
Размах (Spread): 12%
Размер (Size): 65 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено

Реалистичная сцена с падшим ангелом в Фотошопе

Кликните правой кнопкой мыши на иконке fx и выберите пункт Создать слой (Create Layer). После этого появится новый слой «Angel’s Drop Shadow».

Реалистичная сцена с падшим ангелом в Фотошопе

Инструментом Свободное трансформирование (Ctrl + T) сожмите тень.

Реалистичная сцена с падшим ангелом в Фотошопе

Установите Режим наложения на Умножение (Multiply) и понизьте непрозрачность до 82%.

Реалистичная сцена с падшим ангелом в Фотошопе

Примените фильтр Размытие по Гауссу (Фильтр – Размытие – Размытие по Гауссу) (Filter – Blur – Gaussian Blur) со значением 14,8 пикселя.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 24
Над слоем «Angel» создайте слой с обтравочной маской. 

Реалистичная сцена с падшим ангелом в Фотошопе

Выберите мягкую кисть размером 100 пикселей. Нарисуйте чёрную прямую линию от пальцев ног до колен.

Реалистичная сцена с падшим ангелом в Фотошопе

Примените фильтр Размытие по Гауссу со значением 20 пикселей. Установите Режим наложения на Перекрытие (Overlay).

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 25
Создайте новый слой «Glow» с обтравочной маской и выберите цвет #fffac5.

Реалистичная сцена с падшим ангелом в Фотошопе

Выберите мягкую кисть размером 70 пикселей и обрисуйте край головы.

Реалистичная сцена с падшим ангелом в Фотошопе

Примените фильтр Размытие по Гауссу со значением 18 пикселей. Установите Режим наложения на Яркий свет (Vivid Light) и понизьте непрозрачность до 55%.

Реалистичная сцена с падшим ангелом в Фотошопе

Объедините все слои ангела в группу «angel».

Шаг 26
Создайте новый слой над группой «Environment» и назовите его «Light circle». Инструментом Овальная область (Elliptical Marquee Tool) (M) создайте овальное выделение на земле. Заполните его цветом #fffac5.

Реалистичная сцена с падшим ангелом в Фотошопе

Примените фильтр размытия со значением 30,8 пикселя.

Реалистичная сцена с падшим ангелом в Фотошопе

Понизьте непрозрачность до 29%.

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 27
Создайте новый слой «Light beam» над группой «Angel». Инструментом Многоугольное лассо (Polygonal Lasso Tool) (L) создайте выделение, показанное ниже. Залейте его цветом #fffac5.

Реалистичная сцена с падшим ангелом в Фотошопе

Примените фильтр размытия со значением 53,3 пикселя.

Реалистичная сцена с падшим ангелом в Фотошопе

Добавьте маску и примените к ней фильтр шума (Фильтр – Шум – Добавить шум) (Filter – Noise – Add Noise):

Количество (Amount): 77,73%
Распределение (Distribution): Равномерное (Uniform)

Затем примените фильтр Размытие по Гауссу со значением 3,9 пикселя.

Реалистичная сцена с падшим ангелом в Фотошопе

Откройте группу «Angel» и выделите смарт-объект «Angel». На маске слоя «Light Beam» заполните выделение цветом #4e4e4e.

Реалистичная сцена с падшим ангелом в Фотошопе

Уберите выделение (Ctrl + D) и выделите слой «Angel’s Drop Shadow». На той же маске залейте выделение цветом #2a2a2a.

Реалистичная сцена с падшим ангелом в Фотошопе

Понизьте непрозрачность слоя «Light Beam» до 22%.

Реалистичная сцена с падшим ангелом в Фотошопе

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

Реалистичная сцена с падшим ангелом в Фотошопе

Вся картина выглядит слишком светлой. Над группой «Environment» создайте корректирующий слой Кривые (Curves). Назовите его «BG Darken». 

Реалистичная сцена с падшим ангелом в Фотошопе

Создайте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation) и назовите его «BG Desat».

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 29
Выберите слой «Light Beam», выделите его маску и инвертируйте выделение (Ctrl + Shift + I). Создайте корректирующий слой Уровни (Levels):

Lightness: 12 / 1,00 / 237
a: 30 / 1,00 / 255
b: 30 / 1,00 / 255

Реалистичная сцена с падшим ангелом в Фотошопе

Шаг 30
Если Вы хотите сохранить изображение в формате JPEG, сначала сохраните его под другим именем Ctrl + Shift + S в PSD формате. Затем перейдите в меню Слой – Выполнить сведение (Layer – Flatten Image), чтобы объединить все слои. Переведите изображение в режим RGB (Изображение – Режим – RGB) (Image – Mode – RGB Color). Теперь можете сохранить JPEG файл.

Конечный результат:

Реалистичная сцена с падшим ангелом в Фотошопе

Ссылка на источник урока

Этот урок подготовлен для Вас командой сайта globator.net.