Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Как создать фотоработу с заколдованной розой в Adobe Photoshop

Scroll to top
Read Time: 9 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Давайте создадим магическую фотоработу при помощи базовых инструментов в Adobe Photoshop.

Сегодня мы будем создавать заколдованную розу по мотивам классического кино Диснея "Красавица и чудовище". Я покажу вам как создать полноценную картину с нуля, внимательно выбрав правильные источники.

Для большего вдохновения посмотрите на невероятную вдохновлённую магией графику на Envato Market.

Ресурсы статьи

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

Как найти правильные образцы

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

  1. Заколдованная роза часто находится напротив большого окна.
  2. В окне есть витражные стеклянные панели, напоминающие о том периоде времени.
  3. Стол, на котором стоит роза, сделан из камня.
  4. Стеклянный купол может быть с подставкой или без.
  5. Роза магически мерцает из-за волшебных чар.

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

Stock photos for a photo manipulationStock photos for a photo manipulationStock photos for a photo manipulation

Теперь приступаем к работе!

1. Как установить витражное окно

Шаг 1

Откройте образец витражного окна в Adobe Photoshop. Мы возьмём его нормальный размер (1280 x 1280 пикселей) для нашей картины.

Stained Glass Window ReferenceStained Glass Window ReferenceStained Glass Window Reference

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

Rescale the windowRescale the windowRescale the window

Нажмите Control-J для создания Дубликата окна. Настройте размер дубликата таким образом, чтобы было больше пространства стены слева и справа на композиции. Т.к. окно - всего лишь вспомогательная часть композиции, нам нужно убедиться, что оно расположено не слишком далеко.

Adjust the window moreAdjust the window moreAdjust the window more

Не беспокойтесь, что имеется лишняя деталь под окном - позже мы её закроем!

Шаг 2

Теперь для ощущения глубины поля создайте размытие окна. Перейдите в Фильтр > Размытие > Размытие поля и добавьте Размытие в 5 пикселей.

Blur the windowBlur the windowBlur the window

Сделайте обесцвечивание размытого изображения. Перейдите в Изображение > Коррекция > Цветовой тон и насыщенность. Измените Насыщенность на -49.

Desaturate the WindowDesaturate the WindowDesaturate the Window

Шаг 3

Перед добавлением других элементов, давайте снова сделаем размытие окна. Перейдите в Фильтр > Размытие > Размытие поля. Теперь добавьте размытие 8 пикселей, но в этот раз убедитесь, что Свет боке установлен на 25%.

Blur the window and add light bokehBlur the window and add light bokehBlur the window and add light bokeh

Завершите настройку окна, применив немного цвета. Выделив размытое изображение, перейдите в Изображение > Коррекция > Поиск цвета. Установите Файл 3DLUT на FuturisticBleak.3DL.

Add a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment Layer

2. Как добавить стол

Шаг 1

Добавить стол достаточно просто. Просто примените Инструмент "Прямолинейное лассо" (L) для извлечения каменного стола из образца. Затем Скопируйте и Вставьте его на Новый слой поверх фона.

Add the stone tableAdd the stone tableAdd the stone table

Чтобы зачистить края, добавьте столу Слой-маску. Выберите маску и Заполните её чёрным при помощи Инструмента "Заливка" (G). Затем твёрдой круглой кистью со 100% твёрдостью покройте белым те места, где вы хотите показать стол.

Также убедитесь, что вы удалили с поверхности все лишние листья при помощи Инструмента "Штамп" (S).

Add a layer mask to the tableAdd a layer mask to the tableAdd a layer mask to the table

Шаг 2

Теперь вам нужно обесцветить стол. Выберите слой и перейдите в Изображение > Коррекция > Цветовой тон и насыщенность. Уменьшите Насыщенность до -75.

Desaturate the tableDesaturate the tableDesaturate the table

Шаг 3

Создайте Новый слой и залейте его серым #b9b9b9 при помощи Инструмента "Заливка" (G). Нажмите правой кнопкой мыши на этом слое для установки его в качестве Обтравочной маски стола. Затем установите Режим наложения слоя на Умножение.

Clip a layer fill to the tableClip a layer fill to the tableClip a layer fill to the table

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

Add a curves adjustment layerAdd a curves adjustment layerAdd a curves adjustment layer

3. Как создать витрину

Шаг 1

Картина уже начитает появляться! Как захватывающе!

Теперь давайте создадим купол с нуля. Для этого сначала извлеките нижнюю часть этой подставки для торта Инструментом "Прямолинейное лассо" (L).

Extract the cake baseExtract the cake baseExtract the cake base

Подберите размер и перспективу при помощи Инструмента "Свободное трансформирование" (Control-T). Затем Ластиком (Е) зачистите края основы.

Add the cake baseAdd the cake baseAdd the cake base

Шаг 2

Выберите Инструмент "Эллипс" (U) и создайте белый круг Без обводки на верхушке основы.

Add a circle to the baseAdd a circle to the baseAdd a circle to the base

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

  • Тёмно-золотой: #967242
  • Светло-золотой: #bd9053
Add a gold overlayAdd a gold overlayAdd a gold overlay

Шаг 3

Объедините вместе слои формы и подставки. Нажмите Control-T для определения размера подставки, сделав её слегка больше перед размещением в центре стола. Затем нажмите правой кнопкой мыши, чтобы снова перейти в Параметры наложения, но в этот раз добавив Тень со следующими параметрами:

Add a drop shadow to the case baseAdd a drop shadow to the case baseAdd a drop shadow to the case base

Шаг 4

Измените золотое основание на глубокий коричневый цвет. Сделайте это, установив Новый корректирующий слой Цветового тона и насыщенности как Обтравочную маску к подставке. Установите параметры к следующим цифрам:

  • Цветовой тон: -25
  • Насыщенность: -41
  • Яркость: -68
Change the gold base to brownChange the gold base to brownChange the gold base to brown

Шаг 5

Переходим к деталям купола! Откройте образец винного бокала в Photoshop. При помощи Инструмента "Волшебная палочка" (W) выделите фон, а затем нажмите Delete, чтобы его удалить. То же самое проделайте с центром бокала, но сияние должно остаться на месте.

После того, как закончите, скопируйте и вставьте изображение в вашу композицию и перейдите в Редактирование > Трансформирование > Отразить по вертикали. Отрегулируйте форму бокала Инструментом "Свободное трансформирование" (Control-T) и поставьте его на коричневую подставку.

Add the wine glassAdd the wine glassAdd the wine glass

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

Add a layer mask to the glass caseAdd a layer mask to the glass caseAdd a layer mask to the glass case

Теперь Ластиком (Е) сотрите низ бокала и все неровные края. Попытайтесь сделать купол как можно более реалистичным.

Erase harsh edges on the glass caseErase harsh edges on the glass caseErase harsh edges on the glass case

Закончите купол, создав при помощи Инструмента "Эллипс" (U) эллипс в нижней части купола с белой Обводкой и Без заливки. Кликните правой кнопкой мыши на слой формы и перейдите в Параметры наложения, добавив коричневую #372e2b Тень со следующими настройками:

Add a circle and drop shadowAdd a circle and drop shadowAdd a circle and drop shadow

4. Как создать заколдованную розу

Шаг 1

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

Мягкой круглой кистью нарисуйте мягкие зелёные #0e624f и голубые #2b809a тени на куполе, а затем установите Режим наложения на Разделить. Снизьте Непрозрачность до 70%.

Add glow to the glass caseAdd glow to the glass caseAdd glow to the glass case

Вот как должны располагаться слои.

Glass and Rose layers Glass and Rose layers Glass and Rose layers

Шаг 2

Вы могли заметить, что оригинальная заколдованная роза расположена под углом. Поэтому прежде чем мы добавим свою розу под купол, нам нужно отредактировать её форму. Откройте свой образец Розовой розы в Photoshop. При помощи Инструмента "Волшебная палочка" (W) выберите белый фон и нажмите Delete, чтобы его удалить.

Разделите розу при помощи Инструмента "Прямолинейное лассо" (L). Создайте индивидуальное выделение вокруг розы, стебля и листьев. Скопируйте и вставьте каждый компонент на свой слой, а затем Поворачивайте каждую секцию Инструментом "Свободное трансформирование" (Control-T).

Dissect the rose referenceDissect the rose referenceDissect the rose reference

Вот сравнение "до" и "после". Сделайте так, чтобы верх розы был гораздо больше её низа. Поворачивайте её под небольшим углом перед удалением ненужных листьев. Затем удалите кончик стебля Ластиком (Е).

Rose before and after adjustmentRose before and after adjustmentRose before and after adjustment

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

Add the rose Add the rose Add the rose

Шаг 3

Установите Новый корректирующий слой > Цветовой фон и насыщенность как Обтравочную маску для розы. Снизьте Насыщенность до -50.

Desaturate the rose with Hue and SaturationDesaturate the rose with Hue and SaturationDesaturate the rose with Hue and Saturation

Шаг 4

Давайте добавим немного цвета! Установите следующий Новый слой как Обтравочную маску для розы. Твёрдой круглой кистью проведите красным цветом #811522 по всей поверхности розы. Затем настройте Режим наложения слоя на Затемнение основы и Непрозрачность - на 80%.

Color the enchanted rose redColor the enchanted rose redColor the enchanted rose red

Закрепите Новый корректирующий слой Поиска цвета на розе для изменения цветов. Установите Файл 3DLUT на 2Strip.look, а затем настройте Режим наложения слоя на Умножение и Непрозрачность - на 70%.

Adjust the rose color with color lookupAdjust the rose color with color lookupAdjust the rose color with color lookup

Шаг 5

Не забудьте добавить ручку на верхушку стеклянного купола! Извлеките часть верхушки с этого образца, скопируйте и вставьте на картину. Используйте комбинацию Инструмента "Свободное трансформирование" (Control-T) и Слоя-маски для того, чтобы сделать форму более округлой.

Затем перейдите в Изображение > Коррекция > Цветовой фон и насыщенность и понизьте Насыщенность до -64.

Add the glass handleAdd the glass handleAdd the glass handle

Шаг 6

Покройте низ стеклянной основы розовыми лепестками. Сначала откройте образец Розовых лепестков в Photoshop и при помощи Инструмента "Волшебная палочка" (W) выделите и удалите (Delete) белый фон.

Remove the white backgroundRemove the white backgroundRemove the white background

Выделите всего несколько лепестков Инструментом "Прямолинейное лассо" (L), затем скопируйте и вставьте их на Новый слой под стеклом.

Создайте движение, сделав две копии одного из лепестков. Разместите их так, будто они опускаются вниз.

Add the rose petalsAdd the rose petalsAdd the rose petals

Теперь создайте Новый слой под слоем лепестков и установите его на Умножение. Нарисуйте красную #890100 тень под лепестками и не забудьте усилить основную розу. Для тщательной растушёвки теней используйте мягкую круглую кисть.

Paint shadow onto the rosePaint shadow onto the rosePaint shadow onto the rose

5. Как настроить окончательные цвета и освещение

Шаг 1

Почти готово! Чтобы сделать сцену как можно более реалистичной, нам нужно создать схему гармоничного освещения и цвета.

Для начала создайте Новый слой поверх всех остальных. Мягкой круглой кистью (10-40% Непрозрачности) создайте серый #c7c4c1 туман вокруг правой и левой сторон купола. Снизьте Непрозрачность слоя до 25%.

Paint mist around the casePaint mist around the casePaint mist around the case

Создайте следующий Новый слой и установите его на Умножение. При помощи мягкой круглой кисти (30-70% Непрозрачности) нанесите умеренно серый #6a6a6a вокруг краёв сцены. Это создаст больший фокус на розе, в то же время добавит хороший эффект виньетки. 

Create a quick vignette effectCreate a quick vignette effectCreate a quick vignette effect

Шаг 2

Перейдите в Слои > Новый корректирующий слой > Цветовой баланс. Измените настройки для Теней, Полутонов и Света, чтобы вся сцена стала более голубой.

Color balance settingsColor balance settingsColor balance settings

Вот такой результат должен получиться в итоге.

Color Balance resultColor Balance resultColor Balance result

Шаг 3

Создайте Новый слой поверх прошлого улучшения и установите его на Наложение. Середину холста покройте сплошным розовым цветом #d8c7de при помощи твёрдой круглой кисти. Снизьте Непрозрачность до 32%.

Paint pink onto the scenePaint pink onto the scenePaint pink onto the scene

Чтобы добавить лепесткам больше цвета, установите Новый слой на Наложение. Мягкой круглой кистью проведите розовым цветом #d85670 по лепесткам для выраженного эффекта. Снизьте Непрозрачность до 83%.

Paint pink onto the rose petalsPaint pink onto the rose petalsPaint pink onto the rose petals

Шаг 4

Для более насыщенного цвета, создайте Новый слой, установленный на Линейный свет. Закрасьте всю поверхность розы и лепестки ярко-розовым цветом #c93e96. Снизьте Насыщенность до 11%.

Paint more bright pink onto the rosePaint more bright pink onto the rosePaint more bright pink onto the rose

Шаг 5

Для создания атмосферы мы добавим в композицию пыль и мерцание. Поэтому загрузите Кисти "Туманность" и создайте Новый слой.  Чтобы применить Кисть 7, нажмите один раз, и убедитесь, что Основной цвет настроен на белый. Снизьте Непрозрачность, если нужно.

Apply the Nebula BrushesApply the Nebula BrushesApply the Nebula Brushes

Шаг 6

Затем загрузите кисти "Блик в объективе" и "Звезда". Используйте их комбинацию для рисования бликов на верхушке стеклянного купола и нескольких взрывающихся в них звёзд. Это поможет проявить передний план, в то время как из окна исходит свет.

Add lens flares to the compositionAdd lens flares to the compositionAdd lens flares to the composition

Настройте Новый слой на Наложение и жёлтой #d9dfcf мягкой круглой кистью нарисуйте блики на столе и куполе. Измените твёрдость кисти на 100% и добавьте несколько более чётких линий света вокруг декоративных деталей стола.

Paint highlights onto the tablePaint highlights onto the tablePaint highlights onto the table

Шаг 7

Создайте Новый слой и нанесите резкие белые блики на стекле, куполе и розе. Добавьте белых точек в воздухе, чтобы показать как частички пыли ловят свет.

Используйте эту возможность, чтобы как можно лучше привести в порядок сцену.

Paint white highlights onto the rose and casePaint white highlights onto the rose and casePaint white highlights onto the rose and case

Шаг 8

Основная часть нашего редактирования завершена! Всё, что нам сейчас нужно сделать - настроить цвет получше. Установите Новый корректирующий слой на Кривые. Настройте кривые на RGB, синий и зелёный каналы для балансировки освещения. Снизьте Непрозрачность до 68%.

Add a new curves adjustment layerAdd a new curves adjustment layerAdd a new curves adjustment layer

Затем добавьте Новый корректирующий слой и выберите Яркость и контраст. Настройте Яркость на 9 и Контраст на 8.

Add a Brightness and Contrast AdjustmentAdd a Brightness and Contrast AdjustmentAdd a Brightness and Contrast Adjustment

Наконец, добавьте ещё один Корректирующий слой и выберите Цветовой баланс. Измените настройки для Полутонов и Света таким образом:

Color Balance settingsColor Balance settingsColor Balance settings

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

Result after color balanceResult after color balanceResult after color balance

6. Как повысить резкость работы

Для визуального воздействия в финале обработки изображения следует повысить резкость. Объедините вместе все слои. Удерживайте Control-J для создания Дубликата объединённого слоя.

Выделив копию, перейдите в Фильтр > Другое > Цветовой контраст, установив Радиус на 2 пикселя. Затем установите Режим наложения слоя на Перекрытие.

High pass filter to sharpenHigh pass filter to sharpenHigh pass filter to sharpen

Готово! Посмотрите на финальный результат ниже.

Поздравляю! Вы закончили!

Вы можете создавать магию Диснея при помощи нескольких удачно расположенных изображений в Adobe Photoshop. Изучайте возможности с фантастическими настройками, такими как Корректирующие слои, Режимы наложения и др.

Надеюсь, вам понравилась моя статья! Не стесняйтесь добавлять комментарии и делиться с нами результатами ниже.

В этих прекрасных обучающих материалах вы можете увидеть больше фоторабот:

Enchanted Rose Photo Manipulation Photoshop Tutorial Melody NievesEnchanted Rose Photo Manipulation Photoshop Tutorial Melody NievesEnchanted Rose Photo Manipulation Photoshop Tutorial Melody Nieves
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.