Эффект свечения

Написал elfik, 26-08-2010, 10:41, в Уроки Photoshop » Креатив

1. Начнем с создания радиального градиента от красно-коричневого к черному. 
Используемые цвета: цвет для переднего плана - #922f00, для фона - #000000.

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

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

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

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

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

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

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. И вот он результат, эффект свечения с применением цветовых эффектов и легкой дымки, выглядит отлично, не правда ли? biggrin 

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

Удачи!

Оставить комментарий
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.