Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Создаём Цветочную Композицию Калавера в программе Adobe Photoshop

by
Difficulty:AdvancedLength:LongLanguages:

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

Final product image
What You'll Be Creating

В этом уроке я покажу вам, как создать абстрактный череп, вдохновлённый символом Дня Мёртвых, праздник, который отмечается в Мексике, это дань уважения любимым людям, покинувшим этот мир. Сахарный череп является одним из самых популярных символов этого праздника, он украшается красочными украшениями и макияжем.

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

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

1. Создаём Текстурированный Задний Фон

Шаг 1

Создайте новый документ 1400рх х 1200рх в программе Photoshop. Установите настройки, которые указаны на скриншоте ниже.

new file

Шаг 2

Откройте исходное изображение с текстурой в программе Photoshop. С помощью инструмента Перемещение (Move Tool (V), переместите данное изображение на наш рабочий документ. Уменьшите Непрозрачность (Opacity) слоя с текстурой до 50%.

add texture

Шаг 3

Далее, идём Слой- Новый корректирующий слой – Цветовой Баланс (Layer > New Adjustment Layer > Color Balance). Поменяйте настройки для Средних тонов (Midtones):

texture color balance

Шаг 4

Добавьте корректирующий слой Кривые (Curves), чтобы сделать задний фон намного светлее.

texture curves

2. Добавляем Череп

Шаг 1

Откройте исходное изображение с черепом, отделите изображение черепа от заднего фона. Переместите выделенное изображение на наш рабочий документ, расположив череп в центре холста.

add skull

Шаг 2

Создайте новый слой поверх слоя с черепом в качестве обтравочной маски. С помощью мягкой кисти, цвет кисти #eeddc3, Непрозрачность (Opacity) и Нажим (Flow) кисти примерно 34-36%, прокрасьте изображение черепа, чтобы смягчить поверхность черепа и сделать его вид более изящным.

skull retouch

Шаг 3

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенность (Saturation) для Всех (Master) тонов до -49: Примечание переводчика: не забудьте преобразовать корректирующие слои в обтравочные маски к слою с черепом.

skull hue saturation

Шаг 4

Добавьте корректирующий слой Цветовой Баланс (Color Balance) чтобы изменить цвет черепа: Примечание переводчика: поменяйте настройки для Средних тонов (Midtones).

skull color balance

Шаг 5

Добавьте корректирующий слой Кривые (Curves), чтобы затемнить верхнюю часть черепа. Далее, перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти, скройте коррекцию затемнения в нижней части изображения черепа, восстановив яркость.

skull curves

3. Декорируем Череп

Шаг 1

Создайте новый слой, а затем выберите инструмент Перо (Pen Tool (P). В панели управления данного инструмента, не забудьте выбрать режим Фигура (Shape), таким образом, вы сможете изменить цвет и форму нарисованной фигуры в любой момент, когда захотите. Выберите следующий цветовой оттенок #54af23. Нарисуйте фигуру, повторяя форму щеки. Нажмите клавиши (Ctrl+J), чтобы продублировать слой с нарисованной фигурой, а затем идём Редактирование – Трансформирование контура – Отразить по горизонтали (Edit > Transform Path > Flip Horizontal). Сместите дубликат фигуры в противоположную сторону, расположив на другой щеке.

shape 1

Поменяйте режим наложения для обоих слоёв на Умножение (Multiply), непрозрачность слоёв 100%:

shape 1 muiltiply mode

Шаг 2

Нарисуйте ещё фигуры на черепе: область подбородка тот же самый цвет, а для височных долей используйте цвет #ed8d1c. Поменяйте режим наложения для этих слоёв на Умножение (Multiply), непрозрачность слоёв 100%:

shape 2

Шаг 3

Нарисуйте два небольших изгиба ниже фигур на висках, цвет изгибов #e9e022. Поменяйте режим наложения для этих слоёв на Умножение (Multiply), непрозрачность слоёв 100%:

shape 3

Шаг 4

Создайте фигуру в верхней части черепа, цвет фигуры #b87e03, Поменяйте режим наложения для данного слоя с фигурой на Умножение (Multiply), непрозрачность слоя 100%:

shape 4

Шаг 5

Продублируйте фигуру, которую вы только что создали, а затем отразите дубликат слоя по вертикали. Сместите дубликат фигуры на область носа и щёк, поменяйте цвет для данной фигуры на #ed611c. Щёлкните по второму значку в нижней части панели слоёв, чтобы добавить слой-маску. Далее, с помощью чёрной кисти средней жёсткости, удалите нижнюю часть, оставив тёмные участки около щёк, таким образом, создав тени.

shape 5

Шаг 6

Добавьте ещё фигур на нос и лоб, используя следующие цвета #51a616 и #d3be2e. С помощью слой-маски, немного затените фигуру в области носа. Примечание переводчика: с помощью мягкой чёрной кисти, обработайте маленькую фигурку треугольника в области носа, не переусердствуйте, только слегка затените.

shape 6

4. Декорируем Глазницы

Шаг 1

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

eyes hole

Шаг 2

Создайте ещё один новый слой и с помощью мягкой чёрной кисти с низкой Непрозрачностью (Opacity (примерно 30-40%), нарисуйте мягкие тени вокруг глазниц.

eyes shadow

Шаг 3

Создайте новый слой, далее, удерживая клавишу (Ctrl), щёлкните по слою с чёрной заливкой глазниц, чтобы загрузить активное выделение. Идём Редактирование – Выполнить Обводку (Edit > Stroke). Установите цвет обводки #f86c00. Примечание переводчика: в конце отмените активное выделение (Ctrl+D).

eyes strokes

Шаг 4

Дважды щёлкните по слою с обводкой, чтобы применить стиль слоя Тиснение (Bevel and Emboss). В окне настроек данного стиля слоя, установите цвет для режима Подсветки (Highlight) #df5258, а для режима Тени (Shadow) на #732222.

stroke layer style
stroke result

Далее, к этому же слою с обводкой, добавьте слой-маску и с помощью мягкой чёрной кисти, скройте обводку на правой глазнице (позже мы добавим макияж на эту область).

stroke masking

Шаг 5

Создайте новый слой, поменяйте режим наложения на Перекрытие (Overlay), непрозрачность слоя 100%, а также выполните заливку 50% нейтральным серым (fill it with 50% gray). Примечание переводчика: не забудьте преобразовать данный слой в обтравочную маску к слою с обводкой.

Dodge tool new file

Выберите инструмент Осветлитель (Dodge Tool (O) в панели управления данного инструмента, установите Диапазон (Range) на Средние тона (Midtones), значение Экспозиции (Exposure) примерно 30-35%. Теперь добавьте немного светлых бликов на обводку. Вы можете увидеть мою обработку при режиме Нормальный (Normal) и результат при режиме Перекрытие (Overlay) на скриншоте ниже:

dodge result

Шаг 6

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

black lines

Шаг 7

Откройте исходное изображение с паутиной. С помощью инструмента Волшебная палочка (Magic Wand Tool (W), отделите паутину от белого заднего фона, расположив выделенное изображение паутины поверх области левого глаза. С помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T) в режиме Деформации (Warp), измените форму паутины.

add spiderweb

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

spiderweb masking

Шаг 8

Дважды щёлкните по слою с паутиной, чтобы применить стиль слоя Тень (Drop Shadow).

spiderweb drop shadow
drop shadow result

Шаг 9

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

spiderweb invert

Шаг 10

Добавьте корректирующий слой Кривые (Curves), чтобы усилить видимость паутины.

spiderweb curves

5. Создаём Векторные Цветы

Шаг 1

Откройте исходное изображение с векторными цветами. Т.к. цветы расположены на прозрачном фоне, то с помощью инструмента Перемещение (Move Tool), просто переместите изображение векторных цветов на наш рабочий документ. Примените деформацию к цветам, чтобы они вписывались под изображение черепа.

add floral vector

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

floral vector masking

Шаг 2

Далее, к слою с векторными цветами, примените следующие стили слоя: Тень (Drop Shadow) и Наложение цвета (Color Overlay). Установите цвет наложения #6bbb2a для стиля слоя Наложение цвета (Color Overlay), а также цвет тени #1f4508 для стиля слоя Тень (Drop Shadow).

floral vector layer styles
floral vector drop shadow
floral vector layer styles result

Шаг 3

Продублируйте слой с векторными цветами, сместите дубликат слоя вниз. С помощью слой-маски, скройте цветы, сохранив узорный эффект только на подбородке.

more floral vector

Шаг 4

Создайте новый слой, а затем с помощью жёсткой кисти маленького диаметра, цвет кисти ярко-жёлтый (#eff243), прокрасьте мелкими штрихами векторный узор, а также паутину.

yellow strokes

Шаг 5

Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay), непрозрачность слоя 100%, а затем выполните заливку 50% серым (fill with 50% gray). С помощью инструмента Осветлитель / Затемнитель (Dodge and Burn Tool), проведите коррекцию светотеней на изображении черепа, в частности на лбу, на носу и щеках.

DB skull

6. Добавляем Сомбреро

Шаг 1

Откройте исходное изображение с сомбреро. Отделите изображение мексиканской шляпы от изображения собаки, а затем переместите выделенное изображение сомбреро на наш рабочий документ, расположив его черепе.

add hat

Шаг 2

Создайте новый слой и с помощью мягкой чёрной кисти непрозрачностью примерно 40%, нарисуйте тени от шляпы на лбу.

hat shadow

Шаг 3

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Поменяйте настройки для Голубых (Cyans) тонов. а также для Всех (Master) тонов. Примечание переводчика: не забудьте преобразовать данный слой, а также следующий  в обтравочные маски к слою с сомбреро.

hat hue saturation master
hat hue saturation cyans

Шаг 4

Добавьте корректирующий слой Кривые (Curves), чтобы немного затемнить сомбреро.

hat curves

Результат после коррекции маски. Примечание переводчика: перейдите на маску корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти, скройте затемнение во фронтальной области, которая выделена на скриншоте ниже.

hat curves masking

7. Добавляем Зелёные Веточки

Шаг 1

Откройте исходное изображение с зелёной веточкой. Отделите изображение веточки от белого заднего фона, а затем переместите выделенное изображение веточки на наш рабочий документ. Далее, идём Фильтр- Пластика (Filter > Liquify), выберите инструмент Деформация (Forward Warp Tool). С помощью данного инструмента, деформируйте, а также согните веточку, но не изменяйте её форму слишком сильно.

branch liquify
branch liquify result

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

branch liquify masking

Шаг 2

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

add more liquified branches

Шаг 3

Выделите все слои с зелёными веточками, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать их в одну группу. Поменяйте режим наложения для слоя с группой на Нормальный (Normal), непрозрачность слоя 100%. Добавьте корректирующий слой Кривые (Curves), чтобы немного затемнит веточки. Примечание переводчика: корректирующий слой Кривые (Curves) добавьте внутри созданной группы.

branches curves

8. Добавляем Паука

Шаг 1

Откройте исходное изображение с пауком. Отделите паука от тёмного заднего фона, а затем переместите выделенное изображение паука на наш рабочий документ, расположив поверх глазницы левого глаза.

add spider

Шаг 2

К слою с пауком, добавьте корректирующий слой Кривые (Curves), чтобы немного осветлить его.

spider curves

Шаг 3

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -77. Примечание переводчика: не забывайте преобразовывать корректирующие слои в обтравочные маски к слою с пауком.

spider hue saturation

Шаг 4

С помощью инструмента Осветлитель / Затемнитель (Dodge and Burn Tool), проведите коррекцию светотеней на изображении паука. Примечание переводчика: не забудьте создать новый слой в качестве обтравочной маски с заливкой 50% серым и режимом Перекрытие.

spider DB

9. Добавляем Цветы

Шаг 1

Откройте исходное изображение с цветами 1. С помощью инструмента Волшебная палочка (Magic Wand Tool), отделите цветы  от заднего фона. Далее, выделите розу. Переместите выделенное изображение розы на наш рабочий документ, расположив на зелёной веточке справа.

add flower

Шаг 2

Добавьте ещё цветы на веточки, а также добавьте цветы на сомбреро, используя исходное изображение с цветами 1 и 2.

more flowers

Шаг 3

Добавьте цветочек в область подбородка, а затем уменьшите Непрозрачность (Opacity) данного слоя с цветочком до 70%, чтобы совместить его с зелёной текстурой.

flower on chin

Шаг 4

С помощью инструмента Пластика (Liquify Tool), деформируйте цветы точно так же, как мы проделывали с зелёными веточками.

liquify flowers

С помощью слой-маски, скройте нижнюю часть цветка за сомбреро.

liquified flowers masking

Шаг 5

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

flower shadow

Шаг 6

Далее, к цветку справа, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Поменяйте настройки для Красных (Reds) и Жёлтых (Yellows) тонов.

flower hue saturation reds
flower hue saturation yellows

Шаг 7

Сгруппируйте все слои с цветами в одну группу,  а затем добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы сделать их более жёлтыми. Примечание переводчика: 1. Не забудьте поменять режим наложения для слоя с группой на Нормальный (Normal), непрозрачность слоя 100% 2. корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) добавьте внутри созданной группы.

flowers group hue saturation

Шаг 8

Добавьте корректирующий слой Кривые (Curves), чтобы цветы стали немного ярче.

flowers group curves

Шаг 9

Откройте исходное изображение с розой. Вырежьте изображение розы, а затем переместите её на наш рабочий документ, расположив поверх тёмной глазницы правого глаза. Продублируйте данный слой с розой, расположив дубликат розы на веточку в левой части сцены.

add roses

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

rose masking

Шаг 10

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -59. Примечание переводчика: вы можете сгруппировать два слоя с розами, а затем уже добавить корректирующие слои внутри группы для коррекции цвета и яркости.

rose hue saturation

Шаг 11

Добавьте корректирующий слой Цветовой Баланс (Color Balance). Поменяйте настройки для Средних тонов (Midtones):

roses color balance

Шаг 12

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

roses curves

10. Создаём Эффект Акварели

Шаг 1

Откройте исходную текстуру Акварели 1. Переместите данную текстуру на наш рабочий документ, расположив в нижней части холста. Поменяйте режим наложения для слоя с текстурой акварели на Умножение (Multiply), непрозрачность слоя 100%. К слою с акварельной текстурой, добавьте слой-маску, а затем с помощью мягкой чёрной кисти, скройте жёсткие края, чтобы сделать эффект нежным. Расположите слой с текстурой акварели ниже слоя с черепом и поверх слоя с текстурой заднего фона.

add watercolor 1
watercolor 1 multiply

Шаг 2

Откройте исходную текстуру Акварели 2. Добавьте данную текстуру на наш рабочий документ, используя ту же самую технику. Расположите данную текстуру акварели в верхней центральной части холста.

watercolor 2

Продублируйте слой с текстурой Акварели 2. Поверните дубликат текстуры в другую сторону. Проведите коррекцию с помощью слой-маски, чтобы сделать эффект нежным и менее очевидным.

watercolor 2 duplicate

Шаг 3

Откройте исходную текстуру Акварели 3. Добавьте данную текстуру на наш рабочий документ, расположив её поверх правой глазницы, а затем с помощью слой-маски, удалите белые края. Поместите данный слой с текстурой поверх всех остальных слоёв. Примечание переводчика: не забудьте поменять режим наложения для данной текстуры на Умножение (Multiply), а затем с помощью мягкой чёрной кисти, скройте жёсткие белые края.

add watercolor 3

Шаг 4

Добавьте корректирующий слой Кривые (Curves), чтобы усилить видимость эффекта: Примечание переводчика: не забудьте преобразовать данный корректирующий слой в обтравочную маску к акварельной текстуре 3.

watercolor 3 curves

Шаг 5

Продублируйте данный слой с акварелью, а затем сместите дубликат слоя с текстурой в область чёрной пустоты рядом с челюстью. Примечание переводчика: продублируйте акварельную текстуру 3 вместе с корректирующим слоем Кривые (Curves).

watercolor 3 duplicate

Шаг 6

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы изменить цвет эффекта с красного на зелёный. Примечание переводчика: к дубликату слоя с акварельной текстурой 3, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски.

watercolor 3 hue saturation

Шаг 7

Откройте исходную текстуру Акварели 4. Добавьте данную текстуру на наш рабочий документ, удалите края с помощью слой-маски.

add watercolor 4
watercolor 4 masking

Добавьте корректирующий слой Кривые (Curves), чтобы изменить цвет эффекта акварели. Примечание переводчика: не забудьте преобразовать данный корректирующий слой в обтравочную маску к акварельной текстуре 4.

watercolor 4 curves

Шаг 8

Откройте набор акварельных текстур (текстура Акварели 5). Используйте эти акварельные текстуры (или выберите те, которые вам нравятся), чтобы добавить на обе стороны черепа.

watercolors 5

Поменяйте режим наложения для этих слоёв с текстурами акварели на Умножение (Multiply), непрозрачность слоя 100%. Далее, добавьте слой-маску к каждому слою с текстурой акварели, чтобы скрыть любые оставшиеся фрагменты белых краёв.

watercolors 5 masking

Шаг 9

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к слою с текстурой акварели, которая расположена чуть ниже справа:

watercolors 5 hue saturation 1

Шаг 10

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к слою с текстурой акварели, которая расположена вверху слева. Поменяйте настройки для Всех (Master) тонов:

watercolors 5 hue saturation 2

Добавьте корректирующий слой Кривые (Curves), чтобы ослабить видимость эффекта, чтобы совмещение со всей композицией было более нежным.

watercolors 5 curves

11. Добавляем Полутоновую Текстуру и Металлическую Сетку

Шаг 1

Выберите одну полутоновую текстуру из набора текстур. Добавьте её на наш рабочий документ, расположив в нижней части черепа. Поменяйте режим наложения для слоя  с текстурой на Мягкий свет (Soft Light), непрозрачность слоя 100%, а затем с помощью слой-маски, ослабьте видимость текстуры:

add halftone
halftone masking

Шаг 2

Продублируйте данный слой с текстурой, сместите дубликат слоя вверх и вправо.

halftone duplicate

Добавьте корректирующий слой Инвертировать (Invert) для осветления эффекта.

halftone invert

Шаг 3

Дважды продублируйте данный слой с полутоновой текстурой, включая корректирующий слой Инвертировать (Invert). Один дубликат слоя сместите в верхнюю левую часть композиции, а второй дубликат слоя в нижнюю левую часть. Это поможет объединить все элементы композиции.

add more halftones

Шаг 4

Используйте понравившееся изображение металлической сетки, расположив её слева от черепа. Поменяйте режим наложения для данного слоя с текстурой сетки на Мягкий свет (Soft Light), непрозрачность слоя 100%. Вы можете продублировать слой с текстурой сетки, как это сделала я, но в целом это будет зависеть от вашего вкуса.

add wireframes
wireframes soft light mode

Шаг 5

Добавьте корректирующий слой Инвертировать (Invert) для каждого из этих слоёв с металлической сеткой.

wireframes invert

12. Заключительная коррекция

Шаг 1

Создайте новый слой поверх всех остальных слоёв. С помощью мягкой кисти, цвет кисти #d4c7a9, прокрасьте вокруг черепа, чтобы добавить немного света на эти участки. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), непрозрачность слоя 100%.

paint light
light result

Шаг 2

Добавьте слой-заливку Цвет (Color Fill). Установите цвет заливки #020b22. Поменяйте режим наложения для данного слоя с заливкой на Исключение (Exclusion), непрозрачность слоя 100%.

color fill

Шаг 3

Добавьте корректирующий слой Цветовой Баланс (Color Balance). Поменяйте настройки для Средних тонов (Midtones).

whole canvas color balance

Шаг 4

Добавьте корректирующий слой Кривые (Curves), чтобы усилить цвет и заключительный эффект. Перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти с очень низкой Непрозрачностью (Opacity (20-25%), прокрасьте центральную часть холста, создав нежный эффект виньетки.

whole canvas curves

Поздравляю! Мы завершили урок!

Надеюсь, что вам понравился данный урок, и вы узнали что-то новое для себя. Не стесняйтесь делиться своими идеями и оставлять свои комментарии - буду рада почитать их. Желаю приятно провести время за выполнением этого урока!

final result
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.