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

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

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

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

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

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

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

Световой эффект Чака Андерсона Jumper

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

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

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

Фон рисунка после заливки цветом

Создадим новый слой и зальем его черным цветом. Установим режим наложения для слоя Осветвленные основы. Затем откроем Фильтр ⇒Рендеринг ⇒ Волокна. Откроется диалоговое окно Волокна. Установим параметры фильтра согласно рисунка.

Параметры фильтра Волокна

Продублируем слой.

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

Используя, клавиши стрелки, передвиним изображение слоя Слой 1 копия в крайнее левое положение (оно уйдет за пределы холста). Выделим оба слоя и объединим их Ctrl+E.

Перейдем в меню Фильтр ⇒ Размытие ⇒ Размытие по Гауссу и установим параметры размытия согласно рисунка.

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

Далее откроем меню Фильтр ⇒ Имитация ⇒ Целлофановая упаковка.

Меню Фильтр

Откроется диалоговое окно Целлофановая упаковка. Установим параметры окна согласно рисунка (Подсветка 5, Детализация 15, Смягчение 15).

Параметры фильтра Целофановая упаковка

Рисунок примет следующий вид.

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

Добавим еще размытия Фильтр ⇒ Размытие ⇒ Радиальное размытие. Установим параметры фильтра согласно рисунка.

Параметры фильтра Радиальное размытие

Трансформируем рисунок Ctrl + T, повернам изображение на -45°, сожмем и растянем его примерно так, как показано на рисунке.

Трансформация рисунка

Откроем меню Редактирование ⇒ Трансформирование ⇒Деформация и расположим маркеры примерно как показано на рисунке.

Трансформация рисунка

Теперь перейдем в меню Слои ⇒ Новый корректирующий слой ⇒ Яркость/Контрастность и установим параметры слоя согласно рисунка.

Параметры корректирующего слоя

Рисунок примет следующий вид.

Рисунок после применения корректирующего слоя

Выберем инструмент Осветитель с параметрами указанными на панели Опции.

Параметры инструмента Осветитель

Активируем слой Слой 1 копия и начнем рисовать кистью осветителя приметно в тех местах, как показано на рисунке. Кроме этого, для затемнения некоторых мест будем использовать инструмент Затемнитель из этой же группы. Причем используйте при этом кисть и Осветителя и Затемнителя разного размера и экспозиции.

Рисунок после использования Оветителя и Затемнителя

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

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

Создадим тень на всех световых лучах, использую данный прием.

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

Создадим новую папку Огни и расположим ее наверху панели Слои. Установим режим наложения слоя Осветвленные основы. Создадим новый слой внутри папки.

Панель Слои

Выберем инструмент Кисть белого цвета, с параметрами согласно рисунка.

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

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

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

Откроем меню Фильтр ⇒ Размытие ⇒ Размытие в движении и установим параметры фильтра согласно рисунка.

Параметры фильтра Размытие в движении

Продублируем слой, переместим луч и изменим его размер.

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

Активируем слой Слой1 копия. Выберем мнструмент Осветитель с параметрами согласно рисунка.

Создадим с помощью Осветителя сияющий эффект на границе луча. Чтобы сделать это, удерживайте клавишу Shift, перемещайте щетку от одной точки луча до другой и щелкните левой кнопкой мыщи на конечной точке.

Рисунок после использования щетки

Создадим новый слой и расположим его на самой верхней позиции панели Слои и зальем его черным цветом.

Панель Слои

Перейдем в меню Фильтр ⇒ Шум ⇒ Добавить шум и установим параметры фильтра согласно рисунка.

Параметры фильтра Добавить шум

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

Параметры формы отпечатка кисти Параметры динамики формы

Параметры рассеивания

А теперь, используя разные рамеры кисти, нарисуем искры.

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

Теперь можно разместить на рисунке фотографию, например автомобиля, и сделать надпись.

Если применить к рисунку корректирующий слой, например, Цветовой тон/Насыщенность или Цветовой баланс, то гамма цветов примет другой вид. Поэксперементируйте.

Финишный рисунок Рисунок после коррекции Цветового баланса