ресурс для начинающих веб-разработчиков
комплексные веб-услуги по созданию сайтов

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

Разработка отдельных фрагментов сайтов, консультации по вопросам верстки веб-страниц и веб-программирования.

Расширенный эффект свечения Glow

Расширенный эффект свечения

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

Создадим новый документ Файл ⇒ Создать с параметрами указанными на рисунке и зальем его радиальным градиентом.

Параметры изображения

Параметры градиента

Рисунок после заливки градиентом

Продублируем фоновый слой и установим режим наложения слоя Осветленные основы.

Рисунок после создания дубликата слоя

Фон рисунка стал значительно ярче. Теперь изобразим что-то подобие дымки. Для этого создадим новый слой. Нажмем клавишу D и установим черно-белую палитру цветов. Выберем меню Фильтр ⇒ Рендеринг ⇒ Облака. Рисунок примет следующий вид.

Рисунок после применения фильтра Облака

Установим параметр Непрозрачность 30%. Выберем меню Фильтр ⇒ Эскиз ⇒ Хром и установим параметры Детализация 4 Смягчение 7.

Параметры фильтра Хром

Перейдем в панель Слои и установим Непрозрачность 30% и режим наложения Затемненные основы.

Выберем инструмент Перо и нарисуем с его помощью S ообразную кривую.

Рисунок с контуром

Создадим новый слой и откроем инструмент Кисть. Установим параметры кисти согласно рисунка (Плоская тупая кисть с жесткой щетиной ризмером 3 пикс).

Параметры инструмента Кисть

Вернемся к инструменту Перо. Щелкнем правой кнопкой мыши по контуру и в появившемся контекстном меню выберем пункт Обводка по контуру. Появится диалоговое окно Выполнить обводку по контуру.

Диалоговое окно Выполнить обводку по контуру

Нажмем ОК.

Еще раз щелкнем по контуру правой кнопкой мыши и в контекстном меню выберем пункт Удалить контур.

Рисунок после обводки контура

Чтобы создать эффект свечения воспользуемся стилями слоя. Установим параметры стилей слоя согласно рисунка.

Параметры стиля слоя Тень

Параметры стиля слоя Наложение цвета

Рисунок после применения стилей слоя

Для усиления эффекта свечения создадим дубликат слоя. Можно повторить это несколько раз.

Рисунок после создания копии слоя

Создадим, используя предыдущие шаги, еще один слой с контуром и сделаем обводку контура кистью с жесткой щеткой размером 4 пикс.

Рисунок после создания нового контура

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

Рисунок после создания дубликата слоя

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

Рисунок после вклеивания стилей слоя

Создадим еще один слой. Выберем инструмент Кисть и откроем панель Окно ⇒ Кисть. Настроим параметры кисти согласно рисунка..

Параметры инструмента кисть

Параметр Форма отпечатка кисти

Параметр Динамика формы

Параметр Рассеивание

Нанесем кистью мазки примерно так, как на рисунке.

Рисунок после работы кистью

Создадим еще один слой и нарисуем на нем синий с белым градиент и проведем с левого верхнего угла в правый нижний угол рисунка

Слой с градиентом.

Установим режим наложения слоя Цветность и Непрозрачность 50%.

Рисунок после корректировни режима наложения и непрозрачности слоя

Теперь напишем текст и поэксперементируем с параметрами стиля слоя.

Панель Слои

Внизу рисунок после использования стилей слоя, рядом с ним рисунок после добавления корректирующего слоя Цветовой баланс.

Рисунок после создания текста и использования стилей слоя Рисунок после использования корректирующего слоя Цветовой баланс

Оригинал метода находится на сайте psd tuts+.