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

Создайте картину с воздушным шаром от волшебника из страны Оз в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called The Wizard of Oz.
Fly, My Pretty! How to Draw a Winged Monkey Step by Step
Click Your Heels Twice: How to Draw Sequin Ruby Slippers

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

Final product image
What You'll Be Creating

В честь празднования недели Wizard of Oz здесь, на Envato Tuts +, мне хотелось создать яркую и красочную сцену того, как Великий и Могучий Волшебник входит в землю Оз.

Это учебное пособие включает в себя работу с 3D-инструментами Photoshop для создания воздушного шара, очень полезную технику маски изображений облаков и другие методы как создать мягкий вид, похожий на вашу мечту. Следуйте за мной, заблудившись в нашем волшебном мире слоев, а также масок и фильтров... О Господи!

1. Соберите ресурсы

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

  • BalloonDecal.jpg
  • CityOutline.png
  • OzLandscape.jpg
  • Tornado.psd

Для завершения проекта также используются следующие стоковые ресурсы:

2. Полет воздушного шара

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

Шаг 1

Откройте файл OzLandscape.jpg в Photoshop. Это будет место нашего волшебного, цветного, воздушного приключения.

Open the OzLandscapejpg image

Шаг 2

Перейдите в 3D > New 3D Layer From File и выберите файл balloon.obj. Когда появится запрос о размере, просто примените значения по умолчанию. Photoshop импортирует 3D-модель и переключится в рабочую среду 3D.

Import the 3D balloon model

Шаг 3

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

Hide the ropes

Шаг 4

Выберите слой Scene в 3D panel и, используя инструмент Move Tool, расположите вид так, чтобы шар находился в верхнем правом углу композиции. Поверните вид так, чтобы воздушный шар оказался ниже, чем камера.

Move the scene view to place the balloon at the top right

Шаг 5

В панели 3D panel перейдите на вкладку Materials и выделите второй материал в списке, который должен быть основным материалом шара. На панели Properties щелкните на иконку документа рядом с цветом Diffuse и выберите Replace Texture. Направьте Photoshop к файлу Balloon Decal.jpg, чтобы отобразить иллюстрацию на воздушном шаре.

Map the decal texture onto the balloon

Шаг 6

Снова нажмите на ту же иконку документа и выберите Edit UV Properties. Эти настройки будут регулировать то, как текстура растянется по поверхности воздушного шара. В этом разделе, измените U/X на 2 и V/Y на 3. Это должно установить текстуру в подходящем размере. Затем используйте значения Offset, чтобы перемещать текстуру по поверхности, чтобы поместить ее туда, где она будет хорошо смотреться.

Edit the UV properties

Размещение текстуры на воздушном шаре должно выглядеть так.

Texture placement on the balloon

Шаг 7

Вернитесь обратно в Materials. Первый материал в списке должен быть основой воздушного шара и большей части поверхности корзины. Измените Diffuse цвета на  #8a504b.

change the color of the basket

Шаг 8

Щелкните на вкладку Lights в панели 3D panel и выберите Infinite Light 1. Используйте Move Tool (V) для регулировки индикатора цвета так, чтобы свет шел сзади воздушного шара. Цель состоит в том, чтобы подобрать направление света на картинке. Установите Intensity на 144% и Shadow Softness на 25%.

Set the light to match the photo

Шаг 9

Используйте инструмент Rectangular Marquee Tool (M), чтобы полностью выделить воздушный шар. Затем нажмите на кнопку Render на базе панели 3D. Будьте терпеливы, пока Photoshop рендерит воздушный шар - это может занять некоторое время!

Render the balloon

Шаг 10

По завершении рендеринга скопируйте пиксели рендеринга на новый слой с помощью Layer > New > Layer Via Copy (Ctrl-J). Затем скройте оригинальный 3D-слой. Это гарантирует то, что пиксели рендеринга сохранены после сохранения редактируемого 3D-слоя.


Шаг 11

Улучшите цвета воздушного шара добавлением корректирующего слоя Vibrance adjustment layer. Закрепите корректирующий слой к слою рендеринга с помощью Layer > Create Clipping Mask (Alt-Ctrl-G). Затем установите Vibrance на +21 и Saturation на +39.

Enhance the balloon colors with a Vibrance adjustment layer

3. Изумрудный город

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

Шаг 1

Перейдите в меню File > Place Embedded и выберите файл CityOutline.png из набора файлов в прилагаемой папке zip. Изображение города импортируется как Smart Object. Уменьшите масштаб изображения и поместите его в изображение.

Add the city to the background

Шаг 2

Разве у нас может быть Изумрудный город только синего цвета? Измените цвет города, перейдя в Image > Adjustments > Hue/Saturation. Установите флажок Colorize и установите Hue на 116Saturation на 41 и Lightness на +24.

Change the color of the Emerald City

Шаг 3

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

mask out the bottom of the city

Шаг 4

Добавьте корректирующий слой Hue/Saturation и закрепите к слою города с помощью Layer > Add Clipping Mask (Alt-Ctrl-G). Установите Saturation на -56 и заполните черным маску корректирующего слоя. Затем используйте кисть с белой краской, чтобы нанести цветной эффект по сторонам зданий, чтобы город не был одного зеленого тона.

Add a destaurated effect to give depth to the city buildings

Шаг 5

Добавьте новый слой City Gleams и установите режим наложения на Screen. Затем используйте мягкую кисть с непрозрачностью Opacity 40% с бледно-желтым тоном # eaf669, чтобы добавить несколько штрихов светящегося света вокруг городских шпилей.

add some glowing yellow lights to the city

Шаг 6

Перейдите в Filter > Blur > Gaussian Blur и установите Radius размытия на 3 pixels. Это придаст городу мягкий, светящийся, эффект света над зданиями.

Blur the city gleams

Шаг 7

Расположите слой City Glow под слоем города и установите режим наложения на Screen. Используйте инструмент Gradient Tool (G) с пресетом Foreground to Transparent, формой Radial и Opacity на 60%. Начните градиент прямо за городом и растяните его примерно три раза по размеру городского слоя.

Add a gradient glow

Шаг 8

Добавьте новый слой поверх слоя City Gleams для эффекта Color Wash. Установите режим наложения на Color Dodge и используйте Soft Round Brush (B) с Opacity на 20%. Установите цвет краски на ярко-зеленый оттенок, #a7e31d. Создайте эффект мягкого сияния цвета над городом и над вершинами окружающих его холмов.

Adding a soft color wash

Шаг 9

Добавьте новый слой City Clouds и установите режим наложения на Screen. Используйте инструмент Brush Tool (B) с пресетом кисти Chalk 36 pixels. Используйте желтовато-коричневый оттенок #aea058 и создайте слой облаков вокруг основания города. Не нажимайте и не перетаскивайте эту кисть, а используйте несколько кликов для "мазков" с помощью кисти.

Paint in some cloudy areas at the base of the city

4. Торнадо!

Шаг 1

Откройте документ Tornado.psd из вложенных файлов. Этот файл содержит папку, которая включает в себя три слоя для торнадо. Используйте инструмент Move Tool (V), чтобы перетащить всю папку в основной проект документа и поместите его в правом верхнем углу композиции.

Bring in the twister from the attached file

Шаг 2

Откройте файл fantasy-220092.jpg и используйте инструмент Rectangular Marquee Tool (M), чтобы выделить область неба на изображении. Затем перейдите в Edit > Copy (Ctrl-C).

Open the fantasy-220092 image and copy the sky area

Перейдите к основному файлу проекта и зайдите в меню Edit > Paste, чтобы депонировать скопированные облака как слой. Перетащите этот слой под слой воздушного шара. Затем измените режим наложения на Multiply и используя Edit > Free Transform (Ctrl-T) масштабируйте слой и расположите его так, чтобы самое яркое пятно совпало с городом.

Paste the clouds into the main composition

Шаг 3

Пришло время создать серьезные облака! Перейдите в File > Place Embedded и выберите файл thunderstorm-567678.jpg. Photoshop помещает изображение как Smart Object. Поверните его с помощью Edit > Transform > Rotate 180. Затем используйте Edit > Transform > Warp, чтобы открыть сетку деформации. Используйте дескрипторы основы, чтобы завернуть слой облаков вокруг нижней части изображения.

Warp the thunderstorm image around the scene

Шаг 4

Чтобы облака выглядели правильно, вот очень полезный маскирующий трюк, который использует собственную яркость слоя, чтобы определить прозрачность. Перейдите в Select > Select All (Ctrl-A), а затем в Edit > Copy (Ctrl-C). Используйте кнопку Add Layer Mask в нижней части панели Layers, чтобы создать маску к слою thunderstorm.

Copy the layer pixels then add a layer mask

Шаг 5

Удерживая клавишу Alt, нажмите на миниатюре маски, чтобы увидеть ее напрямую. Затем перейдите в Edit > Paste (Ctrl-V), чтобы вставить скопированные пиксели в маску. Используйте инструмент Move Tool (V), чтобы прикрепить скопированные пиксели к нижнему краю маски. Затем перейдите в Select > Deselect (Ctrl-D), чтобы отменить выделение.

Paste teh copied pixels into the mask

Шаг 6

Удерживая клавишу Alt, кликните на миниатюре маски снова, чтобы увидеть, как она влияет на слой. Перейдите в меню Image > Adjustments > Invert (Ctrl-I) , чтобы поменять местами света и тени маски. Затем используйте большую кисть Soft Round Brush на маске, чтобы настроить ее видимость, окрашивая края черной краской и делая углы более непрозрачными с помощью белой краски.

Шаг 7

Облака слишком темные и должны выглядеть более сероватыми. Добавьте корректирующий слой Curves и закрепите его на слой thunderstorm с помощью Layer > Create Clipping Mask (Alt-Ctrl-G). Поставьте контрольную точку в левой части кривой и сдвиньте ее вверх примерно на две трети пространства сетки. Черные части облаков должны стать более светлыми.

Шаг 8

Поместите файл sunset-383072 и используя Edit > Transform > Warp, поверните его вокруг правого нижнего угла изображения прямо напротив воздушного шара.

Insert the sunsett-383072 image and wrap it around the balloon

Шаг 9

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

Use the masking trick to get a soft cloud effect

Шаг 10

Откройте изображение vermont-482945.jpg  и используйте инструмент Rectangular Marquee Tool (M), чтобы создать выделение вокруг области неба. Затем скопируйте эти пиксели, перейдя в Edit > Copy.

copy the sky area of the vermont-482945 image

Вставьте эти пиксели в основной проект с помощью Edit > Paste и поместите облака на передний план изображения. Затем используйте ту же технику копировать/вставить, технику маски, которую использовали на предыдущих слоях облаков. Установите режим наложения на Screen и наслаждайтесь видом потрясающих облаков, которые мы добавили в нашу фантастическую сцену!

paste the vermont sky into the project

5. Дополнительные эффекты

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

Шаг 1

Воздушный шар может извлечь выгоду из акцентированной подстветки на теневой стороне. Добавьте новый слой Shading Gradient и закрепите его на слой рендеринга шара с помощью Layer > Add Clipping mask (Alt-Ctrl-G).

Установите цвет переднего плана на черный и с помощью инструмента Gradient Tool (G) установите пресет Foreground to Transparent и форму Radial. Добавьте градиент над темной стороной воздушного шара и измените режим наложения на Multiply.

Additional shading on the dark edge of the balloon

Шаг 2

Нам нужен волшебник, который бы ехал на воздушном шаре. Хотя в основном корзина скрыта облаками, там должна быть какая-то фигура, чтобы показать, что корзина не пуста. Откройте изображение horse-411644.jpg и используйте Quick Selection Tool (Q), чтобы выделить водителя кареты. Затем перейдите в Edit > Copy (Ctrl-C), чтобы скопировать выделенные пикселы.

Copy the top hat wizard

Шаг 3

Переключитесь обратно в проект главного файла и вставьте выделенную область как новый слой, перейдя в Edit > Paste (Ctrl-V), а затем используйте Edit > Transform > Flip Horizontal, чтобы развернуть волшебника налево. Используйте Edit > Free Transform (Ctrl-T), чтобы масштабировать и расположить мастера в корзину. Используйте Eraser (E), чтобы удалить те области, которые не должны перекрывать шар.

Paste the wizard into his basket

Шаг 4

Чтобы повысить сказочное качество изображения, мы будем использовать несколько слоев очистки цвета. Создайте в верхней части стека новый слой Color Wash Warm и установите режим наложения на Screen. Используйте кисть Soft Round с Opacity на 20%. Выберите желто-зеленый цвет из области города или используйте # cfe472. Затем аккуратно создайте эффект подсветки сзади края воздушного шара, сбоку торнадо и на некоторых разбросанных вершинах холмов.

Add a backlighting color wash effect

Шаг 5

Добавьте новый слой Color Wash Cool и используйте синевато-серый цвет # 414754, с теми же настройками кисти, чтобы добавить более холодный оттенок к темным облакам, теням шара и областям долины. Если эффект слишком сильный, уменьшите Opacity слоя до 50%.

Add cooler tones with a hand painted color wash layer

Шаг 6

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

Increase contrast with Curves

Шаг 7

Создайте объединенный слой Merged в верхней части стека слоев, удерживая клавишу Alt, перейдите в Layer > Merge Visible. Конвертируйте слой в смарт-объект Smart Object с помощью Layer > Smart Objects > Convert to Smart Object.

Create a merged layer as a Smart Object

Шаг 8

Перейдите в Filter > Camera Raw Filter. На вкладке Basic установите для параметра Temperature значение -10, чтобы добавить немного прохладных оттенков к преимущественно теплому изображению. Затем увеличьте Clarity до +33 и Vibrance до +24. Это улучшит цвета и добавит штрих резкости в изображение.

Run the Camera Raw Filter

Перейдите на вкладку Effects, зайдите в Camera Raw Filter, перейдите в раздел Post Crop Vignette и установите Amount на -33, чтобы добавить эффект затемнения по углам изображения. Затем нажмите на кнопку ОК, чтобы применить фильтр.

Шаг 9

Этот следующий шаг совсем не обязательно выполнять, но он добавит тонкий законченный эффект.  Добавьте новый слой Dodge/Burn и перейдите в Edit > Fill и выберите 50% Grey для Content. Затем установите режим наложения слоя на Overlay, чтобы сделать серый цвет невидимым.

Используйте инструмент Dodge Tool (O) с маленькой мягкой круглой кистью и Exposure на 10%, чтобы улучшить область подсветки highlight. Таким же образом используйте Burn Tool (O) с теми же настройками, чтобы углубить области тени shadow.

Dodge and Burn to enhance highlights and shadows

Вы сделали это!

Отличная работа! Теперь наша фантазия из страны Оз готова.

Final product image of Wizard of Oz hot air balloon

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

Хотите узнать больше?

Хотите узнать еще больше о том, что вы можете сделать с помощью Photoshop? У меня есть еще несколько учебных пособий и курсов по Photoshop в Envato Tuts+. Не забудьте просмотреть мой профиль, чтобы увидеть больше!

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

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.