Как сделать падающую тень в иллюстраторе

Как сделать
Содержание
  1. Как сделать тень от объекта в Illustrator
  2. Как сделать тень в Illustrator
  3. Способ № 1
  4. Способ № 2
  5. Способ № 3
  6. Способ № 4
  7. Способ № 5
  8. Способ № 6
  9. Способ № 7
  10. Способ № 8
  11. Как в Adobe Illustrator сделать тень
  12. Создание тени в «Иллюстраторе»: несколько простых способов
  13. Для начала
  14. С помощью геометрической фигуры
  15. От объекта на втором объекте
  16. Тень градиентом
  17. Объект полностью в тени
  18. Как нарисовать тень в Adobe Illustrator для микростоков
  19. Blend Tool + Прозрачность + режим смешивания Multiply (Умножение)
  20. Для объектов сложной формы
  21. Blend Tool (перетекание)
  22. С помощью обводки
  23. С помощью радиального градиента
  24. С помощью линейного градиента
  25. Фигура, чуть темнее основного фона
  26. С помощью инструмента Mesh
  27. Как создать 100% векторную тень в Adobe Illustrator
  28. Создание тени от простой геометрической формы
  29. Создание тени от сложной или комплексной фигуры
  30. Создание тени от очень сложной фигуры с большим количеством мелких деталей или от текста

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

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

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

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

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

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

Способ № 1

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

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

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

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

Способ № 2

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

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

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

Способ № 3

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

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

Способ № 4

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

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

Способ № 5

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

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

Способ № 6

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

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

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

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

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

Способ № 7

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

Читайте также:  Как сделать разбитое стекло на телефоне

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

Способ № 8

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

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

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

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

Источник

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

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

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

Самый простой способ создания тени — с использованием инструмента Переход (Alt + Ctrl + B).

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

Выделяем оба квадрата и переходим Объект — Переход — Параметры перехода. В появившемся диалоговом окне задаем параметры: Метод — заданное число шагов 50, Ориентация — выровнять по странице, нажимаем кнопку Ок.

Далее переходим Объект — Переход — Создать (Alt + Ctrl + B).

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

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

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

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

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

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

Применяем к нашей точке серый цвет. И собственно все — тень готова!

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

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

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

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

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

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

Источник

Создание тени в «Иллюстраторе»: несколько простых способов

Для начала

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

С помощью геометрической фигуры

Один из способов того, как сделать тень в «Иллюстраторе», рассмотрим на примере простого объекта. Например, шара. Сначала рассмотрим тень, которую объект отбрасывает на поверхность, на которой находится. Для создания простой тени от простых объектов достаточно использовать те же геометрические фигуры.

Для нашего шара мы используем эллипс (вызывается горячей клавишей L), который делаем примерно того же размера, как и сам объект. Но вертикально сужаем его, чтобы было понимание, что тень плоская и лежит под объектом. В зависимости от источника света тень может быть прямо под объектом, левее или правее. Чем ниже источник света, тем уже она у нашего шара. Для придания большей правдоподобности тени в «Иллюстраторе» можно поэкспериментировать с градиентами и прозрачностью.

От объекта на втором объекте

Если необходимо создать тень, которая падает от одного объекта на другой, необходимо скопировать оба объекта и вставить их в те же места, где находятся оригиналы (для этого выделяем необходимый объект и нажимаем горячие клавиши Ctrl + C и Ctrl + Shift + V).

Читайте также:  Как сделать адаптацию дроссельной заслонки рено дастер

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

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

Тень градиентом

Еще один вид тени в «Иллюстраторе» – на самом объекте. Когда свет падает на объект, последний, в свою очередь, не только отбрасывает тень, но и меняет цвет. Со стороны источника света он становится светлее, а с противоположной стороны темнее. Создается тень на объекте. Здесь все гораздо проще, чем с предыдущими способами создания тени.

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

Объект полностью в тени

Когда мы рисуем сложный объект в «Иллюстраторе», например, человека, бывает так, что одна часть этого объекта, которую мы нарисовали отдельно и потом сгруппировали с остальными, полностью находится в тени. Например, ухо или рука находится с обратной стороны от источника света. Как в данном случае создать эффект тени в «Иллюстраторе»? Чтобы дополнительно не накладывать тени, достаточно лишь покрасить объект (руку или ухо в нашем примере) на несколько тонов темнее.

Здесь мы рассмотрели самые простые способы создания тени в «Иллюстраторе», которые пригодятся начинающим иллюстраторам или любителям.

Источник

Как нарисовать тень в Adobe Illustrator для микростоков

В этом уроке Вы узнаете как можно нарисовать тень в Adobe Illustrator, чтобы потом работу можно было сохранить в EPS 8 или EPS 10.

Blend Tool + Прозрачность + режим смешивания Multiply (Умножение)

Этот вариант самый красивый, но подходит только для EPS 10. Смотрите на видео:

Для объектов сложной формы

Blend Tool (перетекание)

Нам нужно создать еще одну копию этой фигуры, но по-больше. По-этому в появившемся окошке указываем на какое количество пикселей новый объект будет больше. Я указала Offset=4px, точная цифра будет зависеть от размеров исходного изображения. Вам нужно подобрать свое значение — эта новая фигура задаст границы тени. Для удобства подбора можно поставить галочку в пункте Preview (Предпросмотр):

В результате мы получим 2 фигуры. Нижнюю (самую большую фигуру) нужно закрасить цветом основного фона.

Если вы сохраняете файл в EPS 10, то для нижней фигуры можно задать непрозрачность 0%.

Теперь выбираем инструмент Blend Tool (W) и, зажав клавишу Alt, кликаем сначала по одной, затем по другой фигуре. В появившемся окне нужно выбрать Smooth Color.

Теперь помещаем основную фигуру поверх тени, чуть сдвинув, и любуемся результатом:).

С помощью обводки

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

Создаем нашу форму.

Тут желательно ее упростить и сгладить, т.е. убрать лишние точки! Объект — Контур — Упростить. Форма немного измениться, но часто без этого никак!

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

Этот способ еще интересен тем, что можно изменять ширину тени с помощью инструмента Ширина.

С помощью радиального градиента

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

Далее нужно сжать окружность, чтобы она превратилась в овал.

Все, тень готова. Теперь просто помещаем наш розовый шарик поверх тени.

Если вы сохраняете файл в EPS 10, то для белого цвета можно задать непрозрачность 0%.

С помощью линейного градиента

Делаем копию окружности (или рисуем новый круг) и сдвигаем ее ровно вниз.

С помощью инструмента Erase Tool (Shift+E) удаляем нижнюю половину новой окружности.

Для получившейся фигуры задаем линейный градиент от цвета тени (в моем случае — розовый) до цвета фона (белый).

В итоге мы получает вот такую тень:

Фигура, чуть темнее основного фона

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

С помощью инструмента Mesh

Этот способ подойдет для остроконечной тени. Например для такого перевернутого треугольника. Рисуем копию фигуры и заливаем ее цветом основного фона (в моем случае — это белый). Размещаем фигуру, как на рисунке.

С помощью инструмента Mesh Tool (U) нужно поставить точку на фигуре. Эта точка должна быть ближе к кончику, но не в самом уголке. На рисунке ниже я указала примерное место черным кружочком.

Читайте также:  Как сделать своими руками теплые наушники

Выбрав фигуру, ставим инструментом Mesh Tool (U) точку в нужном месте.

Задаем этой точке цвет тени (например, серый).

Теперь я немного уменьшила тень (мне так кажется естественнее). Все!!

Если вы сохраняете файл в EPS 10, то для крайних правых 2х точек можно задать непрозрачность 0%.

Если вы знаете еще способы создания теней для микростоков — напишите в комментариях!

У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.

Источник

Как создать 100% векторную тень в Adobe Illustrator

Сегодня мы рассмотрим несколько способов создания векторной тени в Adobe Illustrator с эффектом размытия, при помощи Blend Tool, Gradient Tool, Gradient Mesh и панели Appearance.

Создание тени от простой геометрической формы

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

Создание тени от сложной или комплексной фигуры

Это довольно распространенный случай. Для создания тени от таких объектов существует несколько способов. Первый из них можно назвать универсальным, его смысл в создании и ручном редактировании «правильного” бленд объекта без артефактов. Подробное описание этого способа вы сможете найти в уроке: Как избежать проблем при создании Blend объектов в Adobe Illustrator. Вкратце этот метод заключается в том, что обе формы, входящие в бленд объект, должны иметь одинаковое количество точек.

Еще одним вариантом может стать Gradient Mesh. Давайте рассмотрим эту технику подробней. Сначала к объекту или группе объектов применяем эффект Drop Shadow (Effect > Stylize > Drop Shadow) с необходимыми параметрами.

Переходим Object > Expand Appearance и получаем растровый объект. Этот объект имеет такие же, как и эффект режимы смешивания и прозрачность.

Поэтому переходим Object > Rasterize. Теперь создадим прямоугольник, затем переходим Object > Create Gradient Mesh и устанавливаем небольшое количество ячеек. Далее придаем градиентной сетке форму, грубо напоминающую очертания растровой тени.

Теперь мы можем увеличить количество ячеек, используя бесплатный плагин Mesh Tormentor.

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

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

Для пользователей Adobe Illustrator CS6 существует еще один метод создания векторных теней. Он заключается в использовании градиентов на обводке. Давайте посмотрим, как это делается. Вначале создадим контур будущей тени.

Устанавливаем толщину обводки 30 px, удаляем лишние точки и с помощью Direct Selection Tool (A) придаем контуру более гладкую форму.

Теперь применяем к обводке линейный градиент от белого с непрозрачность 0% к темно-серому цвету.

Переходим Object > Expand Appearance. Теперь путь преобразовался в градиентную сетку.

Можно ли повторить вышеописанный способ в ранних версиях Adobe Illustrator? Однозначно можно! Для этого создадим прямоугольник с шириной 30 px, и зальем его линейным градиентом, как показано на рисунке ниже.

Переходим Object > Expand, и выставим следующие параметры.

В получившейся группе удалим все, кроме Gradient Mesh. Так как градиентная сетка состоит только из одной ячейки, то с помощью Mesh Tormentor увеличим их количество.

Преобразовываем Gradient Mesh в Brush Mesh Grid.

Создадим из полученной группы объектов Art Brush с параметрами, показанными на рисунке ниже.

Далее, как и в Illustrator CS6, нам понадобится контур для будущей тени.

Применим к нему созданную кисть.

Переходим Object > Expand Appearance, затем конвертируем полученные объекты в Gradient Mesh.

Совместим начальные и конечные точки градиентной сетки при помощи Direct Selection Tool (A). Работать точно и быстро вам поможет режим Smart Guides (Cmd / Ctrl + U).

Создание тени от очень сложной фигуры с большим количеством мелких деталей или от текста

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

Создадим под основным объектом его дубликат (Cmd / Ctrl + C, Cmd / Ctrl + B), с однородной заливкой Gray 60% и немного сместим его вниз и вправо.

Откроем панель Appearance (Window > Appearance), и установим 5% прозрачности для заливки.

Так как тени обычно не имеют острых углов, применим эффект Round Corners (Effect > Stylize > Round Corners…) с небольшим значением, в данном случае 5 px.

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

После применения к объекту со стилем тени команды Object > Expand Appearance, мы получим группу простых объектов с непрозрачностью каждого 5%

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

Источник

Оцените статью
Как сделать своими руками
Добавить комментарий
Adblock
detector