7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Добавляем Огни на Дерево в Adobe Photoshop

Scroll to top
Read Time: 10 mins

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

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

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

Action final resultAction final resultAction final result

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

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

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

Шаг 1

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

  1. Ваша исходная фотография должна быть в цветовом режиме RGB8 бит/канал (8 Bits/Channel). Чтобы проверить это, идём Изображение – Режим (Image > Mode).
  2. Для получения наилучшего результата, размеры вашей исходной фотографии должны быть в пределах 2000–4000 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 imageCropping imageCropping image

2. Создаём Сверкающие Огни

Шаг 1

В этой части урока мы создадим сверкающие огни. Идём Слой- Новый- Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Временный_1 (Temp_1).

Creating a new layerCreating a new layerCreating a new layer

Шаг 2

Нажмите клавишу ‘D’, чтобы установить цвета по умолчанию. Далее, идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне, установите Содержимое (Contents) на Цвет переднего плана (Foreground Color), Режим (Mode) на Нормальный (Normal) и Непрозрачность (Opacity) на 100%, как показано на скриншоте ниже:

Filling layerFilling layerFilling layer

Шаг 3

Теперь идём Фильтр- Оформление- Меццо-тинто (Filter > Pixelate > Mezzotint), установите Шрифты (Type) на Крупные точки (Coarse Dots), как показано на скриншоте ниже:

Adding mezzotint filterAdding mezzotint filterAdding mezzotint filter

Шаг 4

Идём Выделение – Цветовой диапазон (Select > Color Range) и с помощью инструмента Пипетка (Eyedropper Tool), выделите белый цвет, щёлкнув по отдельным белым частицам на вашем изображении. Установите значение Разброса (Fuzziness) на 200, а затем Выделение- Выделение и Маска (Select > Select and Mask), установите следующие настройки, которые указаны на скриншоте ниже:

Making and refining the selectionMaking and refining the selectionMaking and refining the selection

Шаг 5

Теперь отключите видимость данного слоя, а затем идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Временный_2 (Temp_2).

Creating a new layerCreating a new layerCreating a new layer

Шаг 6

Установите цвет переднего плана на #ffffff. Далее, идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне, установите Содержимое (Contents) на Цвет переднего плана (Foreground Color), Режим (Mode) на Нормальный (Normal) и Непрозрачность (Opacity) на 100%, как показано на скриншоте ниже. Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Filling selectionFilling selectionFilling selection

Шаг 7

Теперь щёлкните правой кнопкой мыши по слою Временный_1 (Temp_1) и в появившемся окне, выберите опцию Удалить слой (Delete Layer). Далее, перейдите на слой Временный_2 (Temp_2), нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. После этого идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 2.5 px, как показано на скриншоте ниже:

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Шаг 8

Нажмите клавиши (Ctrl+J), чтобы ещё раз продублировать данный слой. Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 5 px, как показано ниже. Далее, ещё раз нажмите клавиши (Ctrl+J), а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 9.5 px, как показано на скриншоте ниже:

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Шаг 9

Теперь дважды нажмите клавиши (Ctrl+J), чтобы дважды продублировать данный слой. Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 55 px, как показано ниже.

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Шаг 10

Ещё раз дважды нажмите клавиши (Ctrl+J), чтобы ещё раз дважды продублировать данный слой. Далее, удерживая клавишу (Shift), щёлкните по слою Временный_2 (Temp_2), чтобы выделить все слои, расположенные между выделяемыми слоями, а затем нажмите клавиши (Ctrl+E), чтобы объединить их в один слой.

Merging layersMerging layersMerging layers

Шаг 11

Нажмите клавиши (Ctrl+J), чтобы продублировать данный объединённый слой. Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 7 px. Ещё раз нажмите клавиши (Ctrl+J), а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 28 px.

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Шаг 12

Теперь, удерживая клавишу (Shift), щёлкните по слою Временный_2 копия 7 (Temp_2 copy 7), чтобы выделить все слои, расположенные между выделяемыми слоями, а затем нажмите клавиши (Ctrl+E), чтобы объединить их в один слой. Назовите полученный объединённый слой Сверкающие огни_1 (Sparkles_1).

Merging layersMerging layersMerging layers

Шаг 13

Далее, мы добавим ещё больше сверкающих огней. Идём Слой- Новый- Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Временный_1 (Temp_1).

Creating a new layerCreating a new layerCreating a new layer

Шаг 14

Установите цвет переднего плана на #000000, далее, идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне, установите Содержимое (Contents) на Цвет переднего плана (Foreground Color), Режим (Mode) на Нормальный (Normal) и Непрозрачность (Opacity) на 100%, как показано на скриншоте ниже:

Filling layerFilling layerFilling layer

Шаг 15

Теперь идём Фильтр- Оформление- Меццо-тинто (Filter > Pixelate > Mezzotint), установите Шрифты (Type) на Крупные точки (Coarse Dots), как показано на скриншоте ниже:

Adding mezzotint filterAdding mezzotint filterAdding mezzotint filter

Шаг 16

Идём Выделение – Цветовой диапазон (Select > Color Range) и с помощью инструмента Пипетка (Eyedropper Tool), выделите белый цвет, щёлкнув по отдельным белым частицам на вашем изображении. Установите значение Разброса (Fuzziness) на 200, а затем идём Выделение- Выделение и Маска (Select > Select and Mask), установите следующие настройки, которые указаны на скриншоте ниже:

Making and refining the selectionMaking and refining the selectionMaking and refining the selection

Шаг 17

Теперь отключите видимость данного слоя, а затем идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Временный_2 (Temp_2).

Creating a new layerCreating a new layerCreating a new layer

Шаг 18

Установите цвет переднего плана на #ffffff, далее, идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне, установите Содержимое (Contents) на Цвет переднего плана (Foreground Color), Режим (Mode) на Нормальный (Normal) и Непрозрачность (Opacity) на 100%, как показано на скриншоте ниже. Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Filling selectionFilling selectionFilling selection

Шаг 19

Теперь щёлкните правой кнопкой мыши по слою Временный_1 (Temp_1) и в появившемся окне, выберите опцию Удалить слой (Delete Layer). Далее, перейдите на слой Временный_2 (Temp_2), нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. После этого идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 2.5 px, как показано на скриншоте ниже:

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Шаг 20

Нажмите клавиши (Ctrl+J), чтобы ещё раз продублировать данный слой. Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 5 px, как показано ниже. Далее, ещё раз нажмите клавиши (Ctrl+J), а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 9.5 px, как показано на скриншоте ниже:

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Шаг 21

Теперь дважды нажмите клавиши (Ctrl+J), чтобы дважды продублировать данный слой. Далее, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 55 px, как показано ниже.

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Шаг 22

Ещё раз дважды нажмите клавиши (Ctrl+J), чтобы ещё раз дважды продублировать данный слой. Далее, удерживая клавишу (Shift), щёлкните по слою Временный_2 (Temp_2), чтобы выделить все слои, расположенные между выделяемыми слоями, а затем нажмите клавиши (Ctrl+E), чтобы объединить их в один слой.

Merging layersMerging layersMerging layers

Шаг 23

Назовите полученный объединённый слой Сверкающие огни_2 (Sparkles_2). Переместите данный слой вниз в палитре слоёв, расположив ниже слоя Сверкающие огни_1 (Sparkles_1).

Arranging layersArranging layersArranging layers

Шаг 24

Теперь удерживая клавишу (Ctrl), щёлкните по слою Сверкающие огни_1 (Sparkles_1), чтобы одновременно выделить оба слоя. Далее, идём Слой – Новый – Сгруппировать из слоёв (Layer > New > Group from Layers), чтобы создать новую группу из выделенных слоёв. Назовите новую группу Сверкающие огни (Sparkles).

Creating new group from layersCreating new group from layersCreating new group from layers

Шаг 25

Идём Слой- Слой-маска – Скрыть всё (Layer > Layer Mask > Hide All), чтобы добавить слой-маску, которая скроет содержимое группы. Далее, установите цвет переднего плана на #ffffff, выберите инструмент Кисть (Brush Tool (B), установите мягкую кисть. После этого, прокрасьте кистью те участки, где вы хотите, чтобы появились сверкающие огни.

Brushing into maskBrushing into maskBrushing into mask

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

Шаг 1

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

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

Шаг 2

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

Adjusting curvesAdjusting curvesAdjusting curves

Шаг 3

Идём Слой- Новый корректирующий слой –Цветовой Баланс (Layer > New Adjustment Layer > Color Balance), чтобы создать новый корректирующий слой цветовой баланс, назовите этот корректирующий слой Цветовая коррекция_2 (Color_2). Далее, сместите данный корректирующий слой вниз в палитре слоёв, расположив ниже корректирующего слоя Цветовая коррекция_1 (Color_1).

Creating new color balance adjustment layerCreating new color balance adjustment layerCreating new color balance adjustment layer

Шаг 4

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

Adjusting color balanceAdjusting color balanceAdjusting color balance

Шаг 5

Идём Слой- Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves), чтобы создать новый корректирующий слой, назовите этот корректирующий слой Цветовая коррекция_3 (Color_3). Далее, сместите данный корректирующий слой вниз в палитре слоёв, расположив ниже корректирующего слоя Цветовая коррекция_2 (Color_2).

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

Шаг 6

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

Adjusting curvesAdjusting curvesAdjusting curves

Шаг 7

Перейдите на слой Цветовая коррекция_1 (Color_1), нажмите клавишу ‘D’, чтобы установить цвета по умолчанию. Далее, идём Слой- Новый корректирующий слой – Карта градиента (Layer > New Adjustment Layer > Gradient map), чтобы создать новый корректирующий слой с картой градиента. Назовите этот корректирующий слой Общий контраст (Overall Contrast).

Creating new gradient map adjustment layerCreating new gradient map adjustment layerCreating new gradient map adjustment layer

Шаг 8

Теперь поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 19%.

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Шаг 9

Далее, идём Слой- Новый корректирующий слой – Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation), чтобы создать новый корректирующий слой, назовите его Общая Насыщенность (Overall Saturation).

Creating new hue and saturation adjustment layerCreating new hue and saturation adjustment layerCreating new hue and saturation adjustment layer

Шаг 10

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

Adjusting saturationAdjusting saturationAdjusting saturation

Шаг 11

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

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

Шаг 12

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

Adjusting levelsAdjusting levelsAdjusting levels

Шаг 13

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

Adding high pass filterAdding high pass filterAdding high pass filter

Шаг 14

Назовите этот слой Общая Резкость (Overall Sharpening). Поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light).

Changing blending modeChanging blending modeChanging blending mode

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

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

Final resultFinal resultFinal result

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

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

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

Action final resultAction final resultAction final result
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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.