Как сделать тень в adobe illustrator

Обновлено: 08.07.2024

Что представляет собой сетка в Adobe Illustrator

Как вы, наверное, знаете, программа Adobe Illustrator предназначена по большей части для графических эскизов, иллюстраций и других, менее очевидных объектов. Иногда пользователям нужно перенести в точности какой-нибудь рисунок в необходимых масштабах. Для таких случаев разработчики предусмотрели 2 инструмента: линейку и сетку. О первом мы еще поговорим в отдельной статье, а вот второй – разберем сейчас.

Как сделать сетку

Изначально вы должны будете зайти программу и открыть в ней чистый холст. Далее, на панели инструментов слева, найдите «линейку» (Line Segment Tool). Кликните по этой функции правой кнопкой мышки.

У вас откроется табличка, в которой будет инструмент «создание сетки» или Rectangular Grid Tool. Выбираем данный инструмент. Далее вам нужно будет перевести курсор на ваш холст и кликнуть по нему 1 раз левой кнопкой мышки. У вас на экране появится табличка с первичными настройками сетки.

В первых 2 окошках вы можете настроить ширину и высоту сетки. По умолчанию это 200 и 300 пикселей. Рядом с верхними пикселями вы увидите чертеж квадрата, со светлой точкой у одного из краев. Таким образом Illustrator показывает угол, из которого будет начата ваша сетка. Поставьте тот угол, который будет вам более удобен. Это нужно в тех случаях, когда вы собираетесь копировать неравномерный рисунок и клетки вашей сетки будут обладать различными размерами (например, увеличиваться от одного угла к противоположному).

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

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

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

Вот, собственно, и все. Вам нужно будет только нажать ОК, чтобы создать свою сетку.

Как взаимодействовать с сеткой в Adobe Illustrator

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

Shift + ЛКМ – вы сделаете вашу сетку квадратной.
ALT + ЛКМ – сделает центр сетки в точке, куда вы кликаете.
Пробел + ЛКМ – переносит таблицу в любое свободное место на холсте.
ЛКМ + стрелки клавиатуры – увеличивают или уменьшают количество разделительных линий на вашей сетке.

Аналогичным образом вы сможете создать и полярную сетку. Для этого выберите соответствующий инструмент в том же разделе линеек (polar grid tool).

Горячие комбинации для этой сетки такие же, как и в предыдущем случае.

На этом мы хотим закончить сегодняшнюю статью, всем удачи и до новых встреч.

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

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

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

После этого вам нужно будет снова выделить вашу иллюстрацию и на панели справа найти функцию «обработка контуров», после чего выбрать пункт «соединение».

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

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

Теперь ваши контуры будут лежать поверх цвета. Далее вам нужно будет дублировать контур (Ctrl+C), затем зажать Shift и выделить контуры. Далее вам нужно будет найти на правой панели «обработку контуров» и сделать «минус верхний».

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

Но теперь уже ваш объект разобран по контуру, и вы можете спокойно заливать отдельные его фрагменты.

На этом наша статья подходит к концу. Спасибо, что остаетесь с нами, всем удачи и до новых встреч.

Как сделать тень в Illustrator

Как вы, наверное, знаете, Adobe Illustrator предназначена для создания типографической высококачественной графики, а также для работы с веб-документами. Чаще всего данной программой пользуются графические дизайнеры, создающие с ее помощью красочные и сочные логотипы, с использованием различных эффектов. Например:

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

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

Способ № 1

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

У вас откроется маленькая табличка, в которой вы и сможете настроить тень для вашего круга.

Нажимаете ОК и получаете вот такой результат:

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

Способ № 2

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

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

Выбираем цвет нижнего объекта (что-то потемнее) и получаем примерно такой же эффект, как и в первом способе. Это уже намного лучше, т.к. так вы сможете сохранить векторность картинки.

Способ № 3

Вы должны будете дорисовать вашу тень при помощи инструмента «перо» или любого другого инструмента.

На скорую руку это будет выглядеть примерно следующим образом:

Способ № 4

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

Далее наведите кисть на или под ваш объект и создайте текстурированную тень.

Способ № 5

Вы сможете создать вашу тень под объектом при помощи градиента в круге. Вам нужно будет создать эллипс, залить его градиентом (подробнее об этом читайте в соответствующей статье у нас на сайте).

Выберите цвет, который в сочетании с белым, лучше всего подойдет для создания вашей тени. Останется только приплющить ваш градиент, чтобы создать эффект «падающего» объекта.

Способ № 6

Тут вы также должны воспользоваться градиентом, только уже градиентом по обводке. Для этого скопируйте ваш объект и вставьте его на задний план (Ctrl+B). Уберите заливку, тем самым оставьте только обводку.

Выберите линейный градиент, а также функцию «применить градиент для всей обводки».

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

Верните градиент на вашу иллюстрацию и получится вот такая тень.

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

Способ № 7

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

В результате вы получите еще одну крутую тень от падающего объекта.

Способ № 8

Он заключается в создании тени при помощи бленда. Для этого вам нужно будет скопировать ваш объект и дважды вставить его на панель слоев. Одну из копий вы должны сделать белой и полностью прозрачной. Вторую делаем темного цвета, но тоже на 100% прозрачную.

Далее обе тени немного перетягиваем в сторону и при помощи бленда определяем количество шагов, на которое нужно сместить нижние картинки.

Если впоследствии тень будет использоваться на цветном фоне, то измените ее режим наложения на умножение.

В этом уроке мы научимся рисовать тень в иллюстраторе так, чтобы работу в итоге можно было сохранить в форматах EPS 8 или 10. Почему в этих форматах? Потому что именно их принимают на самых крупных микростоках, таких как фотобанк Shutterstock.

Смею заметить, что эффекты фотошопа для создания тени, такие как Размытие или Тень, не поддерживаются в форматах EPS 8 и 10.

Рисуем два квадрата с закругленными углами (или овал), один большой белой заливки, другой меньший серой заливки. Размещаем их как показано на рисунке ниже (серый на переднем плане).

В итоге у нас должен получится плавный переход от серого к белому. Если переход получается не совсем плавным, то можно два раза щелкнуть по значку инструмента Переход (W) и в появившемся окне поменять количество шагов на большее, чем 50.

Второй способ создания тени заключается в использовании градиента.

Цвет градиента нужно подбирать так, чтобы он шел от цвета тени (цвета объекта который ее отбрасывает) к цвету фона.

Третий способ заключается в использовании Градиентной сетки. Если вы еще не знакомы с этим инструментом, то ознакомится с основами работы с ним вы можете прочитав в статью Незаменимый инструмент дизайнера – Градиентная сетка.

Первый пример, остроконечная тень. Делаем копию фигуры и заливаем его цветом фона (например, белый). Берем инструмент Сетчатый градиент и ставим опорную точку на фигуре, инструментом Частичное выделение приближаем нашу точку к кончику фигуры как на рисунке.

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

Далее с помощью инструмента Частичное выделение мы меняем расположение опорных точек (как на рисунке) для того чтобы наша тень рассеивалась в разные стороны. Добавляем еще опорных точек, для того чтобы уменьшить размеры тени.

Корректируем опорные точки.

Помещаем наш объект поверх созданной тени.

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

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

Читайте также: