Световой эффект в Photoshop

 

 

В этом уроке Мы будем создавать красочные обои со световыми эффектами с использованием векторных текстур. Ссылка на все необходимые материалы находится в конце урока. Что нам потребуется:

изображение звездного неба - galaktica.jpg;

текстура bokeh - aqua_blue.jpg;

фотография галактики - galaktica 1.jpg;

векторные рисунки и звезды.

Итак, начнем.

 

 

Шаг 1

Создайте новый документ в Photoshop и залейте фон черным цветом с помощью инструмента Paint Bucket (G). Затем перейдите в Layer> New> Group (Слой - Новый - Группа) и создайте новую группу "bg". Создайте новый слой внутри этой группы и залейте его цветом # 1f0959. Назовите этот слой "bg" и установите его непрозрачность 50%.

 

 

 

Шаг 2 

Создайте новый слой в группе "bg". Затем выберите мягкую кисть небольшого размера, установите цвет #b52a66 и нарисуйте случайные линии на изображении.

 

 

 

Шаг 3

Щелкните правой кнопкой мыши на слое, созданном в предыдущем шаге, и выберите Convert to Smart Object (Преобразовать в смарт - объект). Затем перейдите в Filter> Blur> Motion Blur и используйте настройки из следующих изображений. Назовите этот слой "color" и установите его непрозрачность  30%.

 

 

 

Шаг 4

Создайте дубликат слоя "color" (щелкните правой кнопкой мыши по нему и выберите Duplicate Layer). Затем перейдите в Edit> Free Transform (Ctrl + T), удерживая клавишу Shift и сделать этот слой меньше. 

Дважды щелкните на новом слое, чтобы открыть окно Layer Style (Стиль слоя) и выберите Color Overlay (Наложение цвета), используя цвет # ffd200. Установите непрозрачность этого слоя 20%.

 

 

 

Шаг 5

Загрузите материалы для урока (ссылка в конце), и откройте в Photoshop изображение galaktica 1.jpg. Затем с помощью инструмента Move Tool (V) переместите его в свой первый документ. Перейти в Edit> Free Transform (Ctrl + T) и изменить размер этого изображения. Добавьте фильтр Motion Blur (Размытие в движении) для этого слоя с настройками, как на следующих изображениях. Назовите этот слой "Texture" и установите его режим смешивания Screen (Осветление), непрозрачность 25%.
 

 

Шаг 6

Создайте новую группу с названием "star", затем новый слой внутри этой группы и заполните его черным цветом. Щелкните правой кнопкой мыши по нему и выберите "Преобразовать в смарт - объект". Перейдите в Filter> Noise> Add Noise (Фильтр - Шум - Добавить шум) и используйте настройки из следующих изображений. Затем перейдите в Filter> Blur> Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) и установите радиус 0.2px. 

Далее Layer> New Adjustment Layer> Levels (Слой - Новый корректирующий слой - Уровни), установите галочку Use Previous Layer to Create Clipping Mask (Использовать предыдущий слой для создания обтравочной маски) и установите настройки из следующих изображений. Затем измените режим наложения группы "star" на Screen (Осветление).

 

Шаг 7

Загрузите изображение звездного неба galaktica.jpg (ссылка в конце урока) и откройте его в Photoshop. Используйте Move Tool (V), чтобы переместить его в группу "star". Затем с помощью Free Transform (Ctrl + T) (Свободная трансформация) измените размер изображения. Назовите этот слой "star 2" и установите его непрозрачность 20%.

 

 

 

Шаг 8

Теперь займемся световыми эффектами. Создайте новую группу "light effects". Создайте новый слой внутри этой группы и используя Rectangular Marquee Tool (M), нарисуйте прямоугольную область, как на рисунке. Затем залейте ее градиентом (G) (от белого цвета к прозрачному) сверху вниз. Комбинацией Ctrl + D снимите выделение.

Используйте инструмент Eraser Tool (E) (Ластик) с большой мягкой кистью, чтобы стереть левую и правую сторону белого слоя градиента. Затем установите режим наложения для группы "light effects" Color Dodge (Осветление основы).

 

Шаг 9

Скройте на время слой, который вы создали в предыдущем шаге. Затем создайте новый слой внутри группы "light effects". Выберите белую мягкую кисть небольшого размера и нарисуйте несколько случайных линий. Щелкните правой кнопкой мыши на этом слое и выберите "Преобразовать в смарт - объект". Перейдите в Filter> Blur> Motion Blur и используйте настройки из следующих изображений. Затем перейдите в Filter> Other> Maximum (Фильтр - Другие - Максимум) и установите радиус 3px, чтобы улучшить эффект. Назовите этот слой "lights".

 

 

Шаг 10 

Дублируйте слой, который Вы создали в шаге 8. Сделайте его видимым и расположите над слоем “lights”. Перейдите в Filter> Noise> Add Noise (Фильтр - Шум - Добавить Шум) и используйте настройки из следующих изображений. Перейдите в Edit> Free Transform (Ctrl + T), удерживая клавишу Shift, вращайте слой до -45 °.

 

 

Шаг 11 

Дублируйте слой, созданный в предыдущем шаге. Для этого выберите инструмент Move Tool (V), удерживая нажатой клавишу Alt, нажмите на изображение и перетащите курсор. Установите непрозрачность этого слоя 30%. 
Таким способом дублируйте слой столько раз, сколько Вы хотите. Установите непрозрачность каждого слоя от 20 до 60%. Взгляните на следующие изображения для справки.

 

 

 

Шаг 12.

Выберите жесткую кисть (Brush Tool (B)) небольшого размера. Затем перейдите в панель кистей (Window> Brushes или F5) и используйте настройки ниже для создания новой кисти. Чтобы сохранить ее, нажмите на кнопку "Создать новую кисть" в нижней части этой панели. 

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

Преобразовать слой в смарт - объект. Затем перейдите в Filter> Blur> Motion Blur (Фильтр - Размытие - Размытие по Гауссу) и используйте настройки из следующих изображений. Вы можете также добавить маску к этому слою с черными углами, чтобы стереть световой эффект оттуда.

 

 

Шаг 13

Выберите Type Tool (T) (Горизонтальный текст) и напишите любое слово, используя жирный шрифт.

 

 

Шаг 14

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

 

Шаг 15

Перейдите в Edit> Free Transform (Ctrl + T) и поверните слой с текстом на -45 °. Затем с помощью инструмента Move Tool (V) переместите его в середину изображения.

 

 

Шаг 16

Создайте новую группу "small text". Выберите Type Tool (T) и напишите несколько слов. Установите заливку для каждого из этих текстовых слоев 0% и используйте те же настройки стиля слоя, которые вы использовали в шаге 14 (можете просто скопировать стиль слоя от предыдущего текста и вставить его в этих слоях). Затем с помощью Free Transform (Ctrl + T) (Свободная трансформация) поверните каждый текстовый слой на -45 °.

 

 

Шаг 17

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

Используйте Free Transform (Ctrl + T) (Свободная трансформация) для уменьшения размера и разместите их по всему изображению. Расположите эти слои внутри новой группы "vector stars" (Ctrl + G) и измените ее режим смешивания на Color Dodge. Установите непрозрачность слоя для каждой звезды от 60 до 100%.

 

Шаг 18

Создайте новую группу "big stars" и установите для нее режим смешивания Color Dodge (Осветление основы), непрозрачность 70%. Затем выберите векторную звезду и измените ее цвет на белый. Переместите звезду в созданную группу. Перейдите в Edit> Free Transform (Ctrl + T) и измените ее размер. Дублируйте этот слой несколько раз и использовать Move Tool (V), разместите звезды как на рисунке. Установите непрозрачность этих слоев 50-70%.

 

Шаг 19

Создайте новую группу "small stars" c режимом смешивания Color Dodge и непрозрачностью 50%. Затем повторите предыдущий шаг, но на этот раз сделайте звезды меньшего размера и расположите их под первыми. Вы можете также добавить маску на эту группу с градиентом (G) от черного к прозрачному, чтобы стереть левую и правую стороны группы.

 

Шаг 20

Откройте в Photoshop скачанную текстуру aqua_blue.jpg. Затем перейдите в Layer > New Adjustment Layer > Black and White (Слой > Новый корректирующий слой > Черно - белый). Используйте настройки ниже, чтобы преобразовать это изображение в черно-белое. Создайте новый слой, перейдите в Image> Apply Image (Изображение - Внешний канал) и нажмите кнопку ОК.

 

 

Шаг 21

Переместите изображение из предыдущего шага в свой первый документ. Перейдите в Edit> Free Transform (Ctrl + T) и измените размер. Затем поместите этот слой над слоем "texture", щелкните правой кнопкой мыши и выберите Create Clipping Mask (Создать обтравочную маску). Установите режим наложения слоя Overlay (перекрытие) и назовите его "bokeh".

 

Шаг 22

Далее Layer > New Adjustment Layer > Black and White (Слой > Новый корректирующий слой > Черно - белый). Используйте настройки как на следующем рисунке. Затем поместите этот слой выше всех остальных, установите режим смешивания Soft Light (Мягкий свет), непрозрачность - 10%. 

 

 

Шаг 23

Создайте новый корректирующий слой  "Карта градиента" (Layer > New Adjustment Layer > Gradient Map) и используйте настройки из следующих изображений. Установите режим наложения для этого слоя - Soft Light (Мягкий свет), непрозрачность - 20%.

 

 

Шаг 24

Добавим резкости изображению. Создайте новый слой поверх всех остальных, перейдите в Image > Apply Image и нажмите кнопку ОК. Преобразуйте слой в смарт - объект. Затем перейдите в Filter> Other> High Pass (Фильтр - Другие - Цветовой контраст) и установите радиус 1.2px. Режим наложения этого слоя - Hard Light (Жесткий свет), непрозрачность - 35%. Назовите его "high pass".

 

 

Конечный результат. 

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

 

 

Перевод урока с сайта http://grafpedia.com 

Смотреть результат в оригинальном размере

Скачать материалы для урока:

 

Скачать с DepositFiles

{jcomments on}