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:
This post is part of a series called The Wizard of Oz.
Use Filter Forge and Adobe Photoshop to Create a Yellow Brick Road
Adobe Photoshop for Kids: Become the Wizard of Oz!

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

Final product image
What You'll Be Creating

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

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

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

1. Добавляем Небо

Шаг 1

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

Вначале создайте новый документ со следующими размерами 1800 x 1500 px в Photoshop. Установите значения, которые указаны на скриншоте ниже:

new file

Шаг 2

Откройте исходное изображение с небом. Выделите только часть неба с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M).

select sky

Переместите небо на наш рабочий документ с помощью инструмента Перемещение (Move Tool (V).

add sky

Шаг 3

Добавьте корректирующий слой Цветовой Баланс (Color Balance), чтобы изменить цвет неба. Идём Слой- Новый корректирующий слой – Цветовой Баланс (Layer > New Adjustment Layer > Color Balance):

sky color balance

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

sky color balance masking

Шаг 4

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

sky curves

2. Добавляем Траву

Шаг 1

Откройте исходное изображение с травой. Выделите среднюю часть изображения травы с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M).

select grass

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

add grass

Шаг 2

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

grass hue saturation

Шаг 3

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

grass curves

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

grass curves result

3. Создаём Стену

Шаг 1

Создайте новый документ со следующими размерами 3000 x 3000 px, залейте его любым цветовым оттенком на своё усмотрение. Нажмите клавиши (Ctrl+Shift+N), чтобы создать новый слой, далее, залейте этот слой изумрудным цветом (#36684a).

fill layer

Шаг 2

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

add wall texture

Поменяйте режим наложения для слоя со стеной на Мягкий свет (Soft Light), уменьшив непрозрачность слоя до 50%.

wall soft light mode

Шаг 3

Продублируйте для слой со стеной, а затем отразите дубликат слоя по горизонтали, для этого идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal). Расположите дубликат стены в левой части холста.

duplicate wall texture

Сохраните свой результат в формате JPG для дальнейшего использования.

Шаг 4

Откройте текстуру стены, которую вы создали в предыдущем шаге. С помощью инструмента Прямоугольная область (Rectangular Marquee Tool), выделите фрагмент этой текстуры.

select wall texture

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

add wall section

Шаг 5

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

add more wall sections

Шаг 6

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

wall section 1 curves
wall section 2 curves

Шаг 7

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

wall curves 1

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

wall curves 1 masking

Шаг 8

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

wall curves 2

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

wall curves 2 result

Шаг 9

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

DB new file

Выберите инструмент Осветлитель / Затемнитель (Dodge Tool and Burn Tool (O), а затем в панели управления, установите Диапазон (Range) на Средние тона (Midtones), Экспозицию (Exposure) примерно на 10–15%, чтобы добавить больше деталей к стене. Вы можете увидеть мою обработку при режиме Нормальный (Normal) и результат при режиме Перекрытие (Overlay) на скриншоте ниже:

DB results

Шаг 10

Щёлкните правой кнопкой мыши по слою с группой со стеной и появившемся окне, выберите опцию Дубликат группы (Duplicate Group). Выделите оба слоя с группами, далее, ещё раз щёлкните правой кнопкой мыши по выделенным слоям с группами и появившемся окне, выберите опцию Объединить слои (Merge Group), чтобы получить объединённый слой. Создайте новый слой поверх объединённого слоя. Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя объединённого слоя со стеной, чтобы загрузить активное выделение.

laod wall selection

Далее, идём Редактирование – Выполнить обводку (Edit > Stroke). Установите цвет обводки на #fae284.

stroke wall
stroke wall result

Шаг 11

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

stroke wall Bevel emboss
Stroke B E result

Шаг 12

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

wall stroke masking

4. Создаём Ворота

Шаг 1

Возвращаемся к текстуре стены. С помощью инструмента Перо (Pen Tool (P), нарисуйте фигуру, похожую на ворота, находясь на слое с текстурой стены.

draw gate shape 1

Нажмите клавиши (Ctrl+Enter), чтобы преобразовать созданный контур в активное выделение.

shape 1 selection

Щёлкните правой кнопкой мыши по выделенной области и в появившемся окне, выберите опцию Скопировать на новый слой (Layer via Copy). Мы получим выделенную фигуру на новом прозрачном слое (я временно отключила видимость слоя с текстурой стены, создала новый слой, а затем залила этот слой белым цветом, расположив его между оригинальным слоем с текстурой стены и слоем с фигурой, чтобы вам было легче увидеть весь процесс). Назовите этот слой "1".

shape 1

Шаг 2

Продублируйте данный слой с фигурой, а затем уменьшите дубликат слоя (Ctrl+T).

shape 1 duplicate

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

darken shape 2

Шаг 3

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

gate shape 3 selection
gate shape 3 curves

Шаг 4

Продублируйте слой "3", сместите дубликат слоя вниз, расположив его ниже слоя "2" и выше слоя "1". Сделайте фигуру уже (Ctrl+T).

gate shape 4

С помощью корректирующего слоя Кривые (Curves) в качестве обтравочной маски, затемните данную фигуру, чтобы она создала эффект внутреннего затенения. Назовите этот слой "4".

gate shape 4 curves

Шаг 5

Создайте новый слой поверх слоя "2", а затем загрузите активное выделение. Идём Редактирование – Выполнить обводку (Edit > Stroke). Установите следующий цвет в качестве цвета обводки #ad8932.

gate shape 2 stroke
shape 2 stroke result

Шаг 6

Загрузите активное выделение из слоя "3", а затем выполните обводку, используя более яркий оттенок (#f5dd7d) с толщиной обводки 15 px.

gate shape 3 stroke

Шаг 7

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

shape 3 stroke BE
shape 3 BE result

Шаг 8

Создайте новый слой, а затем нарисуйте вертикальную линию с верхней точки до нижней точки слоя "2" с помощью инструмента Перо (Pen Tool). Щёлкните правой кнопкой мыши по созданной линии и в появившемся окне, выберите опцию Выполнить обводку (stroke). Установите цвет обводки на #f6d77b, а также не забудьте убрать галочку в окошке Имитировать нажим (Simulate Pressure).

gate door line 1

Добавьте стиль слоя Тиснение (Bevel and Emboss), установите те же самые настройки, что и в предыдущем шаге.

door line BE

Шаг 9

Продублируйте слой с нарисованной вертикальной линией, а затем слегка сметите дубликат слоя вправо. Выровняйте эти линии по центру двери.

Door line duplicate

Шаг 10

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

door lines curves

Шаг 11

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

shape 1 masking

Шаг 12

Отключите видимость фонового слоя с текстурой стены, а также слоя с заливкой, а затем нажмите клавиши (Ctrl+Shift+Alt+E), чтобы создать объединённый слой из видимых слоёв (слои с фрагментами ворот). Переместите полученный объединённый слой на наш рабочий документ, расположив между фрагментами двух стен (пространство, которое мы оставили, когда добавляли фрагменты стены).

add gate

Шаг 13

Чтобы добавить узор к воротам, дважды щёлкните по объединённому слою с воротами, чтобы применить стиль слоя Наложение узора (Pattern Overlay). Загрузите набор текстур Texture Fill 2, а затем выберите текстуру Web.

gate Pattern overlay
Gate pattern result

Шаг 14

Чтобы добавить тень от ворот на стене (свет падает слева направо, поэтому, ворота должны создавать тень справа), создайте новый слой ниже слоя с воротами. С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), создайте выделение стене справа от ворот, а затем залейте выделенную область чёрным цветом.

gate shadow 1

Уменьшите непрозрачность данного слоя с тенью до 80%, а затем смягчите тень, для этого идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 1 px:

gate shadow 1 blur

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

gate shadow 1 masking

Шаг 15

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

gate shadow 2

Шаг 16

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

gate curves 1

Шаг 17

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

gate curves 2

5. Добавляем Первое Здание

Шаг 1

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

Откройте исходное изображение с замком 3. Выделите фрагмент на изображении замка с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool):

building 1 selection 1

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

add building 1

Шаг 2

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

building 1 dome select
add building 1 dome

Шаг 3

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

building 1 hue saturation 1

Шаг 4

Добавьте корректирующий слой Микширование каналов (Channel Mixer), чтобы изменить цвет здания.

building 1 channel mixer
building 1 channel mixer result

Шаг 5

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

building 1 hue saturation 2

Шаг 6

Добавьте ещё один корректирующий слой Микширование каналов (Channel Mixer), чтобы преобразовать цвет зданий в золотистый цвет.

building 1 channel mixer 2

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

building 1 channel mixer masking

Шаг 7

Добавьте корректирующий слой Уровни (Levels), чтобы усилить световые блики.

building 1 levels

6. Добавляем Второе Здание

Шаг 1

Отделите монумент, расположив его у левого края стены.

add building 2

Шаг 2

Создайте новый слой в качестве обтравочной маски к слою с фрагментом монумента, поменяйте режим наложения на Перекрытие (Overlay), непрозрачность слоя 100%, а также выполните заливку 50% нейтральным серым (fill it with 50% gray). Выберите инструмент Осветлитель (Dodge Tool (O), чтобы осветлить левую часть здания, поскольку на данный момент эта часть здания выглядит слишком тёмной.

building 1 DB

Шаг 3

Добавьте корректирующий слой Микширование каналов (Channel Mixer), чтобы изменить цвет здания.

building 2 channel mixer

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

building 2 channel mixer masking

Шаг 4

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

building 2 curves

7. Добавляем Третье Здание

Шаг 1

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

add building 3

Шаг 2

Выделите купол церкви, добавив его поверх здания 2. Примените искажение (Ctrl+T) к данному фрагменту купола, чтобы совместить с формой существующего здания.

building 3 dome select
building 3 dome adding

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

building 3 dome maksing

Шаг 3

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

building 3 globe

С помощью слой-маски, удалите нижнюю часть шара.

globe masking

Шаг 4

Добавьте корректирующий слой Микширование каналов (Channel Mixer), чтобы изменить цвет шара.

building 3 channel mixer

Шаг 5

Сгруппируйте все эти слои в одну группу, а затем добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), поменяйте настройки для Голубых (Cyans) тонов:

building 3 hue saturation

Шаг 6

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

building 3 channel mixer masking

Шаг 7

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

building 3 curves

Шаг 8

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

building 3 levels

8. Добавляем Четвёртое Здание

Шаг 1

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

building 4 adding

Шаг 2

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

building 4 hue saturation

Восстановите оригинальный цвет золотых линий на куполах с помощью коррекции маски корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation).

building 4 hue saturation masking

Шаг 3

Добавьте корректирующий слой Микширование каналов (Channel Mixer), чтобы добавить насыщенный золотой цвет к деталям здания.

building 4 channel mixer

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

BD 4 channel mixer masking

Шаг 4

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

BD 4 curves
BD 4 curves masking

9. Добавляем Колонны

Шаг 1

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

select columns
add columns

Расположите слои с колоннами выше слоя со стеной и обводкой.

Шаг 2

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

columns masking

Шаг 3

Выделите нижний фрагмент колонны на оригинальном изображении, а затем поместите выделенный фрагмент на одно из зданий без верхней части, на то здание, которое мы добавили в предыдущей части урока (здание 4).

select another column part
add this part

Шаг 4

Сгруппируйте все слои с колоннами в одну группу. Добавьте корректирующий слой Цветовой Баланс (Color Balance), чтобы добавить больше насыщенности к ним.

columns color balance
columns color balance result

Шаг 5

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

columns curves 1

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

columns curves 1 masking

Шаг 6

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

columns curves 2

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

column curves 2 masking

Шаг 7

Добавьте тени от колонн таким же образом, как мы добавляли тени от ворот. Чем дальше тень от света, тем вытянутее и мягче тень.

columns shadow

10. Добавляем Пятое Здание

Шаг 1

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

BD 5 select 1
add BD 5

Шаг 2

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

BD 5 channel mixer 1

Шаг 3

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

BD 5 hue saturation 1

Шаг 4

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

BD 5 curves 1

Шаг 5

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

BD 5 curves 2

Шаг 6

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

BD 5 select 2
BD 5 add more

Шаг 7

Сгруппируйте эти два слоя с башнями в одну группу, включая текущую группу. Добавьте корректирующий слой Микширование каналов (Channel Mixer), чтобы поменять настройки для Красных (Reds) тонов:

BD 5 channel mixer 2

Результат после коррекции маски:

BD 5 channel mixer 2 masking

Шаг 8

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

BD 5 color balance
BD 5 color balance result

11. Добавляем Шестое Здание

Шаг 1

Откройте исходное изображение с Башней 1. Отделите верхнюю часть башни, расположив её за всеми существующими зданиями.

add BD 6

Шаг 2

Мы проделаем то же самое с этим зданием. Вначале, добавьте корректирующий слой Микширование каналов (Channel Mixer). Для Красного (Reds) канала, усильте значения Красных (Reds) до +65. Далее, перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти, скройте коррекцию в нижней части здания, чтобы избежать заливку цветом этой части здания.

BD 6 chanel mixer

Шаг 3

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

BD 6 curves 1

Шаг 4

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

BD 6 curves 2

12. Добавляем Седьмое Здание

Шаг 1

Откройте исходное изображение с башней 2. Выделите изображение башни с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool). Расположите выделенный фрагмент башни за зданием 2, а затем продублируйте данный слой с башней, расположив дубликат слоя за зданием 1. С помощью слой-маски, удалите верхнюю часть у дубликата слоя с башней (не переживайте, мы добавим другую верхушку к этой башне позже).

Add BD 7

Шаг 2

Добавьте корректирующий слой Микширование каналов (Channel Mixer). Поменяйте настройки для Красного (Reds) и Синего (Blues) каналов:

BD 7 channel mixer

Результат после коррекции маски:

BD 7 Channel mixer masking

Шаг 3

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

BD 7 hue saturation

Шаг 4

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

BD 7 curves 1

Шаг 5

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

BD 7 curves 2

Шаг 6

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

BD 7 dome select
BD 7 adding dome

Шаг 7

Результаты после добавления корректирующих слоёв Цветовой тон / Насыщенность (Hue/Saturation), Микширование каналов (Channel Mixer) и Кривых (Curves) и дальнейшей коррекции их слой-масок.

BD 7 dome hue saturation
BD 7 dome channel mixer
BD 7 curves

13. Добавляем Восьмое Здание

Шаг 1

Откройте исходное изображение с замком 1. Выделите самую высокую часть замка, чтобы расположить за зданием 2.

BD 8 select 1
add BD 8

Шаг 2

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

BD 8 select 2
Add more BD 8

Шаг 3

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

BD 8 hue saturation 1

Шаг 4

Добавьте два корректирующих слоя Кривые (Curves) для коррекции светотеней и контрастности зданий. Результаты вы можете увидеть на скриншотах ниже:

BD 8 curves 1
BD 8 curves 2

Шаг 5

Добавьте корректирующий слой Микширование каналов (Channel Mixer) для коррекции верхней части второго здания (объединённого здания). Результат после коррекции маски корректирующего слоя (выделенные участки показывают, где необходимо обработать кистью):

BD 8 channel mixer 1
BD 8 chanel mixer 1 result

14. Добавляем Девятое Здание

Шаг 1

Откройте исходное изображение с замком 2. Выделите два купола, чтобы добавить их с двух сторон стены за всеми существующими зданиями. Уменьшите один из куполов (Ctrl+T).

select BD 9
add BD 9

Шаг 2

Добавьте корректирующие слои Микширование каналов (Channel Mixer) и Кривых (Curves), чтобы совместить их цвет и освещение с другими элементами сцены.

BD 9 channel mixer
BD 9 channel mixer result
BD 9 curves

15. Добавляем Десятое Здание

Шаг 1

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

BD 10 add

Шаг 2

Добавьте корректирующие слои Цветовой тон / Насыщенность (Hue/Saturation), Микширование каналов (Channel Mixer) и Кривых (Curves):

BD 10 channel mixer
BD 10 hue saturation
BD 10 curves

16. Добавляем Отсутствующие Детали

Шаг 1

Откройте исходное изображение с куполом 2. Выделите только изображение купола, добавив его на одно из зданий в группе зданий 3, где отсутствует верхняя часть. Расположите данный слой ниже группы со зданиями 1.

add more dome
add more dome 1

Шаг 2

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

add more dome 2

С помощью слой-маски, удалите отдельные внешние детали купола:

more dome masking

Шаг 3

Сгруппируйте эти слои, а затем добавьте два корректирующих слоя Цветовой тон / Насыщенность (Hue/Saturation), чтобы добавить ярких золотых/голубых тонов к этим куполам.

domes hue saturation
domes hue saturation 1

Шаг 4

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

domes curves

Шаг 5

Откройте ещё раз исходное изображение Церковь 3. Выделите верхнюю часть купола, добавив её на верхнюю часть одного из зданий в группе зданий 5. Поместите слой с этой частью изображения в четвёртой группе зданий, ниже корректирующих слоёв, таким образом, коррекция будет одинаково воздействовать на все элементы группы. Добавьте корректирующий слой Микширование каналов (Channel Mixer) для коррекции этой части купола, а затем с помощью коррекции маски, восстановите золотые тона, как мы делали со слоями четвёртой группы зданий.

select dome top
add dome top

Добавьте слой-маску к данному слою с частью купола, чтобы удалить верхнюю часть купола с помощью жёсткой чёрной кисти.

dome top masking

Шаг 6

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

dome top 2 adding

Шаг 7

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

dome top 3 adding

Шаг 8

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

select globe
adding globe

Шаг 9

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

globe color balance 1

Шаг 10

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

globe curves 1

17. Добавляем Пейзажи

Шаг 1

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

add landscape 1
landscape 1 masking

Шаг 2

Поменяйте цвет пейзажа с помощью корректирующего слоя Цветовой Баланс (Color Balance):

landscape 1 color balance

Шаг 3

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

landscape 1 curves

Шаг 4

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

add landscape 2
landscape 2 masking

Шаг 5

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

landscape 2 curves

18. Добавляем Деревья и Кусты

Шаг 1

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

add tree 1

Шаг 2

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

tree 1 hue saturation

Шаг 3

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

Шаг 4

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

tree 1 duplicate

Шаг 5

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

duplicated tree 1 curves

Шаг 6

Добавьте дерево 2 в правой части сцены перед первым зданием.

add tree 2

Шаг 7

Поменяйте цвет этих деревьев с помощью корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation).

trees 2 hue saturation 1
tree2 2 hue saturation 2

Шаг 8

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

trees 2 curves

Шаг 9

Добавьте дерево 3, используя ту же самую технику:

add tree 3
tree 3 hue saturation

Шаг 10

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

tree 4 color balance
tree 4 curves

Шаг 11

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

tree 4 shadow

Шаг 12

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

tree 5 hue saturation
tree 5 curves 1
tree 5 curves 2
tree 5 shadow

Шаг 13

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

tree 6 hue saturation
tree 6 curves

Шаг 14

Отделите куст, расположив его рядом с воротами, а затем с помощью инструмента Деформация (Warp Tool), деформируйте его форму, как показано на скриншоте ниже:

add bush

Дважды продублируйте данный слой с кустом, расположив кусты вдоль стены. 

add more bushes

Шаг 15

Добавьте тени к каждому кусту, как мы уже ранее добавляли тень к другим элементам сцены.

bushes shadow

Шаг 16

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

bushes color balance
bushes curves 1
bushes curves 2

Шаг 17

Откройте исходное изображение с деревом 7, выделите только изображение ствола дерева. Переместите выделенный фрагмент дерева на наш рабочий документ, расположив у правой нижней кромки сцены на переднем плане. Используйте инструмент Деформация (Warp Tool), чтобы деформировать его форму, как показано на скриншоте ниже. Расположите данный слой с фрагментом ствола поверх всех остальных слоёв.

add tree 7

Шаг 18

Добавьте корректирующие слои к данному слою со стволом дерева:

tree 7 curves
tree 7 color balance
tree 7 color balance 1

Шаг 19

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

add leaves

Шаг 20

Проведите коррекцию листвы с помощью корректирующих слоёв, придав ей больше красных тонов и насыщенности.

leaves hue saturation
leaves curves 1
leaves curves 2

19. Добавляем Маковое Поле

Шаг 1

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

add field
field masking

Шаг 2

Создайте новый слой, выберите инструмент Штамп (Clone Tool (S). Используйте данный инструмент, чтобы клонировать маковое поле на выделенные участки и скрыть отдельные нежелательные участки сцены.

field clone
clone result

Шаг 3

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

field curves

20. Добавляем Дорогу из Жёлтых Кирпичей

Шаг 1

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

road shape

Шаг 2

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

add brick texture

Загрузите активное выделение и находясь на слое с текстурой кирпичей, щёлкните по значку Добавить слой-маску (Add layer mask) в нижней части панели слоёв. Результат должен быть, как на скриншоте ниже. Примечание переводчика: находясь на слое с текстурой кирпичей, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с изогнутой фигурой, чтобы загрузить активное выделение.

road masking

Шаг 3

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

add more road parts

Шаг 4

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

road channel mixer
road hue saturation
road curves

Шаг 5

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

road group masking

Шаг 6

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

poppies shadow

21. Добавляем Орнамент

Шаг 1

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

ornament 1 adding

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

ornament 1 drop shadow
ornament 1 drop shadow result

Шаг 2

Примените несколько корректирующих слоёв к данному слою с орнаментом.

ornament 1 hue saturation
ornament 1 curves
ornament 1 curves 2

Шаг 3

Используя ту же самую технику, добавьте орнамент 2 на нижние участки ворот.

ornament2 hue saturation
ornament 2 curves

Шаг 4

Проделайте то же самое с орнаментом 3, расположив декор на каждой створке ворот в средней части.

ornament 3 hue saturation
ornament 3 curves
ornament 3 curves 2

Шаг 5

Повторите те же самые шаги с орнаментом 4, расположив декор в верхней части ворот.

ornament 4 hue saturation
ornament 4 curves
ornament 4 levels

22. Добавляем Текст Oz

Шаг 1

Создайте новый слой, выберите инструмент Текст (Type Tool (T). Выберите шрифт Arial, размер шрифта 10 pt. Напишите букву ‘O’, используя цвет шрифта #f8ae43. Сместите букву ‘O’ в центр орнамента 1.

letter o

Напишите букву ‘Z’ на отдельном слое, а затем сметите данную букву в центр буквы ‘O’.

letter z

Шаг 2

К каждому слою с буквой, примените стили слоя с настройками, которые указаны на скриншоте ниже. Установите цвет тени в настройках стиля слоя Внутренняя тень (Inner Shadow) на #fbf039.

oz layer style 1
oz layer style 2
oz layer styles result

Шаг 3

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

oz curves

Шаг 4

Добавьте слой-маску к слою с группой, чтобы совместить нижнюю часть буквы ‘O’ с орнаментом 1.

oz masking

Шаг 5

Возвращаемся на слой воротами и с помощью инструмента Штамп (Clone Tool) на отдельном слое, удалите линии, которые видны внутри букв "OZ".

door lines cloning

23. Проводим Заключительную Цветовую Коррекцию

Шаг 1

Создайте новый слой поверх всех остальных слоёв и с помощью мягкой кисти, цвет кисти #190600, прокрасьте верхнюю левую часть сцены. Поменяйте режим наложения для данного слоя на Линейный осветлитель (Linear Dodge), непрозрачность слоя 100%.

light 1
light 1 result

Шаг 2

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

buildings light

Шаг 3

Добавьте корректирующий слой Выборочная коррекция цвета (Selective Color). Поменяйте настройки для Жёлтых (Yellows) и Голубых (Cyans) тонов:

selective color
selective color result

Шаг 4

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

whole scene curves

Шаг 5

Идём Слой- Новый слой-заливка – Цвет (Layer > New Fill Layer > Solid Color). Установите цвет заливки на #fcef84.

fill layer

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

fill layer result

Шаг 6

Добавьте корректирующий слой Карта градиента (Gradient Map). Установите следующие цвета градиента: #6d463b и #367a8e. Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), непрозрачность слоя 100%.

gradient map

Шаг 7

Добавьте корректирующий слой Цветовой Баланс (Color Balance), чтобы добавить больше насыщенности ко всей сцене.

whole scene color blance
color balance result

Шаг 8

Создайте новый слой, поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), непрозрачность 100%. С помощью мягкой кисти, цвет кисти #f9dd89, добавьте больше света в левой части сцены, в частности на зданиях, расположенных в этой части композиции, чтобы придать им более волшебный и фантазийный световой эффект.

light 2

Шаг 9

Чтобы усилить контраст сцены, создайте новый слой, далее, используйте чёрную кисть Непрозрачностью (Opacity) примерно 30–40%, прокрасив правую и нижнюю левую часть сцены, чтобы затемнить эти участки. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), непрозрачность слоя 100%.

darken edges
darken result

Шаг 10

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

tree 2 shadow

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

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

Final product of Emerald City from Wizard of Oz
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.