1. Design & Illustration
  2. Photo Effects

Добавляем Мягкое Свечение на Задний Фон Чтобы Создать Эффект Фоновой Подсветки

by
Read Time:6 minsLanguages:
This post is part of a series called Learn Photoshop Actions.
How to Create an Action in Photoshop
How to Create a 3D Golden Cinematic Text Action in Adobe Photoshop

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

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

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

Если вы захотите создать более сложные эффекты фоновой подсветки, как на изображении ниже, при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном Dark Fantasy 2 Photoshop Action.

Action final resultAction final resultAction final result

Что вам понадобится

Для создания данного эффекта, вам понадобится следующая фотография:

1. Давайте Приступим

Шаг 1

Вначале, откройте исходную фотографию, с которой вы хотите работать. Чтобы открыть фотографию, идём Файл – Открыть (File > Open), а затем в окне браузера, выберите свою исходную фотографию. Нажмите кнопку Открыть (Open). Теперь, перед тем, как мы приступим, необходимо, чтобы вы уточнили пару моментов:

  1. Ваша исходная фотография должна быть в цветовом режиме RGB, 8 бит/канал (8 Bits/Channel). Чтобы проверить это, идём Изображение – Режим (Image > Mode).
  2. Для получения наилучшего результата, размеры вашей исходной фотографии должны быть в пределах 1500–3500 px по ширине / высоте. Чтобы проверить это, идём Изображение – Размеры изображения (Image > Image Size).
  3. Ваша исходная фотография должна быть слоем заднего фона. Если она не является таковой, тогда идём Слой- Новый – Задний фон из слоя (Layer > New > Background from Layer). Примечание переводчика: слой с исходной фотографией должен быть с замочком и представлять задний фон.
Checking image size and modeChecking image size and modeChecking image size and mode

Шаг 2

Теперь нам необходимо кадрировать холст сверху и по бокам. Выберите инструмент Рамка (Crop Tool (C), а затем трансформируйте область рамки, как показано на скриншоте ниже:

Cropping PhotoCropping PhotoCropping Photo

2. Выделяем Объект

Шаг 1

В этой части урока мы создадим активное выделение вокруг изображения нашего объекта, а затем скопируем созданное выделение на новый слой. Выберите инструмент Быстрое выделение (Quick Selection Tool (W), а затем выделите задний фон на исходной фотографии. Используйте клавиши (Shift+Alt), чтобы добавить или вычесть отдельные участки из области выделения. Как только вы создали идеальное выделение, нажмите клавиши (Ctrl+Shift+I) для инверсии выделенной области.

Making selectionMaking selectionMaking selection

Шаг 2

Теперь идём Выделение - Модификация - Сгладить (Select > Modify > Smooth), установите Радиус (Sample Radius) на 5 px. Далее, идём Выделение - Модификация - Сжать (Select > Modify > Contract), установите значение Сжать (Contract By) на 2 px. После этого идём Выделение - Модификация – Растушёвка (Select > Modify > Feather), установите Радиус растушёвки (Feather Radius) на 2 px, как показано на скриншоте ниже:

Modifying selectionModifying selectionModifying selection

Шаг 3

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

Creating new layer using selectionCreating new layer using selectionCreating new layer using selection

3. Создаём Источник Света для Подсветки

Шаг 1

В этой части урока мы создадим источник света. Перейдите на фоновый (Background) слой, а затем идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой ‘Light Source’.

Creating new layerCreating new layerCreating new layer

Шаг 2

Теперь выберите инструмент Кисть (Brush Tool (B), установите мягкую кисть, цвет кисти #ffffff. Далее, прокрасьте кистью там, где вы хотите создать источник света. Не стесняйтесь использовать размер кисти на своё усмотрение.

Brushing onto layerBrushing onto layerBrushing onto layer

4. Настраиваем Освещение

Шаг 1

В этой части урока мы проведём настройку освещения. Перейдите на фоновый (Background) слой, а затем идём Изображение – Коррекция – Уровни (Image > Adjustments > Levels), используйте настройки, которые указаны на скриншоте ниже:

Adjusting levelsAdjusting levelsAdjusting levels

Шаг 2

Теперь идём Слой- Новый слой-заливка- Цвет (Layer > New Fill Layer > Solid Color), чтобы создать новый слой с заливкой цветом, назовите его ‘Background Color’, установите цвет заливки на #000000, как показано на скриншоте ниже:

Creating new solid color fill layerCreating new solid color fill layerCreating new solid color fill layer

Шаг 3

Уменьшите Непрозрачность (Opacity) слоя с заливкой до 70%.

Changing opacityChanging opacityChanging opacity

Шаг 4

Теперь перейдите на слой ‘Subject’, чтобы поменять режим наложения для данного слоя на Мягкий свет (Soft Light).

Changing blending modeChanging blending modeChanging blending mode

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

Шаг 1

В этой части урока мы проведём заключительную цветовую коррекцию всего дизайна. Идём Слой- Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves), чтобы создать новый корректирующий слой Кривые (curves), назовите его ‘Color Look’.

Creating new curves adjustment layerCreating new curves adjustment layerCreating new curves adjustment layer

Шаг 2

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

Adjusting curvesAdjusting curvesAdjusting curves

Шаг 3

Идём Слой- Новый корректирующий слой –Уровни (Layer > New Adjustment Layer > Levels), чтобы создать новый корректирующий слой Уровни (levels), назовите его ‘Overall Brightness’.

Creating new levels adjustment layerCreating new levels adjustment layerCreating new levels adjustment layer

Шаг 4

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

Adjusting levelsAdjusting levelsAdjusting levels

Шаг 5

Перейдите на слой ‘Subject’, а затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. Далее, поменять режим наложения для данного слоя на Нормальный (Normal).

Duplicating layerDuplicating layerDuplicating layer

Шаг 6

Теперь нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой. Далее, идём Фильтр – Другое – Цветовой контраст (Filter > Other > High Pass). Установите Радиус (Radius) на 2 px.

Adding high pass filterAdding high pass filterAdding high pass filter

Шаг 7

Поменять режим наложения для данного слоя на Яркий свет (Vivid Light), а также назовите этот слой ‘Subject Sharpening’.

Changing blending modeChanging blending modeChanging blending mode

Мы Завершили Урок!

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

Final resultFinal resultFinal result

Если вы захотите создать более сложные эффекты фоновой подсветки, как на изображении ниже, при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном Dark Fantasy 2 Photoshop Action.

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

У вас есть возможность создавать источник света там, где вы хотите, и в том масштабе, в котором вы хотите. Экшен также создаёт 15 готовых цветовых решений, из которых вы можете выбрать на свой вкус.

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

Action final resultAction final resultAction final result

Возможно вам также понравятся следующие уроки:


One subscription.
Unlimited Downloads.
Get unlimited downloads