Световые эффекты при помощи вектора и Fireworks

Сегодня у нас не обычный урок. В отличие от других уроков на Хронофаге, в этот раз мы будем работать в программе Adobe Fireworks. Что это за программа и чем она лучше чем Фотошоп доступно изложено в статье Photoshop против Fireworks. Это не значит, что в дальнейшем уроков по Фотошопу будет меньше. Однако постепенно тематика нашего блога будет расширяться. Автор этого урока — Caio Call, урок написан для ресурса  vector.tutsplus.comCaio Call — бразильский веб дизайнер, автор множества уроков и фрилансер с 2004 года. Перевод подготовлен специально для Хронофаг.ру

[divider top=»0″]

В этом уроке вы научитесь создавать крутые эффекты с угасающим светом, созданным при помощи линейного градиента в векторе в программе Adobe Fireworks. Добиться такого эффекта действительно просто и занимает несколько минут. Создаем угасающий свет при помощи вектора, затем конвертируем его в битмап и применяем эффекты в Fireworks.

Окончательный вариант

До того как начнем, посмотрим на окончательный вариант нашей работы.

Создаем фигуру через Pen Tool

Вначале найдем приличное фото. Я использовал фотографию с сайта sxc.hu Скачать это фото можно тут. Затем создайте векторную фигуру инструментом Pen Tool (P) как показано на изображении ниже. Экспериментируйте с инструментом и создавайте новые, не похожие на первую фигуру шейпы.

Заливаем градиентом

Выделите фигуру и переключите цвет в режим Linear. Затем поменяйте видимость с одной стороны до 0%. Затем сдвиньте ползунок к другой стороне, там где цвет остался. И опять, экспериментируйте с цветом, степенью видимости невидимости.

Контролируйте направление видимого излучения света, как показано ниже.

Растрируем фигуру

Конвертировать вектор в битмап очень просто. Перейдите Modify > Flatten Selection. Скопируйте этот вектор несколько раз и каждый раз трансформируйте его иным образом через инструмент Scale Tool (Q).

Рисуем новые фигуры

Создайте векторную окружность точно так же как в предыдущем шаге. Точно так же как и ранее выберите заливку линейного градиента Linear. С теми же настройками. Затем растрируйте Modify > Flatten Selection, скопируйте несколько раз и трансформируйте инструментом Scale Tool (Q)

Раскрашиваем в Hue/Saturation

Небольшой секрет. Не нужно делать отельные векторные фигуры для каждого цвета. Цвет можно поменять при помощи Hue/Saturation. Включите Filters > Adjust Color/Hue/Saturation, затем настройте цвет так, как на картинке ниже. Не забудьте отметить галочку Colorize. Подойдите к процессу творчески, используйте разные цвета и их оттенки.

Если вы поменяли цвет у одной фигуры, то давайте поменяем цвета всех фигур. Сделать это можно в том же самом окне Hue/Saturation effect, просто меняйте конфигурации окна. Не забудьте оставить несколько фигур белого цвета. Они нам понадобятся для работы дальше.

Применяем фильтр Twist and fade

Выберите по различной форме из тех что мы создали и сделайте три копии. Затем примените трансформацию инструментом Scale Tool (Q). Выберите все части фигуры и примените эффект Commands > Creative > Twist and fade. Фильтр Twist and fade — это мощный эффект по размножению фигур и созданию из них разнообразных узоров. В данном случае нам он нужен лишь для того чтобы размножить элементы получив фигуры разного размера.

Если у вас не получится так же как на картинке, не беспокойтесь. Результат генерируется случайным образом и получить одно и то же два раза очень сложно.

Выберите все шейпы, которые мы создали. Теперь примените другую комбинацию группы, с другими размерами и цветами. Выберите все её части и снова примените Commands > Creative >Twist and fade.

Проявите творчество. Применяйте эффект к разным цветам, комбинациям и формам. Вначале мы создаем форму, затем меняем цвет. Продолжайте создавать группы с тремя или более частыми. А затем применяйте Twist and Fade Effect. При необходимости меняем цвет в Hue/Saturation

Окружность и размытие Blur

Добавим других деталей. Создайте окружность на изображении ниже. Выделите окружности и примените фильтр размытия Filters > Blur > Gaussian Blur

Результат можно растрировать Modify> Flatten Selection. Продублируйте его и по разному трансформируйте Scale Tool (Q).

Повторяем Twist and fade

Выберите части и примените Commands > Creative > Twist and fade

Эффект Twist and Fade применяйте к группе из трех или более фигур. После повторите эффект с другой группой. Так у вас получится больше элементов. Затем разместите их в разных частях картинки.

Собираем композицию

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

Заключение

Добавляйте больше цветов, используйте частичную видимость если хотите. Изменяйте цвета при помощи Hue/Saturation и снова применяйте эффект Twist and fade effect

Окончательный результат

Окончательный вариант моей картинки.

Постовой: Как трактовать наши сны? Как понять что предвещают во сне родственники, умершие, деньги, к чему снится любимый и другие видения? Ответы на эти вопросы вам даст сонник Сонан, по адресу sonan.ru