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

Как создать абстрактный фон, используя Adobe Illustrator, плагины Vector Scribe и Phantasm CS

Ярослав Лазунов
15.05.2013
Цель урока
Как создать абстрактный векторный фон, используя Adobe Illustrator, Vector Scribe плагин и Phantasm CS

В этом уроке мы создадим абстрактный фон, используя очень простые техники. Посмотрите на кольца, разве они похожи на векторные объекты? Я не использовал растровые эффекты и тем более Photoshop в этой работе. Изучите предложенную технику, и вы станете властелином векторных колец.

Шаг 1

Берем Rectangle Tool (M) и создаем прямоугольник. Заливаем прямоугольник черно-белым радиальным градиентом, который трансформируем в эллиптический.

Шаг 2

При помощи Rectangle Tool (M) создадим еще один прямоугольник. Высота этого прямоугольника должна быть больше высоты первого прямоугольника, ширина не имеет значения.

Дублируем этот прямоугольник и распределяем копии по поверхности фона (удерживайте клавиши Opt / Alt + Shift во время перетаскивания).

Шаг 3

Изменяем ширину вертикальных прямоугольников в произвольном порядке и заливаем их разными оттенками серого цвета.

Выделяем и группируем все вертикальные прямоугольники (Cmd / Ctrl + G). Теперь, не снимая выделения с этой группы, переходим Object > Transform > Rotate… и устанавливаем угол -45 градусов в диалоговом окне.

Шаг 4

Установим для группы прямоугольников режим смешивания Overlay и 50% прозрачности в панели Transparency.

Выделяем несколько центральных прямоугольников при помощи Direct Selection Tool (A) или Lasso Tool (Q) и группируем их (Cmd / Ctrl + G)

Вынесем созданную группу из общей группы прямоугольников. Эту манипуляцию проделайте в палитре слоев. Заливаем верхнюю группу линейным черно-белым градиентом под углом -135 градусов.

Устанавливаем для этой группы режим смешивания Overlay в панели Transparency.

Шаг 5

Копируем нижний прямоугольник, залитый радиальным градиентом, и вставляем его вперед (Cmd / Ctrl + C, Cmd / Ctrl +F). Теперь разместим его выше всех объектов (Shift + Cmd / Ctrl + ])

Выделяем все объекты (Cmd / Ctrl + A) и нажимаем на клавиши Cmd / Ctrl + 7, создавая Clipping Mask.

Шаг 6

Теперь приступим к созданию светящихся колец. Форму кольца создадим при помощи Dynamic Shapes Tool – одного из инструментов плагина VectorScribe. Итак, берем Dynamic Shapes Tool и открываем одноименную панель (Window > VectorScribe > Dynamic Shapes). Выбираем в панели Dynamic Donut и создаем кольцо. Эта форма представляет собой составной путь, но является динамической. То есть, мы можем управлять ее параметрами из панели Dynamic Shapes или путем перемещения ее угловых точек.

Заливаем форму линейным градиентом, который состоит из разных оттенков серого, черного и белого цветов.

Угол линейного градиента равен 90 градусов.

Шаг 7

Копируем кольцо и вставляем его вперед (Cmd / Ctrl + C, Cmd / Ctrl +F). Для изменения диаметра внутреннего и внешнего путей этого объекта будем использовать Dynamic Shapes Tool. Выделяем одну из угловых точек внешнего пути и, не отпуская кнопку мыши, нажимаем на клавишу Cmd / Ctrl и перемещаем путь.

Те же действия совершаем с внутренним контуром верхнего кольца, увеличивая его диаметр.

Шаг 8

Изменяем угол линейного градиента верхнего кольца. Устанавливаем 150 градусов в панели Gradient (Window > Gradient)

Теперь переходим Object > Blend > Blend Options…, затем Object > Blend > Make

Шаг 9

Копируем созданный бленд объект и вставляем его вперед два раза (Cmd / Ctrl + C, Cmd / Ctrl +F два раза). Выделяем два верхних бленд объекта, это удобно сделать в панели слои, и устанавливаем для них режим Overlay в панели Transparency.

Шаг 10

Заменяем черно-белый линейный градиент нижнего бленд-объекта на линейный градиент, состоящий из чередующихся оранжевого и желтого цветов.

Устанавливаем 50% прозрачности для этого объекта в палитре Transparency.

Выделяем и группируем все бленд объекты.

Шаг 11

Размещаем созданное кольцо (группа бленд объектов) над фоном.

Теперь сделаем края кольца размытыми. Выделяем в палитре слои большие кольца, входящие в три бленд объекта и устанавливаем для них 0% прозрачности в панели Transparency.

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

Шаг 12

Дублируем созданное кольцо (Opt + Alt во время перетаскивания) и располагаем копии по поверхности фона. Уменьшаем некоторые кольца, используя Direct Selection Tool (V). Другими словами создаем композицию.

Шаг 13

Изменим цвет некоторых колец. Изменять цвет объектов очень удобно при помощи Phantasm CS. Давайте посмотрим, как это делается. Выделяем бленд с оранжевым линейным градиентом одного из колец в палитре слои и переходим Effect > Phantasm CS > Hue / Saturation…. Tick Colorize в диалоговом окне и, управляя слайдерами Hue и Saturation, заменяя цвета градиента на зеленые оттенки.

Применим эту технику к нескольким другим кольцам. Для быстрого повторения эффекта Phantasm CS Hue / Saturation выделяем необходимые объекты в палитре слоев и переходим Effect > Apply Hue / Saturation (Shift + Cmd / Ctrl + E)

На перекрашивание 6 колец у меня ушло не больше 1 минуты.

Шаг 14

Создадим путем дублирования еще несколько колец и перекрасим их при помощи Phantasm CS в голубой цвет.

Устанавливаем для голубых колец 15% прозрачности в панели Transparency.

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

Шаг 15

Создадим свечение на кольцах. Берем Ellipse Tool (L) и создаем окружность. Заливаем ее радиальным градиентом, который состоит из светло-желтого и черного цветов.

Устанавливаем для окружности режим смешивания Screen в панели Transparency и размешаем окружность над одним из колец.

Шаг 16

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

Шаг 17

Создадим множество светящихся маленьких объектов. При помощи Ellipse Tool (L) создадим окружность (3 на 3 px) и зальем ее черно-белым радиальным градиентом. Установим для этой окружности режим Screen и 50% прозрачности в панели Transparency.

Для быстрого создания множества объектов будем использовать символы. Итак, открываем палитру Symbols (Window > Symbols) и сохраняем окружность как новый символ.

Шаг 18

Теперь берем Symbol Sprayer Tool (Shift + S) и разбрызгиваем окружности по поверхности фона.

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

Шаг 19

После разбрызгивания символов вы можете продолжить работу над ними. Например, вы можете увеличить размеры некоторых символов. Возьмите Symbol Sizer Tool и увеличьте символы, те которые считаете нужным.

Шаг 20

Теперь осталось спрятать объекты, которые выступают за пределы фона. Новую Clipping Mask создавать нет необходимости. Мы можем воспользоваться уже существующей Clipping Mask. Просто перетащите группы с кольцами и светящимися окружностями в группу, в которой находится Clipping Mask.

 

Всего комментариев: 2
0
1  
У меня получился файл почти на 300 метров оО Как же это на стоках продавать?

0
2  
На страницах этого блога достаточно информации, как оптимизировать файл. Потратьте свое время, не тратя мое

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