Опубликовано в Дизайн | 0 комментариев

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

В этом уроке вы научитесь комбинировать 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 и выберите требуемый.

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

Шаг 13

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

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

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

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