Как создать векторные солнечные лучи в 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%
На рисунке ниже показана тень, у которой в качестве заливки был использован линейный градиент. Это дает нам возможность изменять плотность тени при удалении от объекта.
В этому уроке мы научимся как создать векторные солнечные лучи в программе иллюстратор всего за 5 шагов. Приступим.
Шаг 1. Создаем в программе Illustrator новый документ и с помощью инструмента Прямоугольник (Rectangle Tool или M) рисуем квадрат (зажав клавишу Shift). Применяем к нему заливку цветом (любым).
Шаг 2. Создаем треугольник, используя инструмент Перо или Прямоугольник (как вам больше удобно), и размещаем его так чтобы его основание было в центре квадрата.
Шаг 4. Теперь чтобы снова не прибегать к манипуляциям с инструментом Поворот, нажимаем клавишу Ctrl+D, что позволяет повторить предыдущее действие.
И продолжаем нажимать ее до тех пор, пока лучи не замкнут круг, как показано на рисунке ниже.
Вот такой результат у нас должен получится в итоге:
Кроме того, к квадрату можно применять различные заливки, а также градиенты, как линейные так и радиальные, что позволит сделать наш фон еще красивее.
Полученный рисунок можно использовать также в качестве фонов, рисуя разнообразные замысловатые узоры поверх него. А какие лучики сделали вы? Прошу поделиться вашими успехами в комментариях ниже.
Сегодня мы научимся создавать вспышку света использую простые фигуры и базовые возможности иллюстратора.
Шаг 1.
Шаг 2.
После этого получившейся круг трансформируем в радиальный градиент. Заливку установим с черного на светлый тона.
Шаг 3.
Шаг 4.
Создаем вторую окружность при помощи горячих клавиш Ctrl+C после используем сочетание Ctrl+F.
Шаг 5.
После приступаем к редактированию второй окружности превращая ее в эллипс.
Так же мы изменили прозрачность получившегося объекта, а так же его градиент.
Шаг 6.
Копируем Ctrl+C и вставляем Ctrl+V несколько таких объектов. Уровень прозрачности, а так же градиент изменяем на свое усмотрение.
По итогу получим вот такой результат.
Шаг 7.
Создаем новую окружность, и помещаем ее в центр звезды. Градиент используем, как и в прошлых случаях, радиальный, от темного к светлому тону.
Применяем осветление к данной окружности.
Шаг 8.
Шаг 9.
Мы показали как за короткое время можно создать вспышку используя иллюстратор и описные выше шаги. Вы можете экспериментировать с количеством, прозрачностью и яркостью для создания своей уникальной вспышки.
Сегодняшний урок мы посвятим как легко и быстро создать эффект неонового свечения. Для выполнения данного урока потребуется минимальные познания графического редактора.
Создаем рабочую область и размещаем на ней прямоугольник произвольного цвета.
Убираем заливку текста во вкладку оформления, а так же увеличиваем толщину обводки и придаем ей желаемый цвет.
Перейдя во вкладку обводка устанавливаем следующие настройки. Тем самым мы имитируем неоновые лампы из которых состоит текст.
Что бы предать больше объема надписи выберем не большое значение размытия, после чего сдвинем нашу надпись на несколько пунктов.
Вот так используя простые инструменты и не много времени мы сделали надпись с эффектом неонового свечения.
Читайте также: