Adobe Illustrator: способы создания длинных теней

Книги и материалы

В данном уроке вы познакомитесь с несколькими способами образования длинных теней в программе Adobe Illustrator. На сегодняшний день длинные тени в моде, поэтому для тех, кто хочет применить в своей работе этот эффект, придется по вкусу представленный далее материал. Для начала ознакомьтесь с методами и выберите тот, который подходит вам больше всего. Так как урок простой, с ним справятся даже новички!

line_shadow_1

1. Эффект длинных теней при помощи Appearance Panel:

Этап 1

При помощи Rоunded Rectаngle Tool создаем прямоугольник любого размера, у которого скруглены углы. На образце использована фигура следующих габаритов:

line_shadow_2

Этап 2

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

line_shadow_3

Этап 3

Заходим в палитру Appearance (путь: Window > Appearance), не снимая выделения текста, и, нажимаем внизу палитры Аdd New Fill. Убеждаемся, что только что созданная заливка расположена в Appearance ниже раздела “Characters”.

line_shadow_4

Этап 4

Вот теперь начинается магия! Выделяем в палитре новую заливку и нажимаем Add New Effect. Далее выбираем Transform в Distort & Transform и вводим параметры, как показано на примере. Позднее можно уменьшить показатель Opacity, например до 12%.

line_shadow_5

Этап 5

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

Выделяем прямоугольник, являющийся базой иконки, копируем его и вставляем поверх текста. Необходимо убедиться в том, что верхний прямоугольник и текст выделены одновременно, далее кликнем по ним правой кнопкой мыши и, выберем Make Clipping Mask. Тень от текста теперь находится в рамках иконки, поэтому можно перейти на нижний прямоугольник. Далее, чтобы создать этому прямоугольнику такую же тень, повторим четвертый этап.

line_shadow_6

2. Инструмента Blend – создание длинных теней:

Этап 1

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

line_shadow_7

Этап 2

Выделяем черный текст и, удерживая Shift перетаскиваем его вправо и вниз под углом 450 в нижний левый угол иконки. Укажем данному тексту Opacity (непрозрачность) в 0%.

line_shadow_8

Этап 3

Теперь выделяем оба слоя с текстом черного цвета, затем заходим в Options (Object > Blend > Blend) и вводим желаемое число операций — Spеcified Stеps. На приведенном примере применялось 150.

line_shadow_9

Этап 4

Теперь можно снизить Opacity получившегося объекта где-то до 12%. Применим маску, как в предыдущем методе, чтобы тень не выходила за рамки иконки. Теперь, так же сделаем тень прямоугольнику.

line_shadow_10

3. Длинные тени с помощью перехода, конвертированного в фигуру:

Этап 1

Данная техника похожа на предыдущую. Также делаем две копии текста и заливаем их черным цветом и размещаем под оригиналом. Только не убираем непрозрачность. Воспользуемся инструментом Blend, с такими же параметрами. После того, как создан переход, разбираем получившийся объект (Object > Expand). У нас получилось 150 выделенных фигур. Далее, не снимая выделения, заходим в палитру Pathfinder (путь такой же, как и в первом варианте) и нажимаем Unite. то объединит в одну все фигуры.

line_shadow_11

Этап 2

Создаем градиент к черному прозрачному (пример на картинке), не убирая выделения, с получившейся фигуры. С помощью Gradient Tool под углом 450 заливаем фигуру (можно указать угол наклона в окне изменения градиента). Теперь снижаем всю непрозрачность фигуры.

line_shadow_12

Этап 3

Мы видим, что образовалось много лишних точек после соединения слоев. Необходимо уменьшить их число. Берем инструмент Dirеct Sеlect Tool (A), выделяем все ненужные точки и нажимаем клавишу Delete.

line_shadow_13

Этап 4

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

line_shadow_14

Вот и всё! Длинные тени готовы!

Оставить комментарий через:
Предупреждение об авторском праве: Отдельные пользователи могут иметь доступ и загрузить материалы, которые составляют содержание этого сайта. Такое воспроизведение разрешено исключительно на временной основе для доступа к информации, составляющей содержание этого веб-сайта. Информация и материалы на данном сайте защищены авторским правом и не могут быть копированы, использованы или воспроизведены какой-либо третьей стороной без нашего письменного разрешения. Вы можете быть привлечены к ответственности за нарушение авторских и иных интеллектуальных прав. На сайте может содержаться информация предназначеная для людей страше 18 лет