Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Создаём Галактический Автопортрет в Adobe Photoshop

Scroll to top
Read Time: 12 min

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

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

Вы можете превратить свои селфи в потрясающее цифровое искусство! А работая со своими собственными портретами - это интересный способ узнать больше про Adobe Photoshop.

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

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

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

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

1. Делаем Фотографии для Манипуляций

Я всегда хотела создать фотоманипуляцию с одной из моих собственных фотографий. И спустя десять лет работы с программой Photoshop, я наконец-то сделала это!

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

Inspiration for galaxy manipulationInspiration for galaxy manipulationInspiration for galaxy manipulation
Данное изображение взято из одного из моих уроков! Посетите данный урок по указанной ссылке: Исправляем Ошибки Цвета в  Photoshop.

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

Для исходного снимка, я использовала зеркальную камеру Samsung NX3000. Он оснащён супер полезным LCD-экраном, который позволяет мне видеть себя в кадре. Не стесняйтесь использовать свои мобильные телефоны, чтобы сделать селфи или попросите друга помочь вам. Просто убедитесь, чтобы было достаточно освещения!

Samsung NX3000Samsung NX3000Samsung NX3000

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

Test shots for manipulationTest shots for manipulationTest shots for manipulation
Мы используем фотографию №2 для нашей манипуляции

Нужна помощь с фотографией? Тогда посетите следующие статьи:

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

Давайте приступим!

2. Обрабатываем Исходную Фотографию

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

Данная фотография уже была отредактирована с целью усилить яркость и поправить волосы (и сохранить моё драгоценное эго). Но я покажу вам, как я сделала волосы более объёмными для акцентирования стиля.

Galaxy referenceGalaxy referenceGalaxy reference

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

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

Откройте моё изображение или ваше в Photoshop.

Далее, идём Фильтр - Пластика (Filter > Liquify).

Используйте комбинацию инструментов Вздутие (Bloat Tool (B) и Деформация (Forward Warp Tool (W), чтобы придать волосам объём. Увеличьте размер кисти, чтобы убедиться, что кисть достаточно широкая, чтобы увеличить текстуру пучка.

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

Use Liquify for hair volumeUse Liquify for hair volumeUse Liquify for hair volume

Очень часто парикмахеры-стилисты используют нижнюю часть волос для создания объёмного вида.

Поэтому, давайте проделаем то же самое!

Ещё раз с помощью инструмента Деформация (Forward Warp Tool (W), сдвиньте нижнюю часть волос вправо. Сбалансируйте форму для полного и естественного внешнего вида или проявите безумие, чтобы получить невероятный результат!

Gif before and afterGif before and afterGif before and after
Волосы До и После коррекции.

Теперь переходим к манипуляции!

3. Добавляем Другие Исходные Изображения

Шаг 1

Создайте новый документ в программе Photoshop. Я использовала следующие размеры рабочего документа: 1262 x 1410 px.

Композиции квадратной формы обычно отлично подходят для Instagram и многого другого!

Залейте фоновый слой чёрным цветом с помощью инструмента Заливка (Paint Bucket Tool (B). Далее, скопируйте / вклейте отредактированное изображение на наш рабочий документ. Расположите изображение в центре холста.

Add the background and photoAdd the background and photoAdd the background and photo

Шаг 2

Давайте удалим задний фон на моей фотографии!

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

Remove the backgroundRemove the backgroundRemove the background

Шаг 3

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

Продолжайте редактировать изображение с помощью слой-маски.

Удалите основную нижнюю часть наряда, а также почистите все края вокруг волос и тела.

Continue masking the photoContinue masking the photoContinue masking the photo

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

Щёлкните правой кнопкой мыши по слой-маске и в появившемся меню, выберите опцию Применить слой-маску (Apply Mask).

Шаг 4

Теперь давайте добавим остальные изображения, начиная с планет.

Отделите изображение Марса, Земли и Луны от заднего фона на исходных изображениях. Используя инструмент выделения на свой выбор (в данном случае, я использовала инструмента Овальная область (Elliptical Marquee Tool (M), выделите планету, а затем скопируйте / вклейте каждую выделенную планету на новый слой.

Расположите слои, как показано на скриншоте ниже. Расположите слой с изображением Марса ниже слоя с моим изображением, таким образом, он будет находится за мной. Это создаст ощущение глубины резкости.

Add the planetsAdd the planetsAdd the planets

4. Создаём Галактический Вид

Шаг 1

Давайте добавим звёзды!

Mask away the milky wayMask away the milky wayMask away the milky way
  1. Скопируйте / вклейте исходное изображение Млечного Пути на наш рабочий документ на новый слой, расположив поверх слоя с чёрным задним фоном.
  2. Добавьте слой-маску, а затем с помощью мягкой круглой кисти, цвет кисти чёрный, обработайте края изображения млечного пути.

Шаг 2

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

Shade the milky wayShade the milky wayShade the milky way
  1. Создайте новый слой, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask) к слою с изображением Млечного Пути. С помощью мягкой круглой кисти Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 60-100%, цвет кисти тёмно-синий #081a40 и чёрный, прокрасьте на новом слое. Создайте такое же затенение, как на скриншоте выше.
  2. Поменяйте режим наложения для данного слоя с затенением на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 70%.

Результат на данный момент урока.

Result after shadingResult after shadingResult after shading

Шаг 3

Создайте новый слой в качестве обтравочной маски к слою с изображением Млечного Пути.

Добавьте нежные световые эффекты к нашей сцене.

Paint some lightPaint some lightPaint some light
  1. С помощью мягкой круглой кисти Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 10-30%, цвет кисти светло-синий #a8b7e3, прокрасьте левую сторону холста.
  2. Поменяйте режим наложения для данного слоя с осветлением на Жёсткий свет (Hard Light), а также уменьшите Непрозрачность (Opacity) слоя до 30%.

Шаг 4

Давайте ещё раз поработаем над основным изображением.

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

В данном случае, я слегка добавила больше света на своё лицо, шею и тело с помощью жёсткой круглой кисти Жёсткостью (Hardness) 80-100% и Непрозрачностью (Opacity) 10-25%, цвет кисти светло-коричневый #efd2b7. Откорректируйте степень Непрозрачности (Opacity) при необходимости.

Add some light to the face and bodyAdd some light to the face and bodyAdd some light to the face and body

Шаг 5

Мы можем перекрасить основное изображение с помощью нескольких корректирующих слоёв.

Начните с Уровней (Levels).

Идём Слой - Новый корректирующий слой- Уровни (Layer > New Adjustment Layer > Levels). Установите следующие значения для RGB, Красного, и Синего Канала. Далее, щёлкните правой кнопкой мыши по данному корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask), чтобы преобразовать корректирующий слой в обтравочную маску к слою с моим изображением.

  • RGB: 0, 0.90, 196; Выходные значения (Output): 17, 210
  • Красный (Red): 0, 0.92, 255; Выходные значения (Output): 0, 191
  • Синий (Blue): 0, 1, 179; Выходные значения (Output): 35, 192
Add a levels adjustmentAdd a levels adjustmentAdd a levels adjustment

Вы можете увидеть результат на скриншоте ниже, включая порядок слоёв.

Result after levelsResult after levelsResult after levels

Шаг 6

Добавьте больше контраста и тепла к фотографии.

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

Установите кривые для RGB, Красного, Зелёного и Синего Канала, как показано на скриншоте ниже.

Add a curves adjustmentAdd a curves adjustmentAdd a curves adjustment

Шаг 7

У вас отлично получается, продолжайте в том же духе!

Давайте добавим звёздочки на основной объект.

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

Add more starsAdd more starsAdd more stars
  1. Расположите звёздочки таким образом, чтобы они полностью закрывали меня.
  2. Далее, поменяйте режим наложения для слоя с текстурой млечного пути на Разница (Difference), а также уменьшите Непрозрачность (Opacity) слоя до 70%. Добавьте слой-маску и с помощью мягкой круглой кисти чёрного цвета, скройте звёздочки поверх лица и тела.

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

Paint shadow Paint shadow Paint shadow
  1. С помощью мягкой круглой кисти Непрозрачностью (Opacity) 50-70%, прокрасьте оранжевым оттенком #f3a279 поверх правой стороны волос и тела. Я повторяю направление источника света, как на оригинальном изображении, поэтому, наше затенение будет совпадать с ним.
  2. Далее, поменяйте режим наложения для данного слоя на Вычитание (Subtract), а также уменьшите Непрозрачность (Opacity) слоя до 50%. Доработайте тени с помощью быстрой слой-маски.

Шаг 8

Нам всё ещё необходимо провести коррекцию затенения и цвета на других планетах.

Давайте начнём с планеты Земля.

Paint shadow on earthPaint shadow on earthPaint shadow on earth
  1. То же самое, создайте новый слой в качестве обтравочной маски к слою с планетой. С помощью мягкой круглой кисти Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 60-80%, цвет кисти тёмно-синий #080e1b, прокрасьте правую сторону планеты.
  2. Поменяйте режим наложения на Затемнение основы (Color Burn).
  3. Создайте ещё один новый слой поверх предыдущего слоя в качестве обтравочной маски. На этот раз, используйте глубокий красный оттенок для кисти #120500, чтобы добавить теней.

Шаг 9

Теперь затемним Марс.

Создайте два новых слоя в качестве обтравочных масок к слою с планетой Марс. Используйте мягкую круглую кисть, цвет кисти глубокий красный #1a010d, чтобы добавить теней на первом слое и цвет кисти фиолетовый #14051b на втором.

Paint shadow on marsPaint shadow on marsPaint shadow on mars

Шаг 10

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

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

На скриншоте ниже вы можете увидеть порядок слоёв для наглядности.

Layer setupLayer setupLayer setup

Начните с корректирующего слоя Поиск Цвета (Color Lookup).

Из выпадающего меню 3DLUT File, выберите фильтр:

  • Fuji F125 Kodak 2395

Далее, поменяйте режим наложения на Цветность (Hue).

Add a color lookup adjustmentAdd a color lookup adjustmentAdd a color lookup adjustment

Усильте цвета с помощью нового корректирующего слоя Уровни (Levels).

Установите значения для RGB канала, которые указаны ниже:

  • Входные значения (Input): 0, 1, 211
  • Выходные значения (Output): 0, 255
Add a levels adjustmentAdd a levels adjustmentAdd a levels adjustment

Шаг 11

Теперь переходим к Луне!

Создайте новый слой в качестве обтравочной маски к слою с Луной. С помощью мягкой круглой кисти Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 50%, цвет кисти чёрный, затените Луну. Следуйте за направлением стрелки, как показано на скриншоте ниже.

Paint shadow on the moonPaint shadow on the moonPaint shadow on the moon

5. Завершаем Манипуляцию

Мы почти завершили урок!

Результат на данный момент урока:

Result so farResult so farResult so far

Далее, необходимо поработать над заключительными элементами сцены.

Если вы работаете над своей собственной фотографией, то не стесняйтесь использовать оригинальный естественный угол освещения, свои цвета и детализацию.

Шаг 1

Добавьте освещение для усиления глубины!

Создайте новый слой поверх всех остальных слоёв. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay).

С помощью мягкой круглой кисти Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 60-90%, цвет кисти белый, прокрасьте поверх сцены, добавляя больше света. Используйте слой-маску для коррекции при необходимости.

Paint light with overlayPaint light with overlayPaint light with overlay

Шаг 2

Орбитальные кольца на самом деле не настоящие, но они станут ещё одним интересным элементом для этой манипуляции.

Create two orbital ringsCreate two orbital ringsCreate two orbital rings
  1. С помощью инструмента Эллипс (Ellipse Tool (U), создайте два белых орбитальных кольца 2 px. Растрируйте слой-фигуры, а затем выполните сведение (Ctrl+E), чтобы создать объединённый слой.
  2. Находясь на объединённом слое Кольца (Rings), идём Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 15 px. Уменьшите Непрозрачность (Opacity) слоя до 60%, а также удалите любые лишние участки с помощью слой-маски.

Шаг 3

Давайте добавим последнее исходное изображение.

Используйте несколько фрагментов с ярких участков текстуры Галактики. Я использовала инструмент Прямоугольная область (Rectangular Marquee Tool (M), чтобы выделить различные участки звёзд и звёздной пыли. Скопируйте / вклейте их на наш рабочий документ на новые слои, расположив по всей сцене.

Расположите два фрагмента с галактикой поверх Земли и волос, поменяйте режим наложения на Жёсткий свет (Hard Light), а другие два фрагмента со звёздами расположите поверх других участков со звёздами, а затем поменяйте режим наложения на Точечный свет (Pin Light). Откорректируйте Непрозрачность (Opacity) на своё усмотрение и с помощью слой-масок, удалите лишние участки с помощью мягкой чёрной круглой кисти.

Add more stars to the compositionAdd more stars to the compositionAdd more stars to the composition

Шаг 4

В этом шаге мы добавим корректирующие слои.

Я знаю, что вы готовы к завершению урока, верно? Давайте пройдёмся по ним, как можно быстрее.

Добавьте корректирующий слой Поиск Цвета (Color Lookup).

Из выпадающего меню 3DLUT File, выберите фильтр:

  • FuturisticBleak.3DL
Add a color lookup layerAdd a color lookup layerAdd a color lookup layer

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

Установите следующие значения для RGB, Красного, и Синего Канала.

  • RGB: 27, 0.94, 240; Выходные значения (Output): 20, 255
  • Красный (Red: 0, 1.11, 204; Выходные значения (Output): 0, 255
  • Синий (Blue): 29, 1.38, 226; Выходные значения (Output): 51, 224
Add a levels adjustment layerAdd a levels adjustment layerAdd a levels adjustment layer

Шаг 5

Создайте новый слой, залейте его неоновым зелёным оттенком #76ff39. Уменьшите Непрозрачность (Opacity) слоя до 10%, а также поменяйте режим наложения на Разделить (Divide).

Add a neon green fillAdd a neon green fillAdd a neon green fill

Шаг 6

Продолжайте в том же духе! У вас отлично получается!

Добавьте новый корректирующий слой Цветовой Баланс (Color Balance). Установите следующие значения для Теней (Shadows), Средних тонов (Midtones) и Света (Highlights), которые указаны ниже для усиления синих тонов. Далее, поменяйте режим наложения для данного корректирующего слоя на Цветность (Hue).

Add a color balance adjustmentAdd a color balance adjustmentAdd a color balance adjustment

Далее, добавьте корректирующий слой Карта Градиента (Gradient Map).

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

Add a gradient map adjustmentAdd a gradient map adjustmentAdd a gradient map adjustment

Добавьте последний корректирующий слой Фото Фильтр (Photo Filter).

Установите фильтр Violet, а значение Плотности (Density) на 52%.

Add a photo filterAdd a photo filterAdd a photo filter

Шаг 7

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

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

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

Add highlights to the scene with overlayAdd highlights to the scene with overlayAdd highlights to the scene with overlay

Шаг 8

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

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

Paint white highlightsPaint white highlightsPaint white highlights

Возможно, вы заметите лёгкое размытие на итоговом изображении. Я добилась этого с помощью быстрого фильтра Тилт-Шифт (Tilt-Shift Filter), но вы можете оставить всё, как есть.

Теперь, когда вы завершили создание своей картины, повесьте её на стену! Посмотрите, как будет выглядеть ваш автопортрет, используя Макет Фоторамки от Envato Elements.

Frame Mockup from Envato ElementsFrame Mockup from Envato ElementsFrame Mockup from Envato Elements

Вы можете увидеть итоговый результат на скриншоте ниже!

Мы завершили урок! Отличная Работа!

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

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

Ещё больше интересных фотоманипуляций вы можете найти по следующим ссылкам, которые указаны ниже:

Galaxy Photo Manipulation Photoshop Tutorial by Melody NievesGalaxy Photo Manipulation Photoshop Tutorial by Melody NievesGalaxy Photo Manipulation Photoshop Tutorial by 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
One subscription. Unlimited Downloads.
Get unlimited downloads