Три способа создания длинных теней в Adobe Illustrator
24 октября 2013 | Опубликовано в Уроки | 6 Комментариев »
В этом уроке мы познакомимся с несколькими техниками по созданию эффекта длинных теней в Adobe Illustrator. Длинные тени нынче в моде, и если вы хотите применить этот эффект в своей работе, вам придется по вкусу сегодняшний материал. Ознакомьтесь с вариантами и выберите тот, что понравится вам больше всего. Урок простой и подойдет новичкам!
1. Длинные тени с помощью Appearance Panel
Шаг 1
Выберите инструмент Rounded Rectangle Tool и создайте прямоугольник со скругленными углами любого размера. В примере использовалась фигура следующих размеров:
Шаг 2
Чтобы не усложнять процесс, мы будем применять эффекты к тексту, однако техника может применяться к любому объекту. Напишите что-нибудь на получившейся иконке.
Шаг 3
Не снимая выделения с текста, зайдите в палитру Appearance (Window > Appearance) и нажмите кнопку Add New Fill внизу палитры. Убедитесь, что созданная только заливка находится в палитре ниже пункта “Characters”.
Шаг 4
И вот тут начинается магия! Выделите новую заливку в палитре Appearance и нажмите на кнопку Add New Effect. Выберите пункт Distort & Transform > Transform и введите параметры, как показано на картинке ниже. Позже можете снизить значение непрозрачности (Opacity) к примеру до 12%.
Шаг 5
Как вы могли заметить, мы создали множество копий нашей заливки, смещая их на 1 пиксель вниз и вправо. Однако сейчас наша тень ушла за рамки иконки, и нам нужна маска, чтобы это исправить.
Выделите прямоугольник, составляющий базу иконки, копируйте его и вставьте копию поверх текста. Убедитесь что текст и верхний прямоугольник выделены одновременно, затем кликните по ним правой кнопкой, и выберите Make Clipping Mask. Теперь тень от текста находится в пределах иконки, и мы можем заняться нижним прямоугольником. Повторите технику из четвертого шага, чтобы создать прямоугольнику такую-же длинную тень.
2. Длинные тени при помощи инструмента Blend
Шаг 1
Вернитесь к оригинальной иконке без теней. Скопируйте текст и вставьте его дважды на задний план. Всего у вас должно получится три слоя с текстом. Укажите нижним двум заливку черного цвета.
Шаг 2
Выделите черный текст и удерживая клавишу Shift перетащите его вниз и вправо по траектории в 45 градусов в левый нижний угол иконки. Укажите этому тексту непрозрачность (Opacity) в 0%.
Шаг 3
Теперь выделите оба слоя с черным текстом, затем зайдите в меню в Object > Blend > Blend Options и введите желаемое количество шагов (Specified Steps). В примере использовалось 150.
Шаг 4
Теперь можете снизить непрозрачность получившегося объекта примерно до 12%. Примените маску как в прошлом методе, чтобы тень от текста оставалась в пределах иконки. Также как показано ранее сделайте тень для прямоугольника.
3. Длинные тени при помощи конвертированного в фигуру перехода
Шаг 1
Эта техника схожа с предыдущей. Также сделайте две копии текста, залейте их черным и разместите под оригинальным слоем. Только не убирайте непрозрачность. Используйте инструмент Blend с теми же параметрами.
После того, как вы создали переход, разберите получившейся объект (Object > Expand). У вас получится 150 выделенных фигур. Не снимая выделение, зайдите в палитру Pathfinder (Window > Pathfinder) и нажмите кнопку Unite. Это действие объединит все фигуры в одну.
Шаг 2
Не снимая выделение с получившейся в предыдущем шаге фигуры, создайте градиент от черного цвета к черному прозрачному (как на картинке ниже). При помощи инструмента Gradient Tool (G) залейте фигуру под углом в 45 градусов (или укажите угол наклона непосредственно в окне редактирования градиента). Затем снизьте общую непрозрачность фигуры.
Шаг 3
После объединения слоев образовалось огромное количество лишних точек. Нужно снизить их количество.
Возьмите инструмент Direct Select Tool (A), выделите все лишние точки и нажмите Delete.
Шаг 4
Наложите маску, чтобы тень от текста не выходила за рамки иконки и сделайте тень для прямоугольника.
Вот и всё! Наши длинные тени готовы!
Автор урока - Chris Carey.
Перевод — Дежурка.
Смотрите также:
549