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

Создаём Космическую Сцену в программе Photoshop

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Astronomical Graphic Design.
How to Create a Set of Space Icons Using Adobe Illustrator
How to Create a Solar System Planets Icon Pack in Adobe Illustrator

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

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

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

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

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

1. Создаём Задний фон

Шаг 1

Создайте новый документ в программе Photoshop со следующими размерами 3000 x 2000 px:

space background filespace background filespace background file

Цвет заднего фона (background) должен быть чёрный.

Шаг 2

Нажмите клавиши (Ctrl+Shift+N), чтобы создать новый слой. Выберите инструмент Кисть (Brush Tool (B). Установите мягкую круглую кисть, цвет кисти #8c92ae. Прокрасьте среднюю часть  чёрного заднего фона:

space background color 1space background color 1space background color 1

Поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light)), Непрозрачность слоя 100%:

space background color 1 hard light modespace background color 1 hard light modespace background color 1 hard light mode

Шаг 3

Создайте новый слой и с помощью мягкой кисти различных цветовых оттенков, добавьте цветные блики на изображение. Вы можете использовать любые цветовые оттенки на своё усмотрение, и не забывайте, что мы создаём цветной задний фон , поэтому используйте яркие цвета. Я использовал следующие цветовые оттенки: #378c6c,#c20707#cf53c8.

space background colors 2space background colors 2space background colors 2

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

Шаг 4

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

space background color 3space background color 3space background color 3

Поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), Непрозрачность слоя 100%:

space background color 3 hard light modespace background color 3 hard light modespace background color 3 hard light mode

Шаг 5

Создайте новый слой, нажмите клавишу ‘D’, чтобы выставить цвет переднего / заднего плана по умолчанию (чёрный / белый). С помощью инструмента Лассо (Lasso Tool (L), создайте активное выделение, установите радиус Растушёвки (feather) 60 px:

selection with feather 60selection with feather 60selection with feather 60

Далее, идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds):

apply clouds filterapply clouds filterapply clouds filter

Теперь поменяйте режим наложения для данного слоя на Осветление основы (Color Dodge), Непрозрачность слоя 100%:

cloud filter color dodge modecloud filter color dodge modecloud filter color dodge mode

Шаг 6

Добавьте корректирующий слой Уровни (Levels) в качестве обтравочной маски, чтобы сделать эффект  более нежным. Идём Слой – Новый корректирующий слой – Уровни (Layer > New Adjustment Layer > Levels): Примечание переводчика: создайте корректирующий слой Уровни (Levels) поверх слоя с облаками в качестве обтравочной маски.

clouds filter levels clouds filter levels clouds filter levels

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

clouds filter levels layer maskclouds filter levels layer maskclouds filter levels layer mask
levels mask resultlevels mask resultlevels mask result

Шаг 7

Продублируйте слой с облаками, сместите дубликат слоя наверх, расположив поверх  первого корректирующего слоя Уровни (Levels). Далее, идём Фильтр – Рендеринг – Облака с наложением (Filter > Render > Different Clouds):

clouds filter layer duplicated and orderedclouds filter layer duplicated and orderedclouds filter layer duplicated and ordered
apply different clouds filterapply different clouds filterapply different clouds filter

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Примените Радиус (Radius) размытия 35 px:

different clouds filter gaussian blurdifferent clouds filter gaussian blurdifferent clouds filter gaussian blur

Шаг 8

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

space background color balancespace background color balancespace background color balance

Шаг 9

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

paint small stars paint small stars paint small stars

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

star outer glowstar outer glowstar outer glow
outer glow resultouter glow resultouter glow result

Шаг 10

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

space background curvesspace background curvesspace background curves

Шаг 11

Откройте исходное изображение с туманностью. С помощью инструмента  Перемещение (Move Tool (V), переместите изображение с туманностью на наш рабочий документ. Увеличьте масштаб изображения с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T):

add nebulaadd nebulaadd nebula

Поменяйте режим наложения для слоя с туманностью на Линейный осветлитель (Linear Dodge), Непрозрачность  слоя 100%:

nebular linear dodge modenebular linear dodge modenebular linear dodge mode

Шаг 12

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

nebula masking nebula masking nebula masking
nebula masking resultnebula masking resultnebula masking result

Шаг 13

К слою с туманностью, добавьте корректирующий слой Цветовой Баланс (Color Balance) в качестве обтравочной маски, чтобы немного изменить цвет эффекта с туманностью:

nebula color balancenebula color balancenebula color balance
space background resultspace background resultspace background result

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

2.  Создаём Космический Задний фон

Шаг 1

Создайте новый документ со следующими размерами 2200 x 1600 px, , установите цвет заднего фона чёрный. Откройте текстуру космоса, которую мы только что создали на первом этапе урока и переместите данную текстуру на наш рабочий документ с помощью инструмента Перемещение (Move Tool).

add space backgroundadd space backgroundadd space background

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

space background maskingspace background maskingspace background masking

Шаг 2

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

brighten middle sectionbrighten middle sectionbrighten middle section
brightening resultbrightening resultbrightening result

3.  Добавляем Планеты

Шаг 1

Откройте исходное изображение с текстурой планеты. Создайте новый слой и с помощью инструмента Штамп (Clone Tool (S), скройте четыре чёрные линии, которые проходят вдоль и поперёк текстуры.

planet textureplanet textureplanet texture
clone black linesclone black linesclone black lines

Шаг 2

Нажмите клавиши (Ctrl+Shift+Alt+E), чтобы объединить слой с текстурой планеты и слой со штампом в один новый слой. Находясь на объединённом слое, с помощью инструмента Овальная область (Elliptical Marquee Tool), создайте круг. Далее, идём Фильтр – Искажение – Сферизация (Filter > Distort > Spherize):

grab a circlegrab a circlegrab a circle
spherize filterspherize filterspherize filter
spherize filter resultspherize filter resultspherize filter result

Шаг 3

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

planet baseplanet baseplanet base

Шаг 4

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

add big planetadd big planetadd big planet

Шаг 5

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

big planet hue saturationbig planet hue saturationbig planet hue saturation

Шаг 6

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

big planet curvesbig planet curvesbig planet curves

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

big planet curves masking resultbig planet curves masking resultbig planet curves masking result

Шаг 7

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

big planet color balancebig planet color balancebig planet color balance

Шаг 8

Создайте новый слой в качестве обтравочной маски  и с помощью мягкой кисти, цвет кисти #b68fa4, прокрасьте отдельные участки по краю планеты, чтобы добавить к ним цвет (т.к. мы поместили планету на красочный задний фон). Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), Непрозрачность 100%. Примечание переводчика: создайте новый слой поверх корректирующего слоя Цветовой Баланс (Color Balance) в качестве обтравочной маски.

big planet coloring 1big planet coloring 1big planet coloring 1

Шаг 9

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

big planet coloring 2big planet coloring 2big planet coloring 2

Шаг 10

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

add small planetsadd small planetsadd small planets

Шаг 11

Выделите слои с маленькими планетами, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать их в одну группу. Поменяйте режим наложения для данного слоя с группой с режима Пропустить (Pass Through) на Нормальный (Normal), Непрозрачность слоя 100%. Создайте новый слой поверх слоёв с маленькими планетами и с помощью мягкой чёрной кисти Непрозрачностью (Opacity) примерно 70–80%, нарисуйте тени в нижней части этих планет. Примечание переводчика: слой, предназначенный для теней, создайте внутри объединённой группы с маленькими планетами.

small planets shadowsmall planets shadowsmall planets shadow

Шаг 12

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

small planets hue saturationsmall planets hue saturationsmall planets hue saturation

Шаг 13

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

small planets color balancesmall planets color balancesmall planets color balance

4.  Создаём Основной Свет и добавляем Базовый Цвет

Шаг 1

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

space coloring 1space coloring 1space coloring 1
space coloring 1 soft light modespace coloring 1 soft light modespace coloring 1 soft light mode

Шаг 2

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

splace coloring 2 splace coloring 2 splace coloring 2
space coloring 2 soft light modespace coloring 2 soft light modespace coloring 2 soft light mode

Шаг 3

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

space curvesspace curvesspace curves

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

space curves resultspace curves resultspace curves result

5.  Добавляем Космические Корабли

Шаг 1

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

add spaceshipsadd spaceshipsadd spaceships

Шаг 2

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

spaceships hue saturationspaceships hue saturationspaceships hue saturation

Шаг 3

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

spaceships color balancespaceships color balancespaceships color balance

Шаг 4

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

spaceship curves 1spaceship curves 1spaceship curves 1

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

spaceships curves 1 resultspaceships curves 1 resultspaceships curves 1 result

Шаг 5

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

spaceship curves 2spaceship curves 2spaceship curves 2

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

spaceships curves 2 resultspaceships curves 2 resultspaceships curves 2 result

Шаг 6

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

spaceships highlightsspaceships highlightsspaceships highlights
spaceship highlights overlay modespaceship highlights overlay modespaceship highlights overlay mode

6.  Добавляем Астероиды

Шаг 1

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

add asteroidsadd asteroidsadd asteroids

Шаг 2

Дополнительно добавьте астероиды в нижний правый и левый угол нашей космической сцены, увеличьте их, сделав их больше, чем существующие астероиды. Размойте их, чтобы добавить немного глубины к сцене, для этого примените фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия 8 px к каждому из этих слоёв с большими астероидами.

more asteroids with gaussian blurmore asteroids with gaussian blurmore asteroids with gaussian blur

Шаг 3

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

asteroids color balanceasteroids color balanceasteroids color balance

Шаг 4

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

asteroids curves 1asteroids curves 1asteroids curves 1

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

asteroids curves 1 maskingasteroids curves 1 maskingasteroids curves 1 masking

Шаг 5

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

asteroids curves 2asteroids curves 2asteroids curves 2

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

asteroids curves 2 maskingasteroids curves 2 maskingasteroids curves 2 masking

7.  Добавляем огни на Космические корабли и Огненные хвосты

Шаг 1

Создайте новый слой. Выберите жёсткую кисть, цвет кисти #eebde2. Нарисуйте маленькие точки, чтобы воссоздать огоньки на космических кораблях. Тем больше корабль, тем больше будут огоньки.

spaceships lights spaceships lights spaceships lights

Шаг 2

Чтобы создать светящийся хвост, которые мы часто наблюдаем в картинах космоса, создайте новый слой и с помощью мягкой кисти, цвет кисти (#7b3e51), нарисуйте пятно на изображении. Уменьшите размер кисти, установите более светлый оттенок кисти (#d69e96), теперь поставьте точку в центре нарисованного пятна.

light trail making light trail making light trail making

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

add in light trailadd in light trailadd in light trail

Шаг 3

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

add light trails to others spaceshipsadd light trails to others spaceshipsadd light trails to others spaceships

Шаг 4

Создайте новый слой, установите режим наложения для данного слоя на Осветление основы (Color Dodge), непрозрачность слоя 100%. С помощью мягкой кисти, цвет кисти #eebde2, прокрасьте яркие участки огненных шлейфов у хвостовой части кораблей.

lightest part of traillightest part of traillightest part of trail

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

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

Whole scene curvesWhole scene curvesWhole scene curves

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

whole scene curves resultwhole scene curves resultwhole scene curves result

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

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

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