Vectorboom
Советы / Техники / Comments: 4

Создаем весенний фон при помощи Stylism и Adobe Illustrator

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

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

Шаг 1

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

Теперь создадим окружность при помощи Ellipse Tool (L) и заливаем ее радиальным градиентом, который состоит из двух белых и одного светло-серого слайдера.

Используя только эту форму Stylism и панель Appearance, мы создадим векторную ромашку.

Шаг 2

Не снимая выделения с окружности, берем Stylism Tool и открываем его панель (Window > Stylism > Stylism panel). Теперь нажимаем на Transform Live Effect button in the panel. Это приведет к появлению аннотационной системы на объекте, что позволит нам легко управлять параметрами эффекта.

Изменим форму ограничивающей рамки аннотационной системы, превратив окружность в эллипс.

Шаг 3

Теперь нам нужно применить еще один эффект Transform к нашему объекту. Для этого нажимаем на кнопку Transform Live Effect в панели Stylism, удерживая Shift.

Откроем панель Appearance (Window > Appearance). Здесь мы можем увидеть, что оба эффекта Transform находятся внизу стопки.

Шаг 4

Кликнем внутри ограничительной рамки, что приведет к открытию диалогового окна Transform. Установим здесь угол 36 градусов.

Создадим 9 копий, нажав 9 раз на кнопку + copies.

Выбираем нижнюю центральную референсную точку в аннотации.

У нас получилось 10 лепестков.

Шаг 5

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

Шаг 6

В данный момент эффекты применены ко всем атрибутам формы. Давайте применим их только к целевой заливке, переместив их на нее в панели Appearance.

Изменим форму лепестков. Нажимаем на кнопку Free Distort Live Effect в панели Stylism. Это приведет к появлению новой аннотации, которая соответствует эффекту Free Distort.

Применим этот эффект только к целевой заливке и поместим его выше эффектов Transform в панели Appearance.

Изменим форму ограничительной рамки, переместив ее верхние углы наружу, а нижние вовнутрь.

Применение эффекта Free Distort при помощи Stylism дает безоговорочное преимущество по сравнению с родным диалоговым окном, так как оно даже не имеет опции привью.

Шаг 7

Мы можем изменить цвет на краях лепестков. Нажимаем на кнопку Inner Glow Live Effect в панели Stylism, затем применяем эффект к целевой заливке в панели Appearance.

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

Шаг 8

Применим к лепесткам эффект Drop Shadow, нажав на соответствующую кнопку в панели Stylism. Мы можем быстро установить требуемое значение разрешения, выбрав один из пресетов 72 или 300ppi или установив значение в числовое поле.

Как и в случае применения других эффектов, аннотация позволяет нам управлять всеми параметрами тени. Давайте уменьшим непрозрачность.

Шаг 9

Если на вашем компьютере установлен Phantasm, то у вас есть возможность управлять альфа каналом растровых эффектов при помощи функции Phantasm Curves. После применения одного из эффектов, содержащих прозрачность (это - Drop Shadow, Feather, Outer Glow и Blur), станет активна диаграмма в нижней части панели Stylism. Если вы ее не видите, выберите Show Contour Control в меню панели. Теперь мы можем изменять вид кривой, полностью управляя тем, как будут выглядеть края эффекта.

После изменения графика, Phantasm Curves эффект появится в панели Appearance. Применим Drop Shadow и Phantasm Curves к целевой заливке.

Шаг 10

Добавим новую заливку в панели Appearance и применим к ней линейный градиент, который состоит из двух оттенков желтого цвета.

Нажимаем на кнопку Transform Live Effect в панели Stylism, удерживая Shift. Применим этот эффект к желтой заливке в панели Appearance.

Переместим ограничивающую рамку в центр ромашки и увеличим ее размеры.

Применим к желтой заливке эффект Drop Shadow, также как мы делали это для лепестков.

Шаг 11

Теперь осталось сделать последний штрих. Создадим световой блик на одном из лепестков. Добавляем еще одну заливку в панель Appearance и применим к ней радиальный градиент от светло-серого к черному цвету.

Применяем к верхней заливке эффект Transform при помощи Stylism и панели Appearance.

Переместим ограничивающую рамку последнего эффекта на один из лепестков слева, и применим к верхней заливке режим смешивания Screen.

Шаг 12

Ромашка готова. Если вы включите режим Outline Preview, то убедитесь, что наш цветок по-прежнему представляет собой одну окружность. Хороший фокус, не правда ли?

Такой сложный эффект мы получили, комбинируя работу панели Appearance и Stylism. Благодаря этому плагину мы только один раз открывали диалоговое окно для установки угла для второго эффекта Transform и ни одного раза не зашли в меню Effect. Я думаю, что этот факт и отсутствие подбора параметров в диалоговых окнах ускорил наш рабочий процесс в несколько раз. В вашей практике может возникнуть ситуация, когда нужно отредактировать параметры одного или нескольких эффектов. Для того чтобы активизировать аннотационную систему любого эффекта откройте выпадающий список Current Effect и выберите требуемый.

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

Шаг 13

Теперь давайте создадим весенний фон. Открываем диалоговое окно Preferences и выбираем опцию Scale Strokes and Effects.

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

Создайте композицию из ромашек. То, что получилось у меня, вы можете видеть на рисунке ниже.

Всего комментариев: 4
0
1  
Ярослав, в 4 шаге пытаюсь задать в трансформ 36 градусов поворот, но через стайлизм он не срабатывает. Работает только в панеле Appearance самого иллюстратора. Может это бага в СС 2015? Если сможешь проверь пожалуйста и дай знать, может я что-то не так делаю. Заранее спасибо!  smile

0
2  
Есть такой баг

0
3  
Скажите какие кнопки вы зажимаете при трансформации фигур в этом плагине так что б одновременно в обе стороны фигуры проходила трансформация. В обычной люстре нужно зажимать кнопку Alt, а тут?

0
4  
Все кнопки тут http://www.astutegraphics.com/stylism-keyboard-shortcuts/
Но того, о чем вы говорите, по-моему нет, проверьте пожалуйста - может я запамятовал

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