Как сделать тень в adobe illustrator
Как создать внутреннюю тень в Illustrator
Этот урок мы посвятим тому как создать внутреннюю тень используя графический редактор иллюстратор.
Шаг 1.
Создаем прямоугольник с любой заливкой. Размещаем на нем любой текст.
Шаг 2.
Выбрав наш текст разгруппируем его для этого используем сочетание клавиш Ctrl+Shift+O.
Шаг 3.
Копируем нашу группу и вставляем ее на перед, используя сочетание клавиш Ctrl+C, Ctrl+F два раза.
Шаг 4.
Создаем белый прямоугольник что бы он полностью перекрывал наш текст. Размещаем его между первой и второй группой.
Шаг 5.
Выбираем вторую группу и наш белый прямоугольник. На панели контуров выбираем минус верхний.
Шаг 6.
Переходим в «Эффекты», «Стилизация», «Тень». Устанавливаем следующие параметры.
Шаг 7.
Выбираем верхнюю группу и создаем «Составной контур» Ctrl+8.
Шаг 8.
Выбираем наш составной контур и белый прямоугольник и создаем обтравочную маску Ctrl+7.
Шаг 9.
Выбираем последнюю нашу группу. Делаем текст серого цвета, а так же в панели непрозрачности выбираем эффект умножения.
Как сделать тень от объекта в 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).
Когда оба объекта скопированы и вставлены на места оригиналов, необходимо выделить один, от которого падает тень, и сместить его на второй. До такой степени, до которой бы доходила тень от первого объекта. Затем нужно выделить обе копии объектов и применить обрезание векторных объектов так, чтобы после обрезания сохранилась лишь область наложения первой копии на вторую.
Получившийся новый объект мы опускаем на уровень под первый объект. Но так, чтобы он был на уровень выше второго. После чего делаем его на несколько тонов темнее, чем цвет второго объекта. Таким образом создаем тень.
Тень градиентом
Еще один вид тени в «Иллюстраторе» – на самом объекте. Когда свет падает на объект, последний, в свою очередь, не только отбрасывает тень, но и меняет цвет. Со стороны источника света он становится светлее, а с противоположной стороны темнее. Создается тень на объекте. Здесь все гораздо проще, чем с предыдущими способами создания тени.
Для того чтобы отобразить тень на самом объекте от источника света, необходимо использовать градиент. Градиентную полоску в этом случае стоит растягивать от источника света к тени и добавлять на полоску два одинаковых цвета с плавным световым переходом. Главное в таком способе – направить все полоски градиентов одинаково к источнику света, чтобы вся композиция смотрелась правильно.
Объект полностью в тени
Когда мы рисуем сложный объект в «Иллюстраторе», например, человека, бывает так, что одна часть этого объекта, которую мы нарисовали отдельно и потом сгруппировали с остальными, полностью находится в тени. Например, ухо или рука находится с обратной стороны от источника света. Как в данном случае создать эффект тени в «Иллюстраторе»? Чтобы дополнительно не накладывать тени, достаточно лишь покрасить объект (руку или ухо в нашем примере) на несколько тонов темнее.
Здесь мы рассмотрели самые простые способы создания тени в «Иллюстраторе», которые пригодятся начинающим иллюстраторам или любителям.
Как добавить тень в Illustrator
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали авторы-волонтеры.
Количество просмотров этой статьи: 52 447.
Программное обеспечение Illustrator от Adobe Systems используется для создания графики, типографики, высококачественных печатных и веб-документов. Оно особенно ценится среди графических дизайнеров, так как программа «искусна» в создании 3D-логотипов и блоков текста формата «rich text». После того как вы добавили объект или текстовое поле в документ Illustrator, вы можете добавить блеск, отражения, тени и другие эффекты к вашей работе с тем, чтобы показать ее «глубину». Тень в Adobe Illustrator называют «падающей тенью», потому что тень изображения падает ниже изображения или текста, чтобы оно выглядело так, как будто объект поднимается. Эта статья покажет вам, как добавить тень в 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
Наложите маску, чтобы тень от текста не выходила за рамки иконки и сделайте тень для прямоугольника.
Вот и всё! Наши длинные тени готовы!
