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

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

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

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

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

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

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

Создание эффекта Водоворот света

Создание эффекта Водоворот света

Рассмотрим еще один эффект представляющий собой водоворот света. Эффект создается уже известными нам инструментами и фильтрами, которые мы использовали на предыдущих уроках.

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

Параметры нового документов

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

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

Выберем для кисти белый цвет и нарисуем прямую линию сверху вниз, удерживая клавишу Shift.

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

Откроем меню Фильтр ⇒ Искажение ⇒ Искривление. Откроется диалоговое окно Искривление. Создадим зигзагообразную линию примерно как на рисунке и нажмем ОК.

Параметры фильтра Искривление

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

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

Применим элементы светового эффекта, который мы рассматривали здесь.

Создадим новый слой и зальем его темно-синим цветом #01294d. Установим режим наложения слоя Осветвленныйе основы.

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

Создадим новый слой и зальем его черным цветом. Установим режим наложения слоя Осветвленныйе основы. Уберем значек видимость, со слоя Слой 1.

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

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

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

Параметры фильтра Размытие по Гауссу

Теперь откроем Фильтр ⇒ Имитация ⇒ Целлофановая упаковка. Установим параметры фильтра согласно рисунка.

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

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

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

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

Повернем рисунок слоя Ctrl +T на -45°и растянем его как показано на рисунке.

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

Применим к слою инструмент Осветитель с параметрами указанными на рисунке и удерживая клавишу Shift проведем прямую по диагонали.

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

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

Выделим с помощью инструмента Прямолинейное лассо правую часть рисунка от луча и с помощью инструмента Затемнитель создадим тень и выравним фон рисунка.

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

Настроим параметры инструмента Осветитель согласно рисунка и усилим эффект луча.

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

Проведем лучи примерно как показано на рисунке, изменяя их непрозрачность на 50%, 20% и 10% с помощью Редактирование ⇒ Ослабить: инструмент Осветитель.

Диалоговое окно: Ослабить

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

Создадим новый слой, зальем его черным цветом и установим режим наложения слоя Осветленные основы. Откроем меню Фильтр ⇒ Шум ⇒ Добавить шум.

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

Откроем видимость слоя Слой 1 и активируем слой.

Рисунок после открытия видимости слоя Слой 1

С помощью инструмента Свободное трансформирование Ctrl + T повернем спираль и расположим по ценру проходящих лучей.

Трансформирование объекта

Откроем инструмент Фоновый ластик и уберем некоторые части спирали.

Рисунок после применения инструмента Фоновый ластик

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

Параметры фильтра Размытие по Гауссу

Теперь подкорректируем цветовую гамму нашей спирали Ctrl + U.

Параметры цветового тона/Насыщенность

Рисунок после коррекции

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

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

Динамика формы

Рассеивание

Применим настроенную кисть.

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

Вот так выглядит рисунок после применения корректирующих слоев.

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