В этом уроке Photoshop пойдет речь о создании очлично смотрящегося эффекта свечения с использованием стилей слоя, инструмента Pen Tool и наложении цветов. Результат действительно великолепный и надеюсь, Вы узнаете пару трюков, о которых не знали ранее.
1. Начнем с создания радиального градиента от красно-коричневого к черному.
Используемые цвета: цвет для переднего плана - #922f00, для фона - #000000.


2. В этом уроке нам необходим интенсивный цвет в центре градиента, поэтому мы скопируем слой с градиентом и сменим режим наложения слоя на Color Dodge. Среди методов наложения различают методы для затеменения, осветления, придания и инвертирования цветов. Как Вы можете наблюдать на скриншоте ниже, цвет в центре стал насыщенее.

3. В нашем эффекте свечения будет уместно иметь некую текстуру на фоне. Добавим дымки. Для этого убедитесь, что рабочие цвета у Вас белый и черный, для этого нажмите D, а затем X на клавиатуре.

Теперь идем в Filter > Render > Clouds, таким образом мы создали эффект облаков для текстуры.

 

 

4. Теперь установите режим наложения слоя в Overlay и понизьте прозрачность слоя Opacity до 30%. Этого будет достаточно, но все еще у нас текстура слабо напоминает дымку.

Поэтому идем в Filter > Sketch > Chrome, настройки оставляем по умолчанию 4 и 7 для детализации и сглаживания. В принципе, Вы можете изменить настройки на Ваш вкус, но стандартные вполне подойдут.

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

 

 

5. Теперь прежде, чем мы приступим к созданию свечения, у нас должно быть что-то, от чего будет исходить то самое свечение. Возьмем инструмент Pen Tool (P). Все, что нам нужно - это кривая в форме S. Для нее нам нужно всего 3 точки:

 

 

6. У нас есть кривая, теперь возьмите инструмент Brush Tool (B) и выберите небольшую жесткую ксить. Как Вы знаете, мягкая кисть - она более размытая, жесткая - с более резкими краями. В этом уроке я использовал кисть диаметром 3px.

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

 

 

7. Теперь переключитесь снова на инструмент Pen Tool (P), сделайте клик правой кнопкой мыши на кривой и перед Вами появится диалоговое окно, как на скриншоте ниже. Выберите Brush и убедитесь, что стоит галочка у Simulate Pressure. Это очень важно, т.к. это сделает концы кривой более тонкими, имитируя "нажим".

Затем кликните еще раз правой кнопкой мыши и выберите Delete Path.

 

 

8. У Вас должно получится что-то вроде этого:

 

 

9. Теперь добавим свечения. Самый простой путь создать свечение у объекта - это настроить стили слоя, а самый простой способ понять как работают настройки слоя - это скачать исходный файл к этому уроку в формате .psd внизу этой страницы.

Зайдите в настройки Blending options для слоя с кривой, это Вы можете сделать, кликнув по слою на палитре слоев правой кнопкой мыши и выбрав Blending Options. Там я активировал опцию Outer Glow и Drop Shadow, т.к. я хотел добиться более сильного эффекта. Во вкладке Shadow Вы можете изменить дистанцию для тени и сменить режим наложения на Color Dodge.

Я также использовал Color Overlay, чтобы задать белый цвет для центра кривой, т.о. свечение стало более интенсивным.

 

 

10. У нас есть одна линия, но для эффектного свечения будет маловато. Положительным моментом в задании настроек для стиля слоя, является то, что их можно копировать и вставлять, другими словами задав однажды нужные настройки, Вы можете в дальнейшем просто вставлять их, применяя к другим слоям. Для этого необходимо воспользоваться командами Copy Layer Style и Paste Layer Style в выпадающем меню, если кликнуть правой кнопкой мыши по слою на палитре слоев.

 

 

11. Теперь повторите процесс, чтобы создать еще несколько кривых. Я сделал одну кривую более толстую, изменив диаметр для кисти, когда задавал Stroke Path. В итоге я создал 3 кривых и удалил лишнее инструментом Eraser (E). В итоге получился некий треуголльник.

12. Я добавил некоторый текст и применил те же стили слоя, что и для слоев с кривыми.

Играя с настройками для текста, Вы может добиться различных интересеных результатов, например изменять тип шрифта, начертание, расстояние между символами и др. Я, например, сделал текст GLOW довольно большим, затем я добавил еще две надписи Advanced и FX, сделал их намного меньше, но я увеличил расстояние между символами. В результате выглядит все гармонично.

Управлять расстоянием между символами Вы можете на палитре Character. Вы можете открыть ее через Window > Character.

 

 

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

 

 

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

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

 

 

15. Теперь смените режим наложения слоя на Color и уменьште прозрачность слоя Opacity до 50%.

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

Я сменил у всех таких слоев режим наложения на Color и понизил прозрачность слоев.

 

 

16. И вот он результат, эффект свечения с применением цветовых эффектов и легкой дымки, выглядит отлично, не правда ли? :)

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

Удачи!

 

 

Скачать .psd для этого урока: sample_glow.zip [1,53 Mb] (cкачиваний: 3182)

Via