1. Design & Illustration
  2. Drawing/Illustration

Создаём Неоновый Эффект Радуги на Портретной Фотографии в Photoshop

Scroll to top
Read Time: 10 min
This post is part of a series called Photo Effects.
A Beginners Guide to Photo Manipulations in Adobe Photoshop
How to Create a Galaxy-Themed Wanderlust Composite in Affinity Photo

() translation by (you can also view the original English article)

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

Сегодня я покажу вам, как создать неоновый радужный эффект на портретной фотографии в Adobe Photoshop! Вы узнаете про малоизвестный приём, который применяется для получения идеального неонового свечения, а также о том, как сделать портрет ярким и живым.

Мы стремимся к созданию панк-рок-поп-арта, используя данный портретный эффект, так что нет смысла сдерживать цвета! Давайте приступим, не так ли?

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

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

Ещё больше высококачественных ресурсов вы можете найти на Envato Elements!

1. Создаём Задний Фон в Виде Черепа с Заливкой Градиента

Перед началом мы создадим отличную панк рок основу для нашего портерного эффекта.

Шаг 1

Создайте новый документ со следующими размерами 850 x 1062 px.

Шаг 2

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

place skullplace skullplace skull

Шаг 3

На новом слое создайте вертикальный градиент, используя следующие цвета градиента: ярко-розовый #ff73db, оранжевый #ffc652 и светло-голубой #a6b0ff.

Вы могли бы использовать слой-заливку Градиент (Gradient Fill). Однако, я предпочитаю раскрашивать вручную с помощью большой мягкой круглой кисти.

Преобразуйте слой с заливкой градиента в обтравочную маску к слою с изображением черепа, а затем сгруппируйте эти слои в одну группу, назовите эту группу "Background."

paint skullpaint skullpaint skull

2. Подготавливаем Портрет

Далее мы разместим изображение модели на новом фоне, а также заменим цвет футболки.

Шаг 1

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

Не знаете, как выделить волосы? Тогда узнайте, как сделать это в моём уроке "Создаём Цветочную Сцену с Пчёлами в Photoshop" Шаг 3. Выделяем и Дорисовываем Волосы.

Также, обратите внимание, что я предпочитаю преобразовывать слои с основными элементами сцены в смарт-объекты, для этого щёлкните правой кнопкой мыши по соответствующему слою и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

place subjectplace subjectplace subject

Шаг 2

Добавьте стиль слоя Внутреннее свечение (Inner Glow) к слою с моделью или самостоятельно нарисуйте свечение с помощью кисти.

Настройки стиля слоя Внутреннее свечение (Inner Glow)

glow settingsglow settingsglow settings

Далее, к слою с моделью примените фильтр Уменьшить шум (Reduce Noise), для этого идём Фильтр – Шум - Уменьшить шум (Filter > Noise > Reduce Noise).

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

Настройки фильтра Уменьшить шум (Reduce Noise)

  • Интенсивность (Strength): 10
  • Сохранить детали (Preserve Detail): 10%
  • Уменьшить шумы цветов (Reduce Color Noise): 0%
  • Детали резкости (Sharpen Details): 0%

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

reduce noisereduce noisereduce noise

Шаг 3

Создайте новый слой, режим наложения тот же самый Нормальный (Normal).

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

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

add glowadd glowadd glow

Шаг 4

Продублируйте слой с изображением модели, залейте дубликат слоя белым цветом.

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

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

add hairadd hairadd hair

Шаг 5

К слою с моделью добавьте слой-заливку Цвет (Color Fill), цвет заливки белый, в качестве обтравочной маски.

Нажмите клавиши (Ctrl+I) для инверсии слой-маски, залив её чёрным цветом.

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

Возможно будет полезно использовать Растушёвку (Feather) от 0.5 до 1.5 px во время коррекции маски, чтобы лучше совместить края.

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

white shirtwhite shirtwhite shirt

3. Добавляем Стилистическое Свечение к Портрету

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

Шаг 1

Создайте новый слой ниже слоя с моделью.

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

Add outer glowAdd outer glowAdd outer glow

Шаг 2

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

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

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

add highlightsadd highlightsadd highlights

Шаг 3

Добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast) в качестве обтравочной маски к слою с моделью.

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

Настройки корректирующего слоя Яркость / Контрастность (Brightness/Contrast)

  • Яркость (Brightness): 46
  • Контрастность (Contrast): -50
add brightnessadd brightnessadd brightness

Шаг 4

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

Настройки корректирующего слоя Выборочная коррекция цвета (Selective Color)

  • Цвета (Colors): Красный (Red)
  • Жёлтый (Yellow): -79
  • Чёрный (Black): -27
add coloradd coloradd color

Шаг 5

Добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast) в качестве обтравочной маски к слою с моделью.

Настройки корректирующего слоя Яркость / Контрастность (Brightness/Contrast)

  • Яркость (Brightness): 23
  • Контрастность (Contrast): -50
remove contrastremove contrastremove contrast

Шаг 6

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

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

Установите Нажим (Flow) кисти примерно на 15%, это поможет аккуратно воссоздать световые эффекты.

addd highlightsaddd highlightsaddd highlights

4. Создаём Неоновые Волосы

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

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

Шаг 1

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

Настройки корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation)

  • Цветовой тон (Hue): 212
  • Насыщенность (Saturation): 79
  • Поставьте галочку в окошке Тонирование (Colorize)

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

blue hairblue hairblue hair

Шаг 2 (Выборочно 1)

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

Что это такое?

Это пресет корректирующего слоя Поиск цвета (Color Lookup), который доступен в более ранних версиях Photoshop, Photoshop CS6 в основном.

Если у вас есть фильтр ColorNegative в настройках корректирующего слоя Поиск цвета (Color Lookup), тогда создайте данный корректирующий слой в качестве обтравочной маски поверх корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation).

invert color lookupinvert color lookupinvert color lookup

Шаг 2 (Выборочно 2)

Если у вас нет версии Photoshop CS6 или данного необычного фильтра корректирующего слоя Поиск цвета (Color Lookup) где-нибудь в архивных файлах (как у меня)? Нет проблем!

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

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

Нажмите клавиши (Ctrl+I) для инверсии дубликата.

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

invert manualinvert manualinvert manual

Шаг 3

Поменяйте режим наложения для слоя с инверсией или корректирующего слоя на Замена светлым (Lighten).

lightenlightenlighten

Шаг 4

Далее, с помощью слой-маски, скройте эффект на слое с инверсией за исключением области волос.

mask out bodymask out bodymask out body

Шаг 5

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

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

Больше об этой технике вы можете узнать из моего урока “Создаём Футуристический Фэшн Портрет в Adobe Photoshop”!

paint hairpaint hairpaint hair

Шаг 6 (Пропустите этот Шаг, Если Используете Опцию 2)

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

Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

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

Я сфокусировала чёрный цвет на левой и средней части головы и волос модели, где корни наиболее оранжевые.

paint lightpaint lightpaint light

Шаг 7 (Пропустите этот Шаг, Если Используете Опцию 2)

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

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

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

paint lightpaint lightpaint light

Шаг 8

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

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

Сфокусируйте каждый цвет на соответствующей области, поэтому сфокусируйте синий свет там, где волосы наиболее голубые.

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

add glowadd glowadd glow

5. Добавляем Эффекты на Лицо

Теперь, когда наши волосы светятся, нам нужно обратить внимание на лицо!

Шаг 1

Создайте новый слой поверх всех остальных слоёв и групп. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 45%.

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

add red flushadd red flushadd red flush

Шаг 2

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

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

add shadowadd shadowadd shadow

Шаг 3

Создайте новый слой.

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

Используйте оригинальные ресницы модели в качестве ориентира!

paint eyelashespaint eyelashespaint eyelashes

Шаг 4

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

Используя ту же самую комбинацию цветов кисти: ярко-розовый #ff73db, оранжевый #ffc652 и светло-голубой #a6b0ff, нарисуйте градиент на радужной оболочке глаза модели. Прокрасьте зрачок, но при этом, оставьте тёмный внешний край вокруг радужной оболочки.

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur), чтобы совместить цвета, а затем почистите края с помощью полужёсткого Ластика (Eraser Tool), если у вас возникли проблемы с плавным совмещением цветов.

Сгруппируйте все слои, относящиеся к коррекции глаз и лица модели в одну группу, назовите эту группу "Eyes".

paint eyespaint eyespaint eyes

6. Создаём Яркую и Живую Цветовую Коррекцию

Чтобы объединить всю композицию, нам необходимо добавить последнюю группу корректирующих слоёв поверх всех остальных слоёв!

Все корректирующие слои будут добавляться снизу вверх!

Шаг 1

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

Настройки корректирующего слоя Поиск цвета (Color Lookup)

  • 3DLUT: Filmstock
  • Непрозрачность (Opacity): 50%
add color lookupadd color lookupadd color lookup

Шаг 2

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

Настройки корректирующего слоя Поиск цвета (Color Lookup)

  • 3DLUT: Edgey Amber
  • Непрозрачность (Opacity): 10%
add color lookupadd color lookupadd color lookup

Шаг 3

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

Настройки корректирующего слоя Поиск цвета (Color Lookup)

  • 3DLUT: Teal Orange Plus Contrast
  • Непрозрачность (Opacity): 25%
add color lookupadd color lookupadd color lookup

Шаг 4

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

Настройки корректирующего слоя Цветовой Баланс (Color Balance)

  • Красные (Red): +47
  • Зелёные (Green): +29
  • Синие (Blue): +76

Сгруппируйте все корректирующие слои в одну группу, назовите эту группу "Color Grade."

add color balanceadd color balanceadd color balance

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

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

И помните, чтобы получить лучшее “исходящее изнутри” свечение, проведите инверсию объекта!

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

Хотите узнать больше? Тогда почему бы вам не просмотреть следующие отличные уроки по созданию фотоманипуляций:

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.
One subscription. Unlimited Downloads.
Get unlimited downloads