Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration
Design

Создаём Эффект Двойной Экспозиции в программе Photoshop

by
Length:ShortLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

Эффекты двойной экспозиции могут создать не только фотографы. Создатели фотоманипуляций также могут создать этот интересный эффект с помощью нескольких инструментов программы Photoshop.

Итак, в этом коротком уроке вы узнаете, как создать эффект двойной экспозиции с силуэтом птицы, используя инструменты  Перо (Pen Tool), Фигуры (Shape Tools), а также исходные материалы, взятые на сайте Envato Market.

1. Создаём Силуэт Птицы

Шаг 1

Создайте новый документ 1950 x 1800 px в программе Photoshop, разрешение 150 dpi. Скопируйте / вклейте любое исходное изображение животного, которое вам нравится, на наш рабочий документ. В этом уроке для создания силуэта, я использовал исходное изображение птицы, скаченное на сайте Envato Market.

Silhouette Bird Reference

Не стесняйтесь использовать любой силуэт животного в качестве исходного изображения; просто убедитесь, чтобы силуэт имел чёткие границы изображения. Нажмите клавиши (Ctrl+T) для трансформации исходного изображения. Увеличьте масштаб изображения, чтобы изображение птицы хорошо подходило под размеры нашего рабочего документа.

Resize Your Reference to Fill the Canvas

Шаг 2

Выберите инструмент Перо (Pen Tool (P), а затем в панели управления данного инструмента, установите Режим (Mode) на Контуры (Path).

Теперь начните обводить контуром изображение птицы. Откорректируйте контур, чтобы создать наиболее чёткий контур выделенного изображения. Как только вы завершите обводить контур, щёлкните правой кнопкой мыши по выделенной области и в появившемся окне, выберите опцию Выполнить заливку контура (Fill Path). Цвет заливки светло-серый оттенок (#bfbfbf). Далее, удалите рабочий контур, а также исходное изображение с птицей.

Create a Silhouette with the Pen Tool

2. Добавляем Цвет к Силуэту Птицы

Создайте новый слой ниже слоя с силуэтом птицы. Выполните заливку данного слоя с помощью инструмента Градиент (Gradient Tool (G). Цвет градиента от чёрного до тёмно-коричневого (#110d0d). Примечание переводчика: автор создаёт чёрный задний фон.

Теперь перейдите на слой с силуэтом птицы, дважды щёлкните по слою, чтобы применить стили слоя. Выберите стиль слоя Наложение градиента (Gradient Overlay), для градиента используйте оттенки заката солнца, а также установите следующие настройки, которые указаны ниже: Примечание переводчика: цвета градиента будут зависеть от ваших личных предпочтений, это будут цвета основной вашей сцены, т.е. это будет основной задний фон вашей сцены.

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 91%
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): -65 градусов
  • Масштаб (Scale): 122%
Fill the Silhouette with a Gradient Overlay

3. Создаём Пейзаж

Шаг 1

Щёлкните правой кнопкой мыши по слою с силуэтом птицы и в появившемся окне, выберите опцию Растрировать стиль слоя (Rasterize Layer Style). Давайте приступим к созданию холмов для нашего пейзажа. Выберите инструмент Перо (Pen Tool (P), а затем в панели управления данного инструмента, установите Режим (Mode) на Фигуру (Shape). Нарисуйте фигуру под наклоном на переднем плане, цвет фигуры тёмно-коричневый (#241512).

Щёлкните правой кнопкой по слою с нарисованной фигурой и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask). Таким образом, мы преобразуем слой с нарисованной фигурой в обтравочную маску к слою с силуэтом птицы, чтобы фигура была видна в пределах выделенной области птицы.

Create a Hill with the Pen Tool

Добавьте ещё две фигуры холмов на среднем и дальнем фоне. Установите цвет заливки для фигуры холма на среднем фоне коричневый оттенок средних тонов (#452b26), а для холма на дальнем фоне, установите более светлый оттенок (#8e665c). Преобразуйте оба слоя с нарисованными холмами в обтравочные маски к слою с силуэтом птицы. Назовите слои с фигурами холмов Передний, Средний и Дальний план (Foreground, Middle, and Background) для удобства работы с палитрой слоёв. Примечание переводчика: пока не растрируйте слои с холмами, автор сделает это позже, когда нарисует деревья.

Create A Landscape with the Pen Tool

Шаг 2

С помощью инструмента Прямоугольник (Polygon Tool (U), нарисуйте треугольник. Цвет фигуры тот же самый тёмно-коричневый (#241512), который мы использовали для заливки холма на переднем плане. Далее, с помощью инструмента Стрелка (Direct Selection Tool (A), вытяните треугольник, чтобы получилась форма дерева.

Create Trees with the Polygon Tool

Ещё раз преобразуйте слой с нарисованной фигурой треугольника в обтравочную маску к слою с силуэтом птицы. Слой с треугольником должен располагаться поверх слоя с холмом на переднем плане. Нажмите клавиши (Ctrl+T) для активации режима Свободной трансформации (Free Transform), если вы хотите уменьшить масштаб дерева и расположить по месту.

Add Trees to your Landscape

Продублируйте несколько раз первое дерево (Ctrl+J). Расположите дубликаты деревьев вдоль холма. Примените масштабирование к деревьям, сделав их выше или ниже для разнообразия. Как только вы завершите, выделите все слои с нарисованными деревьями, включая слой с холмом на переднем плане, а затем щёлкните правой кнопкой по выделенным слоям и в появившемся окне, выберите опцию Объединить фигуры (Merge Shapes). Примечание переводчика: если вы работаете в более ранних версиях программы Photoshop, то выберите опцию Объединить слои (Merge Layers).

Add More Trees and Merge Shape Layers

Шаг 3

Проделайте то же самое для холма, который расположен на среднем плане. Для разнообразия добавьте ещё несколько деревьев, которые будет расположены вдали от предыдущих трёх деревьев. Так же не забывайте, что цвет деревьев должен соответствовать цвету холмов, где они расположены. Цвет деревьев, расположенных на среднем плане (#452b26), таким образом, они будут идеально совместимы с холмом без каких-либо жёстких переходов.

Create Trees for Middle Hill

Шаг 4

Давайте добавим ещё пару новых фигур к нашей сцене. Продолжайте преобразовывать все дополнительные слои с фигурами в обтравочные маски к слою с силуэтом птицы. Чтобы добавить Солнце на горизонте, выберите инструмент Эллипс (Ellipse Tool (U). Нарисуйте круг за холмом на дальнем плане. Залейте круг бледно-розовым цветом (#fecfc5), а затем расположите Солнце в правой части силуэта птицы. Примечание переводчика: в палитре слоёв, слой с Солнцем должен располагаться ниже всех слоёв с холмами, но выше слоя с силуэтом.

Add the Sun with the Ellipse Tool

Далее, давайте создадим простые фигуры птиц. С помощью инструмента Эллипс (Ellipse Tool (U), нарисуйте красный круг, а затем нарисуйте ещё один круг коричневого цвета перед красным кругом, который должен быть немного уже и шире. Объедините фигуры вместе. Далее, с помощью инструмента Стрелка (Direct Selection Tool (A), выделите первый круг, а затем в панели управления, выберите режим Вычесть из передней фигуры (Subtract Front Shape). Примечание переводчика: С помощью инструмента Эллипс (Ellipse Tool (U), нарисуйте круг тёмного цвета, а затем в панели управления данного инструмента, выберите режим Вычесть из области фигуры (Subtract Front Shape Area), а затем нарисуйте овал. В конце, растрируйте полученный полумесяц.

Create a Bird with the Ellipse Tool

Когда вы завершите, ещё раз выделите фигуру, а затем выберите режим Объединить компоненты фигуры (Merge Shape Components) и в появившемся окне, нажмите кнопку ‘Yes’, при запросе преобразовать фигуру в контур. Итак, мы создали одно крыло. Теперь нажмите клавиши (Ctrl+T) для активации режима Свободной трансформации (Free Transform), чтобы повернуть наше крыло под углом. Далее, продублируйте крыло (Ctrl+J), а затем идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal), чтобы получилось второе крыло. Расположите второе крыло по месту, а затем объедините фигуры. 

Creating a Bird with Simple Shapes in Photoshop

Продублируйте несколько раз полученную фигуру птицы, а затем примените масштабирование, чтобы птицы вписались в нашу сцену. Расположите птиц по всей сцене. Не забудьте, что цвет птиц должен быть тот же самый тёмно-коричневый, что и цвет холма на переднем плане. Когда вы завершите, объедините все слои с фигурами птиц.

Add the Birds to the Scene

4. Заключительные Штрихи

Шаг 1

Создайте новый слой поверх объединённого слоя с птицами в качестве обтравочной маски. С помощью инструмента Кисть (Brush Tool (B), нарисуйте солнечный свет, который излучает Солнце, используя тот же самый светло-розовый цвет кисти, кисть мягкая. Поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light) для усиления эффекта. Примечание переводчика: здесь главное не переусердствовать.

Add Sunlight with Vivid Light and the Brush Tool

Шаг 2

Создайте ещё один слой поверх слоя с солнечным светом в качестве обтравочной маски. Выберите инструмент Кисть (Brush Tool (B), установите жёсткую круглую кисть Жёсткостью (Hardness) 100%, чтобы нарисовать маленькие звёздочки на небе. Уменьшите размер кисти до 1–5 px, а теперь добавьте точки, похожие на белые звёздочки.

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

Create Stars with the Brush Tool and Outer Glow

Шаг 3

Небо можно сделать немного темнее. Создайте новый слой поверх объединённого слоя с птицами в качестве обтравочной маски и с помощью инструмента Градиент (Gradient Tool (G), создайте Линейный (Linear) градиент, цвета градиента от чёрного к прозрачному. Потяните градиент сверху вниз, чтобы затемнить небо. Поменяйте режим наложения для слоя с градиентом на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) слоя до 70%.

Add Darkness with the Gradient Tool

Шаг 4

Последний, но не менее важный шаг, давайте добавим несколько блестящих звёздочек. Мы нарисуем простую звёздочку с помощью инструмента Линия (Line Tool (U). Вначале нарисуйте линию Шириной (Width) 5 px. Растрируйте фигуру, а затем идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur). Установите Угол (angle) на -90 градусов, а Смещение (Distance) на 85 px.

Create a Simple Star Sparkle in Photoshop

Продублируйте слой с линий, а затем с помощью трансформации (Ctrl+T), поверните дубликат линии, чтобы получился крест. Завершаем эффект блестящей звёздочки с помощью инструмента Кисть (Brush Tool (B) Жёсткостью (Hardness) 0%, для этого поставьте мягкую белую точку в центре нашего креста.

Объедините слои с элементами звёздочки вместе. Расположите эффект блестящей звёздочки на одной из звёзд на небе. Дважды продублируйте слой с блестящей звёздочкой, расположив дубликаты слоёв в небе. Объедините все слои вместе. Когда вы завершите, поменяйте режим наложения для объединённого слоя с блестящими звёздочками на Яркий свет (Vivid Light).

Create a Double Exposure Illustration Tutorial by Melody Nieves

Заключение

Итак, ваш пейзаж готов улететь к закату Солнца! С помощью нескольких инструментов и отличного силуэта, мы можем создать красивую иллюстрацию с эффектом двойной экспозиции в программе Adobe Photoshop.

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

Final Result Double Exposure Bird Illustration
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.