Vectorboom
Уроки / Векторные Эффекты / Comments: 8

Создаем векторную вспышку светяшку в Иллюстраторе

Ярослав Лазунов
16.11.2015
Цель Урока

This article was originally published on Vectips.com in English. You can view the original article here...

Сегодня мы научимся создавать вспышку света на полупрозрачном фоне, используя простые векторные объекты, режимы смешивания и Flare Tool.

Шаг 1

Создадим новый документ (File > New…). Установим размеры арт-боард – 600x600px. Выбираем RGB цветовой режим.

Шаг 2

Приступим к созданию полупрозрачного фона. Это довольно популярный сегодня элемент оформления. Создадим светло-серый квадрат при помощи Rectangle Tool (M). Размеры этого прямоугольника должны соответствовать размерам арт-боард.

Теперь в левом верхнем углу рабочей области создадим квадрат темно-серого цвета с размерами 20x20px.

Шаг 3

Выделяем темно-серый квадрат, затем переходим Effect > Distort & Transform > Transform… и устанавливаем горизонтальное смещение= 40px и 14 копий в диалоговом окне.

Применим эффект Transform еще раз и установим значения и опции, указанные на рисунке ниже.

Благодаря этим действиям теперь наш фон выглядит как шахматная доска.

Шаг 4

Создадим новый квадрат с размерами рабочей области и зальем его темно-синим цветом, например R= 5; G= 11; B=20.

Дублируем этот квадрат (Cmd/Ctrl + C; Cmd/Ctrl + F). Применяем к этому объекту линейный градиент от серого цвета (K= 50) к белому цвету.

Шаг 5

Выделяем два верхних квадрата, затем нажимаем на кнопку Make Mask в панели Transparency для создания маски.

Полупрозрачный фон готов, можно приступать к созданию вспышки.

Шаг 6

При помощи Ellipse Tool (L) создадим окружность в центре рабочей области. Заливаем окружность радиальным градиентом от серого цвета (K= 30) к черному цвету (R= 0; G= 0; B= 0).

Применяем к этому объекту режим смешивания Color Dodge в панели Transparency.

Шаг 7

Дублируем окружность (Cmd/Ctrl + C; Cmd/Ctrl + F). Заменим серый цвет белым у градиента верхней окружности.

При помощи Selection Tool (V) трансформируем верхнюю окружность в эллипс и повернем на произвольный угол.

Шаг 8

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

Шаг 9

Создаем окружность с заливкой радиальным градиентом от серого цвета (K= 50) к черному цвету (R= 0; G= 0; B= 0) и помещаем ее в центре звезды.

Применяем к окружности режим смешивания Screen в панели Transparency.

Шаг 10

Берем Flare Tool и кликаем в центре верхнего круга. В открывшемся диалоговом окне устанавливаем параметры подобные, указанным на рисунке ниже.

Не думаю, что все объекты flare здесь нужны. Выделяем Flare, затем переходим Object > Expand… и выбираем только опцию Object в диалоговом окне.

Шаг 11

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

И отредактировать цвета градиентов любой из окружностей, которые ранее входили в Flare объект.

Я обесцветил все градиенты для того чтобы вспышку можно было использовать на фоне любого цвета.

Всего комментариев: 7
0
1  
Добрый день. Не получается шаг 5. Выделяю 2 верхних квадрата, но на панели "прозрачности" отображается только серый квадрат. Нет изображения синего квадрата и "цепи" .

0
2  
может объект заблокирован?

0
3  
вроде нет. все выделила и в "слоях" тоже видно что активно 2 квдрата

0
4  

0
5  

хороший урок, пригодится)

0
6  
У меня нет кнопки прикрепить файл.Как вставить сюда готовую работу?

0
7  
нажать на кнопку вставить изображение, затем добавить ссылку на работу в появившемся пустом поле

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.