Сделать тень в иллюстраторе: Создание теней в Illustrator
Как сделать тень от объекта в Illustrator
Приветствуем вас, дорогие читатели. В сегодняшней статье мы расскажем вам о 8 способах, которыми вы сможете создать тень в Adobe Illustrator. Также мы постараемся привести вам примерные ситуации, в которых вам может пригодиться каждый из способов. Также вы можете пользоваться тем, который вам понравится больше всего.
Как сделать тень в IllustratorКак вы, наверное, знаете, Adobe Illustrator предназначена для создания типографической высококачественной графики, а также для работы с веб-документами. Чаще всего данной программой пользуются графические дизайнеры, создающие с ее помощью красочные и сочные логотипы, с использованием различных эффектов. Например:
Одним из таких эффектов и является тень или падающая тень. Данный эффект позволяет сделать изображение, будто бы оно находится в воздухе и отбрасывает тень, в результате чего ваша иллюстрация приобретает совершенно иные свойства и характеристики и выглядит намного более реальной, чем обычный логотип.
Специально для вас мы выбрали все способы, которыми вы сможете добавить тень на вашу иллюстрацию и ниже мы расскажем вам, как ими пользоваться. Для примера возьмем обычный рисунок круга и попытаемся добавить к нему тень различными способами.
Способ № 1Для этого вам нужно будет найти пункт «эффекты», расположенный на верхней панели. Кликните по нему, выберите пункт «стилизация» и «тень».
У вас откроется маленькая табличка, в которой вы и сможете настроить тень для вашего круга.
Нажимаете ОК и получаете вот такой результат:
Недостаток этого способа заключается в том, что при разборе вашей иллюстрации вы, по итогу, получите растровую картинку, которая не является вектором и которую на стоке невозможно загрузить в векторном формате. Можно, конечно, трассировать эту тень, или воспользоваться отдельными плагинами, однако это займет много лишнего времени, поэтому, если вас не устраивает такая тень, то давайте перейдем к следующему способу.
Второй способ заключается в том, что вам нужно будет скопировать ваш объект (в нашем случае круг) и поместить его под объект текущий, перекрасив его в цвет тени. Вот, как это делается.
Выберите ваш объект на холсте и кликните на значок глаза, в таблице со слоями справа. У вас откроется табличка, в которой вы должны будете изменить настройки вашего объекта, чтобы он слегка сдвинулся.
Выбираем цвет нижнего объекта (что-то потемнее) и получаем примерно такой же эффект, как и в первом способе. Это уже намного лучше, т.к. так вы сможете сохранить векторность картинки.
Способ № 3Вы должны будете дорисовать вашу тень при помощи инструмента «перо» или любого другого инструмента.
На скорую руку это будет выглядеть примерно следующим образом:
Способ № 4В данном случае вы также должны будете нарисовать тень от руки, только уже при помощи текстурной кисти. Можете создать кисть самостоятельно, а можете выбрать что-то из готовых вариантов.
Далее наведите кисть на или под ваш объект и создайте текстурированную тень.
Вы сможете создать вашу тень под объектом при помощи градиента в круге. Вам нужно будет создать эллипс, залить его градиентом (подробнее об этом читайте в соответствующей статье у нас на сайте).
Выберите цвет, который в сочетании с белым, лучше всего подойдет для создания вашей тени. Останется только приплющить ваш градиент, чтобы создать эффект «падающего» объекта.
Способ № 6Тут вы также должны воспользоваться градиентом, только уже градиентом по обводке. Для этого скопируйте ваш объект и вставьте его на задний план (Ctrl+B). Уберите заливку, тем самым оставьте только обводку.
Выберите линейный градиент, а также функцию «применить градиент для всей обводки».
Далее вам нужно будет поменять местоположение белого цвета, чтобы он был снаружи контура, а не изнутри. Получится примерно следующее:
Верните градиент на вашу иллюстрацию и получится вот такая тень.
Минусом ее является то, что тень будет падать во все стороны, однако это один из лучших вариантов по качеству. Не забывайте и о том, что контуры градиента всегда можно подредактировать, тем самым убрав тень с ненужных краев вашей фигуры.
Способ № 7Данный способ заключается в создании сетчатого градиента. Для этого вы должны будете создать еще один эллипс, набросить на него сетчатый градиент и соответствующим образом разукрасить точки под цвет тени.
В результате вы получите еще одну крутую тень от падающего объекта.
Способ № 8Он заключается в создании тени при помощи бленда. Для этого вам нужно будет скопировать ваш объект и дважды вставить его на панель слоев. Одну из копий вы должны сделать белой и полностью прозрачной. Вторую делаем темного цвета, но тоже на 100% прозрачную.
Далее обе тени немного перетягиваем в сторону и при помощи бленда определяем количество шагов, на которое нужно сместить нижние картинки.
Если впоследствии тень будет использоваться на цветном фоне, то измените ее режим наложения на умножение.
На этом мы хотим закончить нашу статью, всем удачи и до новых встреч.
Как нарисовать тень в Adobe Illustrator для микростоков
Blend Tool + Прозрачность + режим смешивания Multiply (Умножение)
Этот вариант самый красивый, но подходит только для EPS 10. Смотрите на видео:
Для объектов сложной формы
Blend Tool (перетекание)
Создаем копию основной фигуры, выделяем копию и идем в меню Object -> Path -> OffsetPath…
Нам нужно создать еще одну копию этой фигуры, но по-больше. По-этому в появившемся окошке указываем на какое количество пикселей новый объект будет больше. Я указала 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%.
Если вы знаете еще способы создания теней для микростоков — напишите в комментариях!
Хотите заработать на своей иллюстрации? Узнайте как это сделать с помощью микростоков.
У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.
Как нарисовать тень в Illustrator поэтапно. Видео урок
Чтобы нарисованный векторный предмет не казался плоским, к нему добавляют тени и блики. Приемы, описанные в уроке помогут нарисовать тень и придать объема вашему векторному рисунку.
Рисование контура тени.
Тени, как правило, располагаются внутри предмета и проходят по краю, поэтому, удобно будет использовать инструмент «Создание фигур (Shift+M)» для отсечения лишнего или создания новой фигуры на основе двух существующих.
Для этого нарисуйте два круга со смещением, как показано на рисунке ниже. Или другие необходимые фигуры. Важно помнить, что рисуя тень, главное правильно провести линию внутри предмета и замкнуть, все что за пределами, — обрежется. Выделите оба предмета. И возьмите инструмент «Создание фигур». Удерживая клавишу ALT, щелкните по лишней области и она удалиться.
Если вы хотите сделать рисунок более красивым, создайте второй контур тени рядом с первым. Вторая тень будет более светлой, чем первая и это добавит объема. Ведь, чем больше деталей прорисовано, тем красивее рисунок.
Раскраска теней и бликов.
Цвет тени и блика должен быть, соответственно, немного темнее и светлее основного цвета предмета. Изменить цвет можно двумя способами:
- Кликнув два раза по образцу цвета перетянуть указатель выше или ниже.
- Оставить цвет тем же. Но поменять режим наложения. Для теней подойдет «Умножение», а для освещенной части предмета «Осветление».
Второй способ следует использовать осторожно, так как любые эффекты могут не правильно прочитаться в более ранних версиях. А для продажи изображений, лучше вообще избегать подобных трюков и менять только цвет.
Также хорошим эффектом объема обладает сетчатый градиент (Mesh Tool). Этот инструмент позволяет «натянуть» сетку на фигуру и раскрасить каждое из звеньев в отдельный цвет. С помощью сетчатого градиента, можно не только создавать тени и блики, но и придать векторному рисунку фотореализма.
Другие способы нарисовать тень
Кроме того, красивые тени получаются благодаря инструменту «Градиент». Если поставить с обоих сторон черный цвет и поменять значение прозрачности от нуля до 50%, выйдет красивая тень с плавным перетеканием. В сочетании в режимом наложения «Умножение» выглядеть она будет очень реалистично, даже на цветном фоне.
Например, под шаром нарисован эллипс с радиальной тенью, которую тоже пришлось изменить по форме овала. Выглядит такая тень очень реалистично.
Ниже расположен другой пример такой тени. Воротник рубашки немного выделяется, благодаря линейному градиенту с минимальными значениями прозрачности.
Складки на одежде или тени, имеют не правильную форму, поэтому, для рисования подойдет инструмент «Карандаш».
Часто, тени располагаются по краю одежды, чтобы они не выглядывали за пределы, отсекать лишнее будем инструментом «Создание фигур» описанным выше.
Реальный пример работы с тенями, можно увидеть в уроке рисования человека в векторе.
Видео урок: Рисуем тени и блики в Adobe Illustrator.
(Visited 3 967 times, 1 visits today)
Как нарисовать тень на тексте в Illustrator • ARTshelter
Тень на тексте смотрится интересно и красиво, но чаще всего для ее создания нужно переходить в Photoshop, а это нарушает рабочий процесс с векторными объектами. В этом уроке я покажу вам, как просто и быстро нарисовать тень на тексте средствами Adobe Illustrator.
Создаем новый документ и заливаем его любым цветом. Я использовал #FCAD3C.
Берем объект, к которому нужно применить тень. Это может быть обычная надпись или текстовый логотип. Если вы создали текст, то прежде, чем продолжить работу, его необходимо перевести в кривые. Для этого переходим Object – Expand (Объект – Разобрать) и в появившемся окошке жмем ОК.
Берем Ellipse Tool (L) (Овал) и создаем окружность. Размещаем ее так, чтобы граница окружности была продолжением одной из границ буквы.
Затем берем Pen Tool (P) (Перо) и скрываем верхний конец буквы. Выделяем получившуюся фигуру и окружность, затем на панели Window – Pathfinder (Окно – Обработка контуров) жмем кнопку Unite (Добавить к фигуре), чтобы объединить две фигуры в одну.
Выделяем фигуру, затем букву и активируем Shape Builder Tool (Shift+M) (Создание фигур). Обратите внимание, что если зажать клавишу Alt, то на курсоре символ + (плюс) изменится на – (минус).
С зажатой клавишей Alt кликаем на область черной фигуры, которая выходит за пределы буквы (при наведении она выделится), чтобы удалить ее.
Выделяем полученную черную фигуру и жмем Ctrl+X, чтобы скопировать ее в буфер обмена и вырезать. Берем Ellipse Tool (L) (Овал) и создаем новую окружность.
Затем переходим Effect – Blur – Gaussian Blur (Эффект – Размытие – Размытие по Гауссу) и устанавливаем радиус размытия примерно на 35-40 пикселей (зависит от размеров окружности).
Обратите внимание! Если после размытия окружности на фигуре появились жесткие границы, то открываем Effect – Document Raster Effects Settings (Эффект – Параметры растровых настроек в документе) и в поле Add (Добавить) вводим 100. Если границы все еще видны, увеличиваем значение.
Далее переходим на панель Window – Transparency (Окно – Прозрачность) и жмем на кнопку Make Mask (Создать маску). В результате размытая окружность должна исчезнуть.
Далее на панели Transparency (Прозрачность) кликаем на черную маску, затем жмем Ctrl+F, чтобы вставить вырезанную область на маску, и отмечаем галочкой Invert Mask (Инвертировать маску).
Чтобы изменить положение тени, выделяем размытую окружность и на панели Transparency (Прозрачность) снимаем привязку, затем двигаем тень. Здесь же можно отрегулировать Opacity (Непрозрачность) тени.
Как создать 100% векторную тень в Adobe Illustrator — Советы
Сегодня мы рассмотрим несколько способов создания векторной тени в Adobe Illustrator с эффектом размытия, при помощи Blend Tool, Gradient Tool, Gradient Mesh и панели Appearance.
Создание тени от простой геометрической формы
Это самая простая ситуация. Создать такую тень можно двумя способами. Первый способ – использовать Blend Tool между двумя простыми формами, например, прямоугольниками, эллипсами и так далее. Цвет первого объекта — черный или темно-серый, цвет второго объекта — белый, непрозрачность 0%. Для бленд объекта следует использовать режим смешивания Multiply.
Второй способ может использоваться только для эллиптической тени. Заключается он в создании эллипса с заливкой черным или темно-серым цветом, и маски прозрачности из аналогичного по форме эллипса, но с заливкой радиальным градиентом от белого к черному цвету.
Создание тени от сложной или комплексной фигуры
Это довольно распространенный случай. Для создания тени от таких объектов существует несколько способов. Первый из них можно назвать универсальным, его смысл в создании и ручном редактировании «правильного” бленд объекта без артефактов. Подробное описание этого способа вы сможете найти в уроке: Как избежать проблем при создании 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% прозрачности для заливки.
Добавим заливку со значением прозрачности 5%, применим эффект Offset Path (Effect > Path > Offset Path…) со значением -0,5 px.
Аналогичным образом нам нужно добавить еще девятнадцать заливок. Значение прозрачности везде должно равняться 5%, а значение Offset Path каждый раз должно изменяться на 0,5 px. Таким образом, для последней заливки Offset Path должно быть равно -10 px.
Так как тени обычно не имеют острых углов, применим эффект Round Corners (Effect > Stylize > Round Corners…) с небольшим значением, в данном случае 5 px.
Перетащим тень в панель Graphic Styles. Теперь, используя стиль, мы можем с легкостью создавать тень из любого объекта.
После применения к объекту со стилем тени команды Object > Expand Appearance, мы получим группу простых объектов с непрозрачностью каждого 5%
На рисунке ниже показана тень, у которой в качестве заливки был использован линейный градиент. Это дает нам возможность изменять плотность тени при удалении от объекта.
КАК: Как создать длинную тень в Adobe Illustrator CC 2014
01 из 05Как создать длинную тень в Adobe Illustrator CC 2014
Если есть одна фундаментальная правда о работе с графическим программным обеспечением, то это: «Есть 6000 способов сделать все в цифровой студии». Пару месяцев назад я показал вам, как создать длинную тень в иллюстраторе. В этом месяце я покажу вам другой путь.
Длинные тени являются отличительной чертой тенденции к Flat Design в Интернете, которая является реакцией на тенденцию Skeuomorphic, которую возглавлял Apple. Эта тенденция была распространена благодаря использованию глубины, тени и т. Д., Чтобы имитировать объекты. Мы видели это в строчке вокруг календаря и использовании «дерева» в значке книжного шкафа в Mac OS.
Плоский дизайн, который впервые появился, когда Microsoft выпустила свой проигрыватель Zune в 2006 году и через четыре года перешла на телефон Windows, идет в обратном направлении и характеризуется минималистским использованием простых элементов, типографикой и плоскими цветами.
Хотя есть те, кто, кажется, рассматривает Flat Design как прохожущую тенденцию, его нельзя сбрасывать со счетов. Особенно, когда Microsoft строит этот стандарт дизайна в своем интерфейсе Metro, и Apple переводит его как на свои Mac OS, так и на устройства iOS.
В этом «How To» мы собираемся создать длинную тень для кнопки Twitter. Давайте начнем.
02 из 05Как начать создавать длинную тень
Первым шагом в этом процессе является создание объектов, используемых для тени. Очевидно, что это логотип Twitter. Все, что вам нужно сделать, это выбрать объект и скопировать его. С помощью объекта в буфере обмена, выберите «Редактирование»> «Вставить в задний план»и копия объекта вставляется в слой под исходным объектом.
Отключите видимость верхнего слоя, выберите вставленный объект и заполните его черным.
Скопируйте и вставьте обратно черный объект. Вставляемый объект будет выбран и, удерживая клавишу Shift, переместите его вниз и вправо. Удерживая клавишу Shift во время перемещения объекта, он ограничивает движение до 45 градусов, что является точно углом, используемым в Flat Design.
03 из 05Как использовать меню наложения для создания длинной тени
Типичная тень проходит от темноты к свету. Чтобы учесть это, выберите черный объект за пределами художественных работ и установите для значения Opacity значение 0%, Вы также можете выбрать Окно> Прозрачность чтобы открыть панель прозрачности и установить это значение равным 0.
С нажатой клавишей Shift выберите черный объект в кнопке, чтобы выбрать как видимые, так и невидимые объекты на отдельных слоях. Выбрать Объект> Blend> Make, Это не совсем то, что мы ищем. В моем случае в новом слое Blend есть одна птица Twitter. Давайте это исправим.
В выбранном слое смешивания выберите Объект> Blend> Параметры Blend, Когда появится диалоговое окно «Параметры смешивания» Указанное расстояние от пункта «Смещение» и установите расстояние до 1 пиксель. Теперь у вас довольно гладкая тень.
04 из 05Как использовать панель прозрачности с длинной тенью
С тенью все еще не совсем правильно. Он все еще немного силен и пересиливает сплошной цвет за ним. Чтобы справиться с этим, выберите слой Blend и откройте панель Transparency. Установите режим смешивания Multiply и Opacity на 40% или любое другое значение, которое вы выберете. Режим Blend определяет, как тень будет взаимодействовать с цветом за ним, а изменение непрозрачности смягчает эффект.
Включите видимость верхнего слоя, и вы увидите свою длинную тень.
05 из 05Как создать обтравочную маску для длинной тени
Очевидно, что тень, которая свисает с базы, не совсем то, что мы ожидаем. Давайте используем форму на базовом уровне, чтобы закрепить тень.
Выберите базовый слой, скопируйте его в буфер обмена и, опять же, выберите «Редактирование»> «Вставить в конец», Это создает копию, которая находится в точном месте оригинала. На панели «Слои» переместите этот скопированный слой над слоем Blend.
С Клавиша переключения удерживается нажатой нажмите на слой Blend. Выбрав как скопированную базу, так и слои Blend, выберите «Объект»> «Обтравочная маска»> «Создать». Тень обрезана, и здесь вы можете сохранить документ.
Как создать внутреннюю тень в Adobe Illustrator: John Smith Illustration
В этом уроке по работе в Illustrator мы рассмотрим технику создания внутренней тени. К сожалению, в отличие от Photoshop такой функции нет в Adobe Illustrator. Но этот факт не будет проблемой для вас после прочтения этого векторного урока.Шаг 1
Рассмотрим создание внутренней тени на примере сложных форм. Это может быть некоторый текст, расположенный на освещенном фоне. Я думаю, это довольно распространенный случай применения этого эффекта.
Выделяем текст и переходим Type > Create > Outlines.
Шаг 2
Копируем полученную группу и вставляем вперед два раза (Command / Ctrl + C, Command /Ctrl + F (2 раза)).
Берем инструмент иллюстратора — Rectangle Tool (M) и создаем прямоугольник белого цвета. Прямоугольник должен полностью закрывать текст.
Шаг 3
Переместим прямоугольник в панели слоев так, чтобы он находился между первой и второй группой с текстом.
Отключим для наглядности видимость первой и третей группы с текстом в панели слоев иллюстратора.
Выделяем вторую группу и белый прямоугольник, затем нажимаем на Minus Front в панели Pathfinder (Window > Pathfinder).
Мы получили прямоугольник с вырезанным в нем текстом.
Шаг 4
Не снимая выделения с прямоугольника, переходим Effect > Stylize > Drop Shadow…
Теперь мы можем управлять параметрами тени в открывшемся диалоговом окне.
Шаг 5
Включаем видимость верхней группы с текстом, выделяем ее, затем переходим Object > Compound Path > Make или используем комбинацию клафишCommand /Ctrl + 8 .
Выделяем составной путь (Compound Path) и белый прямоугольник, затем переходим Object > Clipping Path > Make или используем комбинацию клавиш Command /Ctrl + 7
Шаг 6
Как вы видите, по краям букв образовались белые артефакты. Устраним этот недостаток. Находим и выделяем белый прямоугольник с вырезанным текстом в панели слоев. Теперь применим к нему режим смешивания Multiply в панели Transparency.
Белый цвет становится прозрачным после применения этого режима смешивания.
Шаг 7
Я думаю, что эффект Drop Shadow должен быть отрегулирован. Открываем в иллюстраторе панель Appearance (Window > Appearance), выделяем прямоугольник с вырезанным текстом и кликаем по названию эффекта в панеле.
Для того чтобы края объектов не мешали нам настраивать эффект отключим их видимость View > Hide Edges (Command + H)
Шаг 8
Включаем видимость самой нижней группы с текстом, заливаем ее серым цветом и применяем режим смешивания Multiply в панели Transparency.
Надеюсь, описанная техника будет полезна для вас, и вы с успехом сможете применять ее в своих векторных иллюстрациях.
Как добавить падающую тень в Illustrator
Добавление падающих теней к вашим проектам — отличный способ придать им некоторую глубину и заставить их выглядеть так, как будто они прыгают со страницы. В этом уроке я продемонстрирую, как вы можете добавить тень в Illustrator — будь то текст, фигура или несколько объектов, чтобы вы могли придать своему дизайну многомерный вид.
Для добавления падающих теней в Illustrator достаточно выбрать объект и перейти к Effect> Stylize> Drop Shadow и настроить параметры по своему вкусу.Однако мы также собираемся продолжить настройку вашей тени, настроив такие параметры, как размер и мягкость тени, цвет тени, а также ее расположение и направление. Наконец, мы рассмотрим, как отредактировать преобразование падающей тени в векторную траекторию, чтобы вы могли работать с ней на разных платформах.
Добавить падающую тень в Illustrator
| Чтобы добавить падающую тень в Illustrator, выберите свой объект и перейдите к Effect , Stylize и выберите Drop Shadow .Используйте меню Drop Shadow , чтобы настроить параметры в соответствии с вашими предпочтениями, затем нажмите OK , чтобы применить изменения. |
Следующее видео-руководство проведет вас через процесс добавления, редактирования и удаления падающих теней в Adobe Illustrator:
Продолжайте, чтобы ознакомиться с письменными инструкциями.
Добавление падающей тени с помощью меню «Эффекты»
Чтобы добавить падающую тень в Illustrator, нам сначала нужен объект, к которому она будет применяться.Illustrator позволяет применять тени к отдельным объектам или сразу к нескольким объектам, и в любом случае это работает одинаково.
Для этой демонстрации я применю падающую тень к следующему рисунку аватара, который состоит из серии нескольких объектов: Нажмите, чтобы увеличить
Если вы хотите следовать этому уроку, вы можете бесплатно получить копию эти векторные аватарки здесь.
Тень будет применена с помощью меню Effects , которое можно найти, перейдя в Effect> Stylize> Drop Shadow .
Меню Drop Shadow появится на вашем экране, а также будет сгенерирован предварительный рендеринг того, как ваша тень будет выглядеть после применения: тень, примененная к вашему выбору, является только предварительным просмотром. Он не будет применен, пока вы не нажмете ОК .
Если вас устраивает внешний вид вашей тени, вы можете нажать OK , чтобы применить ее. Для дальнейшей настройки его свойств перейдите к следующим шагам.
Регулировка свойств падающей тени
В меню Drop Shadow находится набор настроек, которые вы можете внести во внешний вид вашей падающей тени.Давайте рассмотрим некоторые из этих свойств.
Режимы наложения
Пресет Mode позволяет вам изменять режим наложения вашей тени. Короче говоря, режимы наложения определяют, как объект взаимодействует с другим объектом, расположенным под ним. Вы можете узнать больше обо всех различных типах режимов наложения здесь или самостоятельно просмотреть каждый режим наложения, чтобы увидеть, как он влияет на внешний вид вашей тени.
По умолчанию для падающих теней используется режим наложения Умножение , поэтому для данной демонстрации мы оставим его как есть.
Непрозрачность
Предварительная установка Непрозрачность позволяет вам контролировать, насколько прозрачной или непрозрачной будет ваша тень.
При увеличении непрозрачности фон не будет виден сквозь падающую тень, что сделает его более четким. Уменьшение его значения приведет к уменьшению его прозрачности, позволяя просвечивать больше фона.
Смещение по X и Y
Параметры Смещение по оси и Смещение по Y позволяют изменять положение падающей тени на монтажной области.
Изменение смещения X по оси будет перемещать вашу тень влево и вправо, тогда как смещение по оси Y будет перемещать вашу тень вверх и вниз.
Размытие
Параметр Размытие управляет размером, мягкостью и четкостью вашей тени.
Увеличение размытия сделает вашу тень больше, мягче и менее заметной. Его уменьшение сделает его меньше, четче и заметнее.
Color
Предварительная установка Color позволяет изменять цвет тени в Illustrator.При нажатии на нее откроется палитра цветов, в которой вы сможете выбрать свой цвет:
В дополнение к палитре цветов вы можете выбрать цвет вашей тени на основе любого из следующих свойств:
Вы также можете щелкнуть цвет Кнопка Swatches для выбора цвета на основе любых сохраненных образцов.
Darkness
Наконец, предустановка Darkness является альтернативой опции Color . Если этот параметр выбран, цвет вашей тени будет основан на более темном оттенке цвета заливки выбранного объекта.Это может придать вашей тени более реалистичный вид.
Как редактировать падающую тень
Теперь, когда мы добавили падающую тень в Illustrator, давайте рассмотрим, как вы можете редактировать падающую тень после того, как она уже была применена.
Чтобы отредактировать тень в Illustrator, выберите объект (ы), к которым была применена тень, и откройте меню Appearance , перейдя в Window> Appearance . Меню Appearance является указателем всего. свойств стиля выбранного объекта.
В меню Appearance вы должны увидеть элемент списка под названием Drop Shadow . Щелчок по названию откроет меню Drop Shadow , в котором вы сможете редактировать его свойства так же, как вы это делали при его создании.
Когда вы будете удовлетворены своими изменениями, нажмите OK , чтобы применить их.
Как удалить падающую тень
Чтобы удалить падающую тень в Illustrator, выберите объект, к которому применяется тень, и откройте меню Appearance , перейдя в Window> Appearance .
В меню Appearance вы должны увидеть вашу тень в списке. Просто щелкните слой, чтобы выбрать его, затем щелкните значок маленькой корзины в правом нижнем углу меню, чтобы удалить его.
Преобразование падающей тени в траекторию
«Тень» — это специфичный для Illustrator эффект, то есть его можно использовать только в Illustrator. Преобразование падающей тени в векторный контур позволит вам сохранить ваши иллюстрации в различных векторных форматах, чтобы их можно было открывать и обрабатывать в других приложениях для векторного дизайна.
Чтобы преобразовать тень в векторный контур в Illustrator, выберите объект, к которому была применена тень, и перейдите к Объект> Разобрать оформление . Затем перейдите к Object> Ungroup .
Это отделит вашу падающую тень от объекта, к которому она была применена, сделав ее самостоятельной формой.
Заключение
Благодаря некоторым функциям Effects добавление тени в Illustrator — простой и удобный процесс.В других приложениях это нужно делать вручную, создавая дубликаты объектов, размывая их и помещая под оригиналом.
Если у вас есть вопросы или какая-либо часть урока была неясной, просто оставьте комментарий ниже.
Logos By Nick LLC является участником программы Amazon Services LLC Associates, партнерской рекламной программы, предназначенной для предоставления сайтам средств для получения рекламных сборов за счет рекламы и ссылок на Amazon.com. Как партнер Amazon я зарабатываю на соответствующих покупках.Прочтите информацию о партнерских программах здесь.
2 способа создания эффекта длинной тени за 5 шагов или меньше
В сегодняшнем уроке мы подробно рассмотрим инструменты, которые можно использовать для создания эффекта длинной тени. Мы воспользуемся живыми эффектами и панелью «Оформление» в Adobe Illustrator. Используя эффект длинной тени, мы создадим два графических стиля, которые можно будет применить к отдельным контурам и к группам объектов. Надеемся, вам понравится наш новейший учебник!
Подробное описание учебника по эффекту длинной тени
Окончательное изображение
Шаг 1
Запустите Adobe Illustrator и создайте новый документ (Cmd / Ctrl + N) .Ваш артборд может быть любого размера. Стили будут одинаково хорошо работать в цветовых режимах RGB и CMYK .
Создание сплошной длинной тени
Шаг 2
Создайте прямоугольник любого цвета и размера. Это будет вашим фоном. Затем нарисуйте случайный объект новым цветом. Я создал звезду с белой заливкой и без обводки. Мы применим к этому объекту эффект длинной тени.
Откройте панель «Оформление» («Окно»> «Оформление») и выберите звездочку.
Нажмите кнопку Добавить новую заливку на панели Внешний вид .
Шаг 3
Выберите нижнюю заливку на панели Appearance и измените ее цвет с белого на серый.
Не снимая выделения с звезды и серой заливки, перейдите к Effect> Distort & Transform> Transform… . В открывшемся диалоговом окне установите значение вертикального и горизонтального смещения 0,5 пикселей .Тень будет помещена на под углом 45 градусов — поэтому смещения такие же. Отметьте опцию предварительного просмотра и установите количество копий. Их значение зависит от длины тени, которую вы хотите создать.
Шаг 4
Для заливки серого установите режим наложения Multiply на панели Appearance .
Мы создали простой эффект длинной тени. Чтобы сохранить его как графический стиль, перетащите звездочку на панель Graphic Style .
Теперь вы можете применить этот графический стиль к другим объектам. Это могут быть объекты, состоящие из одного пути, составного пути, редактируемого текста и даже группы объектов.
Если вы профессионал в Illustrator, это, возможно, старые новости для вас. Однако, если вы только начинаете использовать панель «Внешний вид», надеюсь, вы узнали кое-что, чего раньше не знали!
А теперь поработаем над чем-нибудь посложнее…
Создание постепенной длинной тени
Шаг 5
Часто дизайнеры создают градиентную тень (т.е.е. его плотность уменьшается). Итак, давайте попробуем тот же стиль. Мы вернемся к нашей звезде с эффектом сплошной длинной тени. Замените серую заливку на панели Appearance на серо-черный линейный градиент.
Установите угол градиента 135 градусов и переключите черный ползунок на серый на панели Gradient (Window> Gradient) .
Шаг 6
Не снимая выделения с объекта и нижней заливки на панели «Оформление», выберите «Эффект »> «Обработка контуров»> «Добавить ».Приложение может открыть окно с предупреждением, в котором говорится, что мы не можем применить этот эффект. Игнорируйте это и просто нажмите кнопку OK .
А теперь перетащите эффект «Добавить» ниже, чем эффект «Преобразование» на панели Transparency .
Обработка эффекта может занять некоторое время. Все зависит от сложности объекта и количества копий эффекта преобразования.
Шаг 7
При необходимости отредактируйте длину градиента и интенсивность серого с помощью инструмента Gradient Tool (G).
Как видите, мы достигли эффекта постепенного затенения. Сохраните эффект длинной тени на панели Graphic Style для дальнейшего использования. Мы можем применить этот стиль к контуру, составному контуру, редактируемому тексту и к группе объектов.
Шаг 8
После применения разработанных нами стилей часть тени может выходить за пределы фона.
В таком случае скройте лишнюю часть (за пределами фона) с помощью обтравочной маски.Создайте дубликат фона (Cmd / Ctrl + C; Cmd / Ctrl + F), затем поместите новый объект над всеми существующими объектами.
Шаг 9
Выделите верхний объект и объекты (к которым был применен эффект длинной тени), затем перейдите к Object> Clipping Mask> Make или используйте сочетание клавиш Cmd / Ctrl + 7 .
Шаг 10
Если мы применим эффект длинной тени к разным объектам, расположенным близко друг к другу, то мы увидим наложение теней, как на изображении ниже.
Чтобы решить эту проблему, сгруппируйте объекты с тенями и выделите всю группу на панели Layers . Теперь проверьте Knockout Group на панели Transparency .
И готово! Надеюсь, вам понравился наш урок с быстрыми советами, и надеюсь, вы сможете использовать эти читы в своих будущих проектах.
Super Easy Soft Shadows в Illustrator
Мы все знаем, что гиперреалистичные иконки закончились, теперь новая тенденция — плоские и либо жесткие тени, либо сверхмягкие и тонкие.Вы также можете попробовать смешать оба стиля, на самом деле много людей делают это, и результаты довольно красивы. Имея это в виду, я решил попробовать в Illustrator и воссоздать этот эффект.
Итак, в этом уроке я покажу вам, как создать простой эффект мягкой тени с помощью инструмента Blend Tool в Illustrator. Мы также будем использовать 3D-функции для создания тонких 3D-эффектов.
Шаг 1
Откройте Illustrator и создайте новый документ. Выберите логотип или символ, к которому вы хотите применить эффект.Я использую символ Абдузидо.
Шаг 2
Выберите черный внешний круг и перейдите в Effect> 3D> Extrude & Bevel. Используйте Front of the Position, 50pt для Extrude & Bevel, 20pt для Height и классический вариант для Bevel type . Также выберите опцию внутреннего скоса. Для Lighting используйте значения, показанные на изображении ниже.
Шаг 3
Повторите тот же процесс для символа.Вам придется изменить некоторые значения в зависимости от сложности символа, который вы будете использовать.
Шаг 4
Для создания теней мы будем использовать инструмент «Переход» (W) . Так что скопируйте символ и вставьте туда же. После этого продублируйте символ и переместите его вниз и влево. Измените непрозрачность символов, один на 50% , а другой на 0% . Также используйте умножение для режима прозрачности. Щелкните по обоим символам с помощью Blend Tool, чтобы создать смесь.Измените указанное расстояние на 3pt.
Шаг 5
Повторите то же самое с другими элементами.
Заключение
Создайте прямоугольник для использования в качестве фона, затем снова создайте мягкую тень, используя инструмент Blend Tool. Ваш дизайн будет выглядеть как на изображении ниже. Весь процесс довольно прост, но результат довольно элегантен, и если вы хотите воспроизвести этот эффект, я считаю, что Illustrator может быть лучшим инструментом для этого.Теперь дело за вами, время повеселиться!
Создайте длинную тень в Adobe Illustrator
Длинные тени сейчас в моде. В этом уроке мы создадим эффект длинной тени с помощью инструмента Blend Tool в Adobe Illustrator.
Для начала откройте значок в Illustrator. Выделите объект и сделайте копию.
Далее, Вставить вперед ( Control / Command + F ).
Скрыть этот объект Объект> Скрыть> Выделение ( Control / Command + 3 ).
Используя инструмент Direct Selection Tool (A) , выберите объект, оставшийся на монтажной доске.
Удерживая клавиши Alt + Control + Shift , перетащите объект, чтобы сделать копию. ( Option + Command + Shift на Mac).
Выделив оба объекта, выберите Make из меню Object> Blend Menu ( Object> Blend> Make ).Мы будем использовать эту форму, чтобы отбросить вашу тень.
В режиме предварительного просмотра ( Control / Command + Y ) ваша смесь должна выглядеть примерно так:
В режиме Outline ( Control / Command + Y ) ваше наложение будет выглядеть примерно так:
Затем разверните переход: Object> Blend> Expand
Выберите объекты ( Control / Command + A ) и щелкните Unite в окне Pathfinder .
Вернитесь в режим предварительного просмотра , увеличьте масштаб и осмотрите объект:
Удалите ненужные точки:
Присоединяйтесь к открытым путям:
Очистите другие края вашей тени. Увеличьте, чтобы осмотреть:
В меню объекта выберите Показать все ( Alt / Option + Control / Command + 4 ).
Выберите новый цвет для этого объекта переднего плана.
Выберите падающую тень. В окне прозрачности выберите Умножить в раскрывающемся меню. Установите непрозрачность на 10 .
Нарисуйте фигуру и поместите ее позади объекта. Перекрасить обе формы:
Выберите форму фона и тень.
В окне Pathfinder выберите Divide .
Затем удалите ненужную форму:
Выделите все и сгруппируйте: Object Menu> Group (Control / Command + G).
Теперь у вас есть красивая тень!
Векторные иконки по меню от 0,99 $
Магазин из тысяч высококачественных векторных иконок, обеспечивающих единообразный вид для вашего проекта. Нет подписок. Отличные цены. И бесплатные наборы иконок тоже.
Магазин векторных иконок
Если вам это нравится, поделитесь, пожалуйста!
Оставить комментарий
Комментарии будут одобрены перед появлением.
Hatch Mark Drop Shadow — Урок Adobe Illustrator
Этот пост содержит партнерские ссылки. Если вы сделаете покупку по одной из ссылок, я зарабатываю небольшую комиссию. Для вас это абсолютно бесплатно.
Сегодня я собираюсь показать вам, как добавить этот простой эффект тени штриховки к вашему тексту в Adobe Illustrator .
Я знаю, что эффект отбрасывания теней для штриховки — пустяк, так что вот подробное описание того, что я имею в виду.
Штриховая метка просто относится к маленьким диагональным линиям, которые часто используются в линейных рисунках или эскизах для создания эффекта тени.
После того, как мы создадим узор штриховки (диагональные линии), мы будем использовать его для заполнения нашего текста, а затем смещаем его за другим сплошным текстовым слоем.
Это простой эффект, обладающий большим визуальным эффектом!
И самая лучшая часть — это , ваш текст останется полностью редактируемым . Вы даже можете сохранить этот эффект как графический стиль, который будет применяться для набора текста в будущих проектах Illustrator.
Так что закатайте рукава, запустите Illustrator и приступим!
Хотите изучить Adobe Illustrator БЕСПЛАТНО?
Ознакомьтесь с моими учебными пособиями для начинающих на Youtube.
Если вы предпочитаете смотреть этот текстовый эффект отбрасывания тени в учебнике Adobe Illustrator на Youtube, вы можете сделать это здесь!
Как создать текстовый эффект падающей тени метки штриховки в Illustrator
Шаг 1. Создание нового документа
Во-первых, давайте создадим новый документ Illustrator для работы.Не стесняйтесь создавать холст в соответствии с вашими требованиями, но я использую следующие настройки:
- Размер: ширина 500 пикселей на высоту 500 пикселей
- Цветовой режим RGB
- Разрешение экрана 72 точки на дюйм
Как создать текстовый эффект падающей тени от штриховки в Illustrator
Шаг 2. Введите текст
Во-вторых, давайте напечатаем текст, чтобы добавить к нему наш эффект. Я думаю, что с этим эффектом лучше всего смотрится полужирный шрифт без засечек или полужирный шрифт с блочными засеками, но вы можете выбрать любой шрифт, который вам нравится.
В своем дизайне я использую шрифт Gotham Bold, который вы можете скачать в Интернете.
Psst! Если вы ищете хорошие шрифты для использования , Adobe теперь предлагает шрифты Adobe как часть вашей подписки на Creative Cloud. Есть настоящие жемчужины — проверьте!
Как создать текстовый эффект падающей тени метки штриховки в Illustrator
Шаг 3. Создание повторяющегося образца штриховки
Прежде чем мы продолжим, давайте создадим наш образец штриховки.
Инструмент «Узор» позволяет нам создавать повторяющиеся узоры и является одним из моих любимых инструментов в Adobe Illustrator.
Для этого нам нужно перейти к Object> Pattern> Make .
Появится диалоговое окно — нажмите ОК, чтобы продолжить.
На вашем экране появится ограничивающая рамка. Моя ограничивающая рамка составляет 100 пикселей на 100 пикселей, но ваша будет соответствовать размеру вашего холста.
Я собираюсь использовать инструмент «Перо» , чтобы нарисовать диагональную линию.Я нажимаю, чтобы разместить точку в верхнем левом углу ограничивающего прямоугольника, а затем нажимаю, чтобы разместить точку в правом нижнем углу ограничивающего прямоугольника, создавая линию.
Убедитесь, что ваши умные направляющие включены , пока вы это делаете — это гарантирует, что вы все выровняете идеально!
Мгновенно вы увидите, что шаблон начинает действовать. Линия полностью редактируется, поэтому вы можете выбрать ее с помощью инструмента «Выделение» (V) и изменить толщину и цвет обводки.
Я установил толщину обводки на 3 пикселя, а цвет обводки на желтый # ffc200.
А теперь растянем дубликат этой строки.
Для этого зажмите Shift + Alt / Option на клавиатуре, чтобы перетащить повторяющуюся строку .
Чтобы убедиться, что у меня есть равномерный интервал между линиями, я перетаскиваю линию до тех пор, пока мои умные направляющие не покажут, что я переместил ее на dX: -5px, dY: 5px .
Чтобы закончить узор, сделайте дубликаты линии, пока ограничивающая рамка не заполнится.Нажмите Cmd / Ctrl + D на клавиатуре, чтобы продублировать строки через равные промежутки времени, пока не дойдете до нижнего левого угла.
Это должно дать нам ~ 20 строк внутри нашего ограничивающего прямоугольника, так как 100, разделенное на 5, дает 20. Стрела . Математика.
Перед тем, как закрыть меню «Шаблон», я переименую свой узор в «Золотая штриховка», а затем нажмите «Готово» на панели выше.
Наш новый образец штриховки был добавлен в наше меню образцов .
Кстати о выкройках..
Создайте простой узор шеврона в Adobe Illustrator
Как создать текстовый эффект падающей тени метки штриховки в Illustrator
Шаг 4 — Меню внешнего вида
Теперь, когда мы создали эффект штриховки, давайте сначала убедимся, что наш текст выделен, а затем откроем наше Меню внешнего вида .
Меню внешнего вида либо висит на боковой панели инструментов, либо перейдите в меню Окно> Внешний вид , чтобы его открыть.
Когда он откроется, дважды щелкните слово «Символы» и установите для параметра «Заливка» значение «Нет». Затем нажмите Тип: Нет, чтобы отказаться.
Как создать текстовый эффект падающей тени метки штриховки в Illustrator
Шаг 5. Создание нового слоя заливки
Теперь щелкните значок «Добавить новую заливку» в нижней части меню «Внешний вид», чтобы создать новую заливку.
Я собираюсь установить эту заливку на темно-угольно-серый цвет. Шестнадцатеричный код # 444444.
Не стесняйтесь добавить обводку, если хотите. Я собираюсь оставить свой удар на None.
Ничего революционного пока не произошло — я знаю. На следующем этапе происходит волшебство!
Как создать текстовый эффект падающей тени метки штриховки в Illustrator
Шаг 6. Создайте второй слой заливки и сместите его
Щелкните значок Добавить новую заливку еще раз, чтобы создать еще один слой заливки. Перетащите этот новый слой под слой с углем.
Установите цвет заливки для нового образца штриховки. Да, это есть в твоих образцах!
Вы еще не можете его увидеть, но это потому, что нам нужно сместить этот новый слой.
Убедитесь, что выбран слой заливки меток штриховки, и нажмите Добавить новый эффект в нижней части меню «Внешний вид».
Выберите Искажение и преобразование> Преобразование.
В появившемся всплывающем меню в разделе Move измените значения по горизонтали и вертикали на 8px (или любое другое значение, которое вам нравится). Убедитесь, что для предварительного просмотра установлен флажок , чтобы вы могли видеть, что происходит.
Вуаля! Тень от вашей штриховки появилась и успешно смещена.Вы можете продолжать создавать новые слои обводки и заливки, добавлять больше узоров и цветов и смещать их до бесконечности.
Делайте что хотите — просто убедитесь, что тип всегда выбран, когда вы редактируете его в меню «Внешний вид». В противном случае — вы не увидите изменений.
Можете сменить текст на другое слово или фразу, если хотите — красота создания нашего эффекта отбрасывания теней в меню «Внешний вид» в том, что он оставляет наш шрифт полностью редактируемым.
Видите?
Как создать текстовый эффект падающей тени от штриховки в Illustrator
Шаг 6. Сохраните свой графический стиль
Но подождите! Остается сделать еще один важный шаг. Давайте сохраним этот графический стиль, чтобы вы могли добавить его в текст в будущем.
Выделите текст и откройте меню стилей графики . Если его нет на боковой панели, вы найдете его в разделе Окно> Стили графики .
Просто щелкните значок Новый стиль графики , чтобы добавить новый стиль.
Выбрав новый стиль, Щелкните меню «Библиотеки стилей графики» и выберите «Сохранить стиль графики ».
Дайте вашему стилю имя и выберите «Сохранить». Теперь, если вы создадите новый документ Illustrator, вы всегда сможете снова найти этот стиль в меню «Библиотеки стилей графики »> «Пользовательские ».
Вот и все!
Если вы воссоздадите этот текстовый эффект тени штриховки в Illustrator, не забудьте отметить меня в Instagram @makerlex, чтобы я мог его проверить!
И обязательно закрепите это изображение, чтобы вернуться к этому сообщению или поделиться им с друзьями.
Happy Making!
Как легко создать текстовый эффект заштрихованной падающей тени в Illustrator — Medialoot
Текстовые эффекты Illustrator
Ретро-текстовые эффекты — это аспект шрифтов, который так нравится многим дизайнерам; Вы можете думать, как шрифты Hominis или Sunset Boulevard, с эффектом заштрихованной тени. Но что, если вы хотите использовать другой шрифт или даже другой тип заштрихованной тени для заголовков? Сегодня я покажу вам очень простой способ создать текстовый эффект заштрихованной тени в Illustrator, который можно применить к любому шрифту и не использовать ничего, кроме стандартных инструментов и шаблонов Illustrator.
Шаг 1
Откройте Illustrator и создайте новый файл любого размера. В этом случае я сделаю свой размером 1800 x 1200 пикселей.
Шаг 2
С помощью инструмента «Текст» (T) введите текст. В этом случае я буду использовать шрифт Roboto Slab Bold с размером 300 pt, но вы можете использовать любой шрифт, какой захотите.
Шаг 3
На Панели инструментов установите для Заливки и Обводки значение «Нет».
Шаг 4
Выделив текст, перейдите в Window> Appearance.
Шаг 5
Добавьте 2 новые заливки, дважды щелкнув значок «Добавить новую заливку».
Шаг 6
Удерживая клавишу Shift на клавиатуре, щелкните миниатюру первого слоя заливки, чтобы открыть пользовательский интерфейс альтернативного цвета и установить любой цвет для текста. В этом случае я установлю свой # 343334.
Шаг 7
Выберите второй слой заливки. Щелкните миниатюру слоя, а затем значок меню библиотеки образцов. В раскрывающемся списке выберите Patterns> Basic Graphics> Basic Graphics_Lines.
Шаг 8
В окне Basic Graphic_Lines выберите шаблон «10 lpi 30%».
Шаг 9
Выбрав слой «Заливка», щелкните значок «Добавить новый эффект» и в раскрывающемся меню выберите «Искажение и преобразование»> «Преобразовать». Примените следующие настройки и нажмите ОК.
Шаг 10
Снова щелкните значок «Добавить новый эффект» и в раскрывающемся меню выберите «Искажение и преобразование»> «Преобразовать». Примените следующие настройки и нажмите ОК.
Примечание. Если появится окно с предупреждением, нажмите «Применить новый эффект».
Шаг 11
Наконец, чтобы придать тексту приятный финальный штрих, выберите слой Stroke и установите Stroke на любой цвет и толщину, которые вы хотите. В этом случае я установлю обводку размером 4 пикселя с белым цветом.
Некоторые заключительные примечания
Поскольку мы создали этот эффект с помощью панели внешнего вида, вы можете легко редактировать текст, как обычно. Просто выберите инструмент «Текст», введите текст и выберите любой шрифт и размер шрифта, которые вы хотите, а если вы хотите изменить цвет текста или обводки, просто измените первый цветовой слой «Заливка» или «Обводка» на панели «Оформление».
Узнайте, как создать трехмерный текст в Illustrator с помощью простых падающих теней
Плоский двухмерный текст может сливаться с другими элементами дизайна и сделать ваш дизайн тусклым. Узнайте, как создать трехмерный текст в Illustrator, используя реалистичные тени.
Изображение компьютерного макета через mirtmirt.
Падающие тени могут получить плохую репутацию в мире дизайна, но действительно нет более простого способа улучшить шрифт, добавив трехмерные элементы к двухмерному тексту.Эти тени варьируются от тонких оттенков цвета до более заметных или текстурированных теней. Дизайнеры и типографы постоянно улучшали внешний вид этого стиля, добавляя гранжевые текстуры, резкие тени и градиенты или полутона.
Существует несколько методов добавления реалистичных и сплошных цветных теней к вашей типографике; Давайте погрузимся в создание трехмерного текста в Illustrator с помощью двух простых методов тени.
Как создать трехмерный текст с эффектами вытягивания и скоса
Удобные эффекты Extrude & Bevel в программе Illustratorпозволяют быстро имитировать трехмерный вид текста.Затем вы можете добавить градиенты к падающим теням, которые создадут точки света, которые обычно видны в трехмерных фигурах.
Начните с набора фразы по вашему выбору с помощью инструмента Type Tool (T) . Я рекомендую установить ваш шрифт только заглавными буквами; строчные буквы, в зависимости от шрифта, могут затруднить чтение вашего дизайна.
Ознакомьтесь с этим учебником по программе Adobe Illustrator Type Tool, чтобы узнать, как писать текст под углом, по кривой и т. Д.Когда вы добавляете тени к типографике, придерживайтесь однотонных стилей без засечек, таких как Montserrat, или полужирного шрифта с засечками, например Zilla Slab.Обычно более сложные стили шрифтов с засечками и шрифтами трудно читать с применением теней.
Используя инструмент выделения (V) , активируйте текстовый объект и перейдите к Effect> 3D> Extrude & Bevel . Это удобное меню позволяет быстро изменять внешний вид векторов с помощью уникальных трехмерных эффектов, таких как тени или изометрическая проекция.
В меню «Параметры выдавливания и скоса» обычно по умолчанию задано значение «внеосевой фронт».Установите свои измерения примерно на 6 градусов , 8 градусов и 0 градусов . Эти числа будут точно имитировать едва различимый вид тени; любые числа, превышающие эти, могут наклонить и скрыть ваш текст. Отрегулируйте Extrude Depth , чтобы изменить глубину вашей тени. Я придерживаюсь глубины 100 точек или меньше ; глубины более 100 могут быть трудночитаемыми.
Измените Surface на Diffuse Shading , чтобы он выглядел трехмерным.Затем посмотрите, как выглядит ваш текст, отметив Preview , а затем нажмите OK , чтобы вернуться к своему дизайну.
Ваш текст все еще отображается в текстовом поле и еще не доступен для редактирования. Чтобы сделать текст редактируемым, преобразуйте каждую букву в отдельные векторные формы, перейдя к Object> Expand Appearance . Затем разгруппируйте каждую букву с помощью Shift + Command + G .
Откройте меню Pathfinder (Окно > Pathfinder ) и выберите команду Unite — это похоже на два квадрата, соединенных вместе — чтобы выровнять цвет в пределах закругленных частей каждой формы буквы.Промойте и повторите для остальных букв.
Узнайте обо всех возможностях инструмента «Обработка контуров» в Illustrator.Чтобы имитировать затенение и блики в тенях, давайте применим градиенты к закругленным частям с помощью палитры Gradient ( Window> Gradient ). Для плавного и равномерного перехода важно придерживаться двух или трех образцов внутри ползунка градиента. Подумайте, где могут появиться тени, и обратите внимание на блики, которые могут быть подчеркнуты в падающей тени.
Все, что вам нужно знать о создании градиентов в Illustrator.Как создать 3D-текст с помощью сплошных падающих теней
Вы можете лучше контролировать глубину и внешний вид ваших теней, используя команду «Дублировать» и инструмент «Перо». Этот метод идеален при работе с твердыми фигурами и помогает выделить обработку заголовков и заголовков.
Начните с удобочитаемого стиля шрифта, например Josefin Sans Bold.Создавая собственные тени, используйте геометрические шрифты с острыми концами вместо закругленных стилей или стилей с засечками.
Преобразуйте текст в отдельные контуры, выбрав Object> Expand . Каждая буква теперь ведет себя как векторная фигура, поэтому их легко редактировать.
Инструментом выделения (V) щелкните текст и продублируйте его, удерживая нажатой клавишу Option , а затем перетащив его. Поместите дублированный текст напротив исходного текста, чтобы воспроизвести тень; Я предпочитаю создавать легкую тень, размещая текст всего на несколько пикселей вниз и вправо.
Отправьте затененный текст позади, нажав Command + [. Затем измените его цвет с помощью ползунков Color . Используйте контрастные или более темные оттенки для создания эффектных теней. Чтобы дополнить фиолетовый текст ниже, я добавил синие оттенки к моей тени.
Активируйте инструмент Direct Selection Tool (A) и щелкните форму буквы, чтобы отобразить точки привязки. Добавьте опорную точку к вашей форме с помощью инструмента Добавить опорную точку (+) , расположенного в раскрывающемся списке Pen Tool (P) .
Щелкните и перетащите точку привязки, чтобы соединить тень с исходным типом, как показано ниже. Для закругленных участков добавьте точку привязки между установленными точками вдоль кривой. Перетаскивание существующей точки исказит кривые, видимые в ваших письмах. После этого промойте и повторите с оставшимися формами букв, чтобы получить что-то вроде этого:
Теперь мы собираемся придать шрифту еще большую глубину с помощью едва уловимой тени. Просто удерживайте Option, клавишу , а затем щелкните и немного перетащите тень.Не забудьте выровнять дублированную тень с исходной, чтобы получить ровный, гладкий вид.
Снова отправьте дублированные формы назад с помощью Command + [, а затем уменьшите непрозрачность до 10% с панелью Transparency .
