Как сделать тень в Adobe Illustrator
Обновлено: 01.07.2024
Добавление теней к вашим проектам – отличный способ придать им глубину и создать впечатление, будто они прыгают со страницы. В этом уроке я покажу, как можно добавить тень в Illustrator, будь то текст, фигура или несколько объектов, чтобы придать своим проектам многомерный вид.
Чтобы добавить тени в Illustrator, достаточно просто выбрать объект и перейти к Эффект > Стилизация > Тень и настроить параметры по своему вкусу. Тем не менее, мы также собираемся продолжить настройку вашей тени, отрегулировав такие вещи, как размер и мягкость тени, цвет тени, а также ее размещение и направление. Наконец, мы рассмотрим, как отредактировать преобразование тени в векторный контур, чтобы вы могли работать с ней на разных платформах.
Добавить тень в Illustrator
В следующем видеоруководстве вы узнаете, как добавлять, редактировать и удалять тени в Adobe Illustrator:
Продолжить чтение письменных инструкций.
Оглавление
Добавить тень с помощью меню эффектов
Чтобы добавить тень в Illustrator, нам сначала нужен объект, к которому мы ее применим. Illustrator позволяет применять тени к отдельным объектам или к нескольким объектам одновременно, и в любом случае это работает одинаково.
Для этой демонстрации я применю тень к следующему дизайну аватара, который состоит из нескольких объектов: Нажмите, чтобы увеличить
Если вы хотите следовать этому уроку, вы можете получить бесплатную копию этих векторных аватаров здесь.
Тень будет применена с помощью меню "Эффекты", которое можно открыть, выбрав Эффект > Стилизация > Тень.
На вашем экране появится меню «Тень», а также будет сгенерирован предварительный рендеринг того, как ваша тень будет выглядеть после применения: Тень, примененная к вашему выделению, является только предварительным просмотром. Он не будет применен, пока вы не нажмете OK.
Если вас устраивает внешний вид тени, нажмите OK, чтобы применить ее. Чтобы изменить его свойства, перейдите к следующим шагам.
Настройка свойств тени
В меню "Тень" есть ряд настроек, которые вы можете внести в внешний вид вашей тени. Давайте рассмотрим некоторые из этих свойств.
Режимы наложения
Предустановка «Режим» позволяет изменить режим наложения тени. Короче говоря, режимы наложения определяют, как объект взаимодействует с другим объектом, расположенным под ним. Вы можете узнать больше обо всех различных типах режимов наложения здесь, или вы можете просмотреть каждый режим самостоятельно, чтобы увидеть, как он влияет на внешний вид вашей тени.
По умолчанию для теней используется режим наложения «Умножение», поэтому в этой демонстрации мы оставим его без изменений.
Непрозрачность
Предустановка «Непрозрачность» позволяет вам контролировать, насколько прозрачной или непрозрачной будет ваша тень.
Увеличение непрозрачности сделает так, что фон не будет просвечивать сквозь тень, что сделает его более четким. Уменьшение этого значения уменьшит его прозрачность, позволяя просвечивать больше фона.
Смещение по осям X и Y
Параметры X Offset и Y Offset позволяют изменить положение тени на монтажной области.
При изменении смещения по оси X ваша тень будет перемещаться влево и вправо, а при изменении смещения по оси Y ваша тень будет перемещаться вверх и вниз.
Настройка размытия управляет размером, мягкостью и четкостью тени.
Увеличение размытия сделает тень больше, мягче и менее заметной. Если его уменьшить, он станет меньше, четче и заметнее.
Цвет
Предустановка «Цвет» позволяет изменить цвет тени в Illustrator. Нажав на нее, вы откроете палитру цветов, чтобы выбрать свой цвет:
Вы также можете нажать кнопку "Образцы цвета", чтобы выбрать цвет на основе имеющихся у вас сохраненных образцов.
Тьма
Наконец, предустановка «Темность» является альтернативой параметру «Цвет». При выборе цвет тени будет основан на более темном оттенке цвета заливки выбранного объекта. Это может придать вашей тени более реалистичный вид.
Как редактировать тень
Теперь, когда мы добавили тень в Illustrator, давайте рассмотрим, как можно редактировать тень после того, как она уже была применена.
Чтобы отредактировать тень в Illustrator, выберите объект(ы), к которым применена тень, и откройте меню "Внешний вид", выбрав Окно > Внешний вид. Меню «Внешний вид» представляет собой указатель всех свойств стиля выбранного объекта.
В меню "Внешний вид" вы должны увидеть элемент списка под названием Тень.Щелкнув по имени, вы откроете меню «Тень», в котором вы сможете изменить его свойства так же, как при его создании.
Как только вы будете удовлетворены внесенными изменениями, нажмите кнопку "ОК", чтобы применить их.
Как удалить тень
Чтобы удалить тень в Illustrator, выберите объект, к которому применяется тень, и откройте меню "Внешний вид", выбрав Окно > Внешний вид.
В меню «Внешний вид» вы должны увидеть свою тень в списке. Просто нажмите на слой, чтобы выбрать его, а затем нажмите на значок маленькой корзины в правом нижнем углу меню, чтобы удалить его.
Преобразование тени в путь
Тень — это особый эффект Illustrator, то есть его можно использовать только в Illustrator. Преобразование тени в векторный контур позволит вам сохранить изображение в различных векторных форматах, чтобы его можно было открыть и обработать в других приложениях для векторного дизайна.
Чтобы преобразовать тень в векторный контур в Illustrator, выберите объект, к которому применена тень, и перейдите в раздел Объект > Развернуть внешний вид. Затем перейдите к Объект > Разгруппировать.
Это отделит вашу тень от объекта, к которому она была применена, и сделает его независимой формой.
Заключение
Благодаря некоторым функциям эффектов добавление тени в Illustrator является простым и удобным процессом. В других приложениях это нужно делать вручную, создавая дубликаты объектов, размывая их и помещая под оригинал.
Если у вас есть какие-либо вопросы или какая-либо часть этого урока непонятна, просто оставьте комментарий ниже.
Стань мастером Adobe Illustrator!
Хотите узнать больше о том, как работает Adobe Illustrator? Посмотрите мою серию объяснений для Illustrator – обширную коллекцию из более чем 100 видеороликов, в которых я рассказываю о каждом инструменте, функции и функции и объясняю, что это такое, как оно работает и почему оно полезно.
Оставить ответ Отменить ответ
Последние сообщения
Расслоение — отличный способ упорядочить элементы дизайна при работе со сложными векторными проектами с большим количеством объектов. Что делать, если вы работаете в Inkscape и уже создали.
В этом уроке мы рассмотрим, как применить текстуру бумаги в Procreate, чтобы ваша работа выглядела так, как будто она сделана из бумаги. Это может быть применено к дизайну, который вы уже создали, или может быть применено.
Оставайтесь на связи
Присоединяйтесь к списку рассылки, чтобы получать уведомления о новых сообщениях и получать более 200 БЕСПЛАТНЫХ шаблонов дизайна!
Рекламные ссылки
сообщить об этом объявлении
Тень — это эффект, который можно легко применить к объектам или текстам в Illustrator. Я использую эту технику все время, чтобы выделить текст в моем дизайне. Я знаю, вы, вероятно, думаете, как я могу выделить что-то тенью? Вот увидите.
В этой статье я покажу вам, как добавить тень в Illustrator, и объясню параметры настройки тени.
Зачем мы добавляем тени к объектам? Давайте посмотрим на пример ниже.
Обратите внимание, что текст на изображении не читается на 100 %, но это хорошее сочетание цветов. Простое решение — добавить тень. Текст будет выделяться (я имею в виду читаемость) и хорошо сочетаться с изображением.
Хотите увидеть трансформацию? Продолжайте читать.
Оглавление
Добавление тени в Adobe Illustrator
Вы можете добавить тень в два шага, просто выберите эффект и настройте параметры.
Примечание. Скриншоты взяты из версии Adobe Illustrator CC 2021 для Mac. Windows или другие версии могут выглядеть иначе.
Шаг 1. Выберите объект, перейдите в верхнее меню и выберите Эффект > Стилизация > Тень.
Примечание. В меню «Эффект» есть два параметра «Стилизация». Выберите один из них в разделе Эффекты Illustrator.
Параметр Stylize в Photoshop Effects предназначен для применения эффекта Glowing Edges.
Как видите, после того, как вы нажмете на параметр "Тень", появится окно настройки, и к вашему объекту, в моем случае к тексту, будет добавлена стандартная тень.
Шаг 2. Измените настройки тени, если вас не устраивают настройки по умолчанию. Есть несколько вещей, которые вы можете изменить, в том числе режим наложения, непрозрачность тени, смещения по осям X и Y, размытость и цвет тени.
Краткое объяснение настроек тени
Режим тени по умолчанию — «Умножение». Именно его вы будете чаще всего использовать для обычного эффекта тени. Но не стесняйтесь экспериментировать с параметрами для создания различных эффектов.
Вы можете настроить непрозрачность тени. Чем выше значение, тем заметнее эффект. Установленная непрозрачность 75 % — довольно хорошее значение.
Смещения по осям X и Y определяют направление и расстояние тени. Смещение по оси X управляет расстоянием тени по горизонтали. Положительное значение применяет тень справа, отрицательное — слева. Y Offset изменяет вертикальное расстояние тени. Положительное значение показывает тень вниз, а отрицательное — тень вверх.
Размытие Думаю, это довольно легко понять. Если вы установите значение размытия на 0, тень будет выглядеть довольно резкой.
Например, на этом снимке экрана я изменил значение размытия на 0, немного изменил значения смещения, режим наложения и изменил цвет тени на бордовый с меньшей непрозрачностью.
Если вы хотите изменить цвет, просто щелкните поле цвета, и откроется окно выбора цвета.
Совет. Убедитесь, что флажок "Предварительный просмотр" установлен, чтобы вы могли видеть, как выглядит эффект при редактировании.
Удачи, экспериментируя с параметрами настройки.
Хорошо, я думаю, что теперь это выглядит довольно хорошо. Нажмите кнопку ОК и все.
Еще кое-что (дополнительный совет)
Эффект тени, который вы только что создали, будет сохранен. Поэтому, если у вас есть несколько объектов, к которым вы хотите добавить одну и ту же тень, вам не нужно снова повторять настройки.
Просто перейдите в верхнее меню и выберите Эффект > Применить тень, тот же эффект будет применен к вашим новым объектам.
На сегодня все
Теперь вы понимаете, что я имел в виду, когда говорил о выделении текста тенью? Это простое решение сделать текст или объект более заметным без изменения цвета. Я знаю, как трудно найти правильную цветовую комбинацию для многоцветного дизайна, поэтому я надеюсь, что это решение подойдет и вам.
Окончила специальность "Креативная реклама", более восьми лет работала графическим дизайнером, специализируясь на брендинге и иллюстрации. Да, Adobe Illustrator — мой лучший друг, и я увлекаюсь искусством и дизайном.
Оставить ответ
Эй, креативщики!
Меня зовут Джун, я графический дизайнер и решаю проблемы. Я здесь, чтобы помочь вам решить ваши проблемы с Illustrator. Узнайте больше обо мне и почему я создал этот сайт здесь.
Последние сообщения
Лучшее от IllustratorHow
Подпишитесь на мою рассылку, чтобы получать последние советы по Adobe Illustrator на свой почтовый ящик.
Отказ от ответственности
Illustrator — это программа для дизайна, разработанная Adobe Inc. Этот сайт не связан с Adobe. Являясь партнером Amazon, я зарабатываю на соответствующих покупках.
В сегодняшнем уроке мы подробно рассмотрим инструменты, которые можно использовать для создания эффекта длинной тени. Мы будем использовать живые эффекты и панель Appearance в Adobe Illustrator. Используя эффект длинной тени, мы создадим два графических стиля, которые можно применить к отдельным путям и к группам объектов. Надеемся, вам понравится наш новейший урок!
Подробности руководства по эффекту длинной тени
- Программа:Adobe Illustrator CS5 — CC
- Сложность: начинающий
- Рассматриваемые темы: панель «Внешний вид», живые эффекты.
- Расчетное время выполнения: 10 минут.
Окончательное изображение
Шаг 1
Запустите Adobe Illustrator и создайте новый документ (Cmd/Ctrl + N). Ваш артборд может быть любого размера. Стили будут одинаково хорошо работать в цветовых режимах RGB и CMYK.
Создание сплошной длинной тени
Шаг 2
Создайте прямоугольник любого цвета и размера. Это будет служить вашим фоном. Затем нарисуйте случайный объект новым цветом.Я создал звезду с белой заливкой и без обводки. Мы применим к этому объекту эффект длинной тени.
Откройте панель "Внешний вид" ("Окно" > "Внешний вид") и выберите звездочку.
Нажмите кнопку "Добавить новую заливку" на панели "Внешний вид".
Шаг 3
Выберите нижнюю заливку на панели «Внешний вид» и измените цвет с белого на серый.
Выделите звезду и серую заливку, затем выберите Эффект > Исказить и трансформировать > Трансформировать…. В открывшемся диалоговом окне установите значение смещения по вертикали и горизонтали на 0,5 пикселя. Тень будет располагаться под углом 45 градусов, поэтому смещения одинаковы. Отметьте опцию предварительного просмотра и установите количество копий. Их значение зависит от длины тени, которую вы хотите создать.
Получите миллионы стоковых изображений и видео по лучшей цене
Неограниченный доступ. Атрибуция не требуется. Всего от 9 долларов США в месяц.
Шаг 4
Для серой заливки установите режим наложения «Умножение» на панели «Внешний вид».
Мы создали простой эффект длинной тени. Чтобы сохранить его как стиль графики, перетащите звездочку на панель «Стиль графики».
Теперь вы можете применить этот графический стиль к другим объектам. Это могут быть объекты, состоящие из одного пути, составного пути, редактируемого текста и даже группы объектов.
Если вы профессионал в Illustrator, это может быть для вас старая новость. Однако, если вы только начинаете пользоваться панелью «Внешний вид», надеюсь, вы узнали кое-что, чего раньше не знали!
Теперь давайте поработаем над чем-нибудь более сложным…
Создание постепенной длинной тени
Шаг 5
Часто дизайнеры создают градиентную тень (то есть ее плотность уменьшается). Итак, давайте попробуем тот же стиль. Вернемся к нашей звезде с эффектом сплошной длинной тени. Замените серую заливку на панели «Внешний вид» серо-черным линейным градиентом.
Установите для градиента угол 135 градусов и переключите черный ползунок на серый на панели "Градиент" ("Окно" > "Градиент").
Шаг 6
Выделите объект и нижнюю заливку на панели «Оформление», а затем выберите «Эффект» > «Обработка контуров» > «Добавить».Приложение может открыть окно с предупреждением о том, что мы не можем применить этот эффект. Не обращайте на это внимания и просто нажмите кнопку ОК.
А теперь перетащите эффект «Добавить» ниже эффекта «Трансформация» на панели «Прозрачность».
Обработка эффекта может занять некоторое время. Все зависит от сложности объекта и количества копий эффекта Transform.
Шаг 7
При необходимости отредактируйте длину градиента и интенсивность серого с помощью инструмента "Градиент" (G).
Как видите, мы достигли эффекта постепенного затенения. Сохраните эффект длинной тени на панели «Стиль графики» для последующего использования. Мы можем применить этот стиль к контуру, составному контуру, редактируемому тексту и к группе объектов.
Шаг 8
После применения разработанных нами стилей часть тени может выйти за пределы фона.
В таком случае скройте лишнюю часть (за пределами фона) с помощью обтравочной маски. Создайте дубликат фона (Cmd/Ctrl+C; Cmd/Ctrl+F), затем поместите новый объект над всеми существующими объектами.
Шаг 9
Выберите верхний объект и объекты (к которым был применен эффект длинной тени), затем выберите Объект > Обтравочная маска > Создать или используйте сочетания клавиш Cmd/Ctrl + 7.
Шаг 10
Если мы применим эффект длинной тени к различным объектам, расположенным близко друг к другу, мы увидим наложение теней, как на изображении ниже.
Чтобы устранить эту проблему, сгруппируйте объекты с тенями и выберите всю группу на панели «Слои». Теперь проверьте Knockout Group на панели Transparency.
И готово! Надеюсь, вам понравился наш краткий туториал с советами, и надеюсь, вы сможете использовать эти читы в своих будущих проектах.
Ярослав Лазунов
Меня зовут Ярослав Лазунов, я графический дизайнер из Житомира, Украина. Я рада, что наконец-то нашла в своей жизни работу, на которой могу делиться с вами своими знаниями и экспериментами в своих уроках.
Сегодня мы изучим несколько способов создания векторной тени с помощью инструментов Blend Tool, Gradient Tool, Gradient Mesh и панели Appearance. Получайте удовольствие от изучения нашего нового руководства по Adobe Illustrator!
Создание тени из простой геометрической формы
Это самая простая ситуация. Есть два способа создать такую тень. Первый способ — использовать инструмент «Переход» между двумя простыми фигурами, например, прямоугольниками, эллипсами и так далее. Цвет первого объекта должен быть черным или темно-серым; цвет второго объекта — белый с непрозрачностью 0%. Для объекта следует использовать режим наложения Multiply.
Второй способ можно использовать только для эллиптической тени. Этот метод заключается в создании эллипса с черной или темно-серой заливкой и маски непрозрачности эллипса такой же формы, но с заливкой, состоящей из градиента от белого к черному.
Создание тени сложной формы
Это довольно популярный случай. Есть несколько способов создания теней от таких объектов. Первый способ можно назвать универсальным; смысл его в создании и ручном редактировании "правильного" blend object без артефактов. Более подробную информацию и описание этого метода можно найти в учебнике Как избежать проблем при создании смешанных объектов. Вкратце, этот метод касается двух форм, которые должны иметь одинаковое количество точек при входе в бленд-объект.
Одним из вариантов может стать Gradient Mesh. Давайте подробнее рассмотрим этот метод. Для начала примените к объекту или группе объектов эффект Тень (Эффект > Стилизация > Тень) с необходимыми параметрами.
Перейдите к объекту > разверните внешний вид, чтобы получить растровый объект. Этот объект имеет тот же режим наложения и непрозрачность, что и эффект «Тень».
поэтому перейдите в Объект > Растеризовать. Теперь создайте прямоугольник, затем перейдите в Object > Create Gradient Mesh. и установить небольшое количество ячеек. Затем придайте градиентной сетке форму, которая примерно напоминает форму растровой тени.
Теперь мы можем увеличить количество ячеек с помощью подключаемого модуля Mesh Tormentor.
Выберите оба объекта и с помощью Mesh Tormentor скопируйте цвета растрового изображения в наложенные точки сетки.
Удалите растровое изображение и примените режим наложения «Умножение» к градиентной сетке. Не беспокойтесь о некоторых артефактах, которые появляются в нашей тени. Все артефакты исчезнут при экспорте в растровый формат или импорте в Photoshop.
Есть еще один способ создания векторных теней для пользователей Adobe Illustrator CS6. Это требует использования градиентов на штрихах. Давайте проверим, как это работает. Для начала создадим путь нашей будущей тени.
Установите ширину обводки 30 пикселей, удалите ненужные точки и придайте контуру более плавную форму с помощью инструмента "Прямое выделение" (A).
Теперь примените к обводке линейный градиент от белого с непрозрачностью 0% до темно-серого.
Перейдите к объекту > разверните внешний вид. Теперь наш путь превращается в градиентную сетку.
Можно ли использовать описанный выше метод в более ранних версиях Adobe Illustrator? Безусловно, да! Для этого создайте прямоугольник шириной 30 пикселей и залейте его линейным градиентом, как показано на рисунке ниже.
Перейдите к Объект > Разобрать и установите следующие параметры.
В полученной группе удалите все, кроме Gradient Mesh. Так как Gradient Mesh состоит только из одной ячейки, то с помощью Mesh Tormentor увеличьте ее количество.
Превратите градиентную сетку в сетку кисти.
Создайте из полученной группы объектов Художественную кисть с параметрами, указанными на рисунке ниже.
Далее, как и в Illustrator CS6, нам понадобится путь для будущей тени.
Примените к нему созданную кисть.
Выберите Объект > Разобрать внешний вид, затем преобразуйте полученные объекты в градиентную сетку.
Объедините начальную и конечную точки градиентной сетки с помощью инструмента "Прямое выделение" (A).Режим Smart Guides (Cmd/Ctrl+U) поможет вам работать точно и быстро.
Создание тени из очень сложной фигуры с большим количеством мелких деталей или из текста
Эта ситуация возникает так же часто, как и предыдущая, и хотя здесь можно использовать любой описанный выше метод, это потребует огромных усилий. Решением может стать использование панелей «Внешний вид» и «Стили графики». Создайте дубликат базового объекта прямо под ним (Cmd/Ctrl+C, Cmd/Ctrl+B) со сплошной заливкой (Серый 60%); сдвиньте его немного вниз и вправо.
Откройте панель "Внешний вид" ("Окно" > "Внешний вид") и установите для заливки непрозрачность 5 %.
Добавьте новую заливку с непрозрачностью 5 %, а затем примените эффект «Смещенный контур» («Эффект» > «Контур» > «Смещенный контур…») со значением 0,5 пикселя.
Нужно добавить остальные 19 заливок по аналогии. Значение непрозрачности должно быть везде 5%, а Offset Path должен каждый раз меняться на 0,5 px. Таким образом, для последней заливки Offset Path значение должно быть -10px.
Поскольку у теней обычно нет острых краев, примените эффект «Скругленные углы» («Эффект» > «Стилизация» > «Скругленные углы…») с небольшим значением, в данном случае 5 пикселей.
Перетащите тень на панель «Стили графики». И теперь, используя стиль, мы можем легко создать тень от любого объекта.
Перейдите в Объект > Разобрать внешний вид, мы получим группу простых объектов с 5% непрозрачностью каждого.
На рисунке ниже вы можете видеть тень с линейным градиентом в качестве заливки. Это дает нам возможность изменять плотность тени, удаляясь от объекта.
Читайте также: