Уроки программы Adobe Illustrator: рисуем тень в векторе

Я расскажу вам о двух вариантах создания теней. Первый очень легко использовать, с его помощью можно быстро нарисовать тень, но он применим только к простым объектам; второй способ универсален, с его помощью можно создать любую тень в векторе, но заметьте - он сложнее. Отметим, что данный урок применим во всех версиях Adobe Illustrator.

Задача №1. Имеем нарисованный сосуд с водой в векторе. Ваша цель – создать возле него тень.

Для начала откроем изображение сосуда в программе Adobe Illustrator. Инструментом Ellipse Tool создаем около картинки круг, не забыв при этом зажать клавишу SHIFT, чтобы не получилась овальная форма:

После этого задаем получившемуся кругу простой радиальный градиент, начиная от черного цвета и заканчивая белым, как можно увидеть на рисунке ниже. Далее поэтапно проделываем необходимые манипуляции с этим градиентом, согласно наглядной инструкции. (Оттенок тени получается немного синеватым из-за цвета самого сосуда).

Проделав операции с градиентом, мы немного «расплющиваем» круг (каким он получается – видно на рисунке) и затем подкладываем его под наш сосуд. Вот и все, на это затрачено всего пара минут, а тень получается весьма натуральная. Но вам кажется, что все это чересчур легко? На самом деле, в большинстве случаев и не требуется какая-то более сложная операция.

Но в случае, если вы все-таки не хотите создавать тень подобным образом, мы разберем более сложный, но зато универсальный и гибкий метод создания тени. Воспользовавшись этим способом, вы сможете создавать тени абсолютно разных форм и уровней сложности. И ваши возможности не будут никак ограничены. Если вы решите нарисовать тень подобным образом, то ваша картинка сможет посоревноваться в своей реалистичности с обычной фотографией ;) Итак, вот он, главный герой нашего рассказа - Gradient Mesh!

Задача №2. Для примера мы возьмем файл с изображением столба и создадим к нему тень, падающую вправо и плавно рассеивающуюся по мере удаления..

1. Открываем файл, в котором находится наше изображение столба. Создаем под ним объект прямоугольной формы, размер которого будет слегка больше чем тень, которая нам нужна. Для этого воспользуемся специальным инструментом Rectangle Tool, именно он создаст необходимый прямоугольник, который мы теперь зальем белым цветом:

2. Настало время инструмента Gradient Mesh. Мы создаем внутри прямоугольника точку, как раз в том месте, где столб будет соприкасаться с поверхностью, на которой он стоит. Здесь же начинается и тень. Это автоматически преображает наш прямоугольник в Gradient Mesh:

3. Таким же образом добавляем еще точки, которые выделены красным цветом. Они как будто окружают точку появления тени и сразу же ограничивают зону ее рассеивания. Мы это увидим чуть позже, после того, как приступим к окрашиванию тени.

4. Теперь закрасим черным цветом точку возникновения тени. Чтобы это сделать, мы выделяем необходимую точку при помощи Direct Selection Tool и указываем в палитре цвет - черный. Теперь мы видим то самое вышеупомянутое ограничение зоны рассеивания. Заметьте, что чем ближе находятся точки — тем рассеивание меньше. Чем они дальше (посмотрите на правую точку) — тем рассеивание больше:

5. Теперь начинаем проводить всяческие манипуляции с нашими точками. В том месте, где возникает тень (а именно - под столбом), она появляется из одной точки, а дальше идет ее конусовидное рассеивание вправо. И мы, с помощью инструмента Warp Tool, как бы пододвигаем окружающие точки к нашей начальной точке, из которой и начинается тень (мы как будто размазываем точки, приближая их к центру, по направлению красных стрелочек, до тех пор, пока не получим необходимый нам результат). Точки, находящиеся справа, можно просто переместить с помощью Direct Selection Tool :

Для настройки параметров и диаметра инструмента Warp Tool нужно дважды кликнуть по соответствующей иконке. Установите все параметры открывшегося меню в соответствии с рисунком:

6. Продолжайте экспериментировать с точками, пока не получите нужный результат. Постарайтесь избежать каких-либо переломов и не пересекать линии с направляющими, особенно будьте аккуратны в тех местах, где промежуток между точками крайне мал, иначе вы увидите лишние искажения. После того, как все действия с точками будут сделаны, выделите начальную точку и покрасьте ее в какой-нибудь светлый цвет. Это нужно для того, чтобы тень не была чересчур темной:

7. В результате у вас должно получиться что-то наподобие этого (вы можете сдвинуть наиболее отдаленные точки ближе к центру, если хотите, чтобы тень занимала поменьше места):

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

Желаю творчских успехов!