Vectorboom
Уроки / Web дизайн / Comments: 1

Как создать эффект длинной тени при помощи Stylism в Adobe Illustrator

Ярослав Лазунов
27.06.2014

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

Шаг 1

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

Конверт представляет собой группу обычных векторных объектов. Выделяем эту группу, затем добавляем новую заливку в панели Appearance (Window > Appearance), нажав на кнопку Add New Fill.

Шаг 2

Переместим заливку ниже Contents в панели Appearance для того, чтобы заливка находилась ниже всех объектов группы.

Применим к конверту эффект Transform, нажав на соответствующую кнопку в панели Stylism (Window > Stylism > Stylism panel). Для создания эффекта длинной тени мы используем плагин Stylism, так как это позволит нам управлять параметрами эффекта в более простой и интуитивно понятной манере при помощи системы аннотации, которая появилась над нашим конвертом.

Шаг 3

Перетащим Transform Effect на заливку в панели Appearance, что приведет к применению эффекта только к целевой заливке.

Перетащим ограничивающую рамку аннотации вправо и вниз, удерживая Shift (Shift фиксирует перемещение с шагом 45°). Горизонтальное и вертикальное смещение должно быть не больше 1px.

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

Шаг 4

Несколько раз кликнем на кнопку добавления копий, удерживая Shift. Количество копий должно быть таким, чтобы тень выходила за пределы фона иконки.

Вы также можете перетащить аннотацию копий (красная линия) для того чтобы установить необходимое число копий.

Шаг 5

Заменим цвет заливки серым цветом (K =20).

Теперь применим к заливке режим смешивания Multiply.

Шаг 6

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

Step 7

Нам осталось спрятать часть тени, которая выходит за пределы фона иконки. Дублируем фон (Cmd/Ctrl + C; Cmd/Ctrl + F), затем помещаем новый объект выше всех существующих объектов (Cmd/Ctrl + Shift + ]).

Выделяем все объекты (Cmd/Ctrl + A), затем переходим Object > Clipping Mask > Make… или используем комбинацию горячих клавиш  Cmd/Ctrl + 7.

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

Всего комментариев: 1
0
1  
Хочу поделится своим мнением по использованию плагина stylism. Плагин -великолепен!! Функции Transform, Free Distort и Offset Path реализованы на ура. Зачем сюда впихнули еще пять функций больше подходящих для фотошопа для меня остается загадкой.. Если бы оставили только три для иллюстратора и снизили цену хотя бы до 20 долларов, купил бы не задумываясь.

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