Как сделать пузыри в иллюстраторе
Добавил пользователь Алексей Ф. Обновлено: 04.10.2024
Всем привет! У нас в гостях Наталья Каленкович, которая продолжает радовать своими замечательными уроками по Adobe Illustrator. Наташа уже сделал для нашего блога несколько уроков:
1. Как нарисовать белого новогоднего медвежонка
2. Как отрисовывать изображение в Иллюстраторе
В этот раз урок будет посвящён воздушным шарам. Наташа покажет несколько трюков с 3D эффектами, которые заметно упрощают создание подобной иллюстрации.
Здравствуйте!
Для поднятия праздничного настроения… Ловите шарики!
Давайте, теперь я покажу, как такие воздушные шары нарисовать в Adobe Illustrator.
Выключим обводку у полученной формы, она нам больше не нужна. Заливаем её заливкой, я выбрала синий цвет. Копируем полученный шарик (Ctrl+C и Ctrl+V), и при помощи панели обработки контуров Pathfinder отрезаем половину. Это можно сделать функцией Minus Front, верхний зелёный прямоугольник срежет половину шарика. Продублированная форма позже нам понадобится для формирования основы шарика. А половинку будем использовать для 3D эффекта.
Поскольку на стоках не принимают работы с элементами от эффектов вращения, забираем из полученного графического элемента только объемную картинку узора для шарика.
Для начала делаем экспанд эффекта через Object > Expand Appearance. Далее выделяем узор с цветочками по цвету: Выделение > По общему признаку > Цвет заливки. Также можно выделить его волшебной палочкой Magic Wand Tool (Y), тыкнув ею в какую-нибудь часть узора. Когда узор наконец выделен, вырезаем его через Ctrl+X, остальную фигуру удаляем, а узор возвращаем обратно через Ctrl+V.
Ставим объемный узор поверх полученного шарика. Можете включить для него какой-нибудь режим наложения в панели настройки прозрачности Transparency. Для удобства фигуры можно сгруппировать в конце работы.
Теперь можно сделать цветовое многообразие при помощи Коррекции цветового баланса из меню Редактировать > Редактировать цвета (Edit > Edit Colors > Adjust Color Balance).
Эффектно смотрятся такие шарики, когда сгруппированы в большом количестве.
Спасибо за внимание!
На этом у нас всё. Напоминаю, что ваши уроки по Adobe Illustrator тоже могут попасть на этот блог. Подробности тут: Напиши свой урок – попади к нам на блог!
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Этот урок мы посвятим тому что, научим вас создавать каплю воды используя возможности иллюстратора.
Создаем круг с заливкой синим цветом. Что бы создать идеальный круг удерживаем Shift.
Берем инструмент прямое выделение, и выбираем верхнюю точку. После чего удерживая клавишу Shift, несколько раз с помощью нескольких нажатий стрелки вверх, придаем нашей капли форму яйца.
Ухватившись за один из направляющих изменяем форму нашей капли. Придаем одной из сторон выгнутую форму.
Выбираем инструмент прямоугольник и рисуем так что бы он перекрыл часть нашей капли.
Копируем наш объект и вставляем на то же место используя сочетание ctrl+C, Ctrl+F.
После поворачиваем нашу вторую часть, и соединяем в единое целое.
Создадим тень на нашей капле. Для этого рисуем прямоугольник проходящий ровно посередине капли.
Выбираем наши объекты и инструментом соединение фигур удаляем не нужную часть.
Выбираем инструмент перо. Удерживая клавишу Alt начинаем двигать линию, тем самым мы формируем нашу тень.
Добавим нашей капли отражения. С помощью пера рисуем не большую линию. Размещаем ее на краю капли.
Вот так за короткое время вы научились создавать каплю воды. Техника довольно простая и под силам любому человеку.
Иллюстрации, которые мы будем создавать в этом уроке по Adobe Illustrator, представляют собой красочный шар с градиентом, который плавно смешивает ряд оттенков. Эти яркие эффекты градиента действительно популярны в настоящее время и отлично подходят для фирменных дизайнов, интерфейсов приложений или даже фонов телефонов, как это видно на новом iPhone X. Используя разные цвета и случайный выбор, вы можете каждый раз создавать уникальный шар. !
Создайте новый документ в Adobe Illustrator любого размера, но используйте цветовой режим RGB для полного спектра ярких цветов. Нарисуйте эллипс на артборде, удерживая клавишу Shift, чтобы он был идеально круглым. Очистите черный обводку по умолчанию и добавьте яркую цветную заливку.
Выберите инструмент Gradient Mesh и щелкните где-нибудь внутри круга. Измените цвет заливки этой точки на дополнительный оттенок. Это может быть близко к исходному цвету, или что-то, что полностью контрастирует.
Добавьте еще одну точку градиентной сетки в пустое пространство и выберите другой цвет. Сетка будет постепенно смешивать все заливки для создания плавных переходов между ними.
Добавление точек сетки также создает дополнительные точки по краю фигуры. Используйте инструмент Лассо, чтобы выбрать пару из этих точек контура, нарисовав выделение вокруг них.
Продолжайте выбирать точки с помощью инструмента Лассо, чтобы добавить больше цветов. Стремитесь устранить любые большие области оригинальной заливки.
Выбор только краевых точек и придание им более яркой цветовой заливки может помочь добавить эффект свечения. Теперь круг должен быть заполнен различными цветовыми градиентами, которые плавно переходят по всей фигуре.
Тщательно нажмите в центре круга, чтобы начать немного смешивать цвета. Сделайте небольшие корректировки, чтобы избежать слишком сильных искажений путей сетки.
Дважды щелкните инструмент Twirl, чтобы изменить его настройки и уменьшить размер до 200 пикселей.
Используйте этот небольшой размер инструмента, чтобы смешивать оттенки в определенных областях, снова делая небольшие корректировки с каждым щелчком мыши.
Готовый градиентный шар выглядит великолепно с сочетанием цветов, которые кружатся и смешиваются вместе. Повторите процедуру еще раз, чтобы поэкспериментировать с различными вариантами выбора цвета, чтобы создать коллекцию градиентных кругов.
Некоторые из этих искаженных форм сделают действительно классную графику логотипа. Они отлично смотрятся либо с тонким короблением с одной стороны, либо с большими искажениями, чтобы придать графике более плавный вид.
Сегодня мне хотелось бы рассмотреть метод создания текстуры воды. Данная техника проста и затрагивает возможности Adobe Illustrator, которые я ранее не использовал. Мы будем работать с такими функциями, как Simplify и Offset Path. Также заглянем на закладку Effects.
Создаём квадрат размером 12,5 на 12,5 см. Для этого берём инструмент Rectangle Tool (M) и кликаем на рабочей области. В открывшемся окне вводим необходимые размеры.
Заливаем получившийся квадрат Cyan = 100% и убираем обводку. Далее копируем квадрат и вставляем копию сверху (Ctrl+C > Ctrl+F). Заливаем копию белым цветом.
Применяем эффект
Выделяем белый квадрат и на закладке Effects выбираем Texture > Stained Glass. В открывшемся окне галереи эффектов изменяем показатели:
- Cell Size = 46
- Border Thickness = 15
- Light Intensity = 5
Теперь нам нужно преобразовать получившуюся фигуру эффекта в кривые. Для этого при выделенной фигуре на вкладке Object выбираем пункт Expand Appearance. После этого окрываем закладку рядом с кнопкой Trace на контрольной панели Adobe Illustrator и выбираем пункт Tracing Options.
Нам понадобится изменить лишь следующие показатели:
Mode: Black and White
Path Fitting: 1px
Minimum Area: 1px
Corner Angle: 1
Ignore White: Ставим галочку
Жмём кнопку Expand.
Функция Simplify
Фигура получилась немного грубовата. Острые углы и ровные линии не совсем то, что нам нужно. Для придания фигуре более естественного вида используем функцию Simplify.
Выделяем фигуру эффекта и на закладке Object выбираем Path > Simplify.
В открывшемся окне изменяем следующие показатели и жмём OK:
Curve Precision = 70%
Angle Threshold = 0
После этого изменяем цвет фигуры эффекта на Cyan = 70%.
Функция Offset Path
Теперь используя функцию Offset Path создадим блик. Для этого выделяем фигуру эффекта и на закладке Object выбираем Path > Offset Path. В открывшемся окне выставляем параметр Offset на -0,08 мм и жмём ОК.
В результате этого была создана сжатая копия фигуры эффекта. Теперь кликаем правой клавишей на получившейся фигуре и выбираем пункт Ungroup.
Далее выделяем верхнюю фигуру и изменяем её заливку на Cyan = 25%.
Придаём глубину
Для того, чтобы придать воде немного глубины, копируем фигуру эффекта и вставляем её снизу (Ctrl + C > Ctrl + B). Поворачиваем получившуюся фигуру на 90 градусов. Для этого выделяем фигуру. Двойной щелчок на инструменте Rotate Tool . В открывшемся окне выставляем необходимый радиус поворота. Заливаем Cyan = 85%.
Читайте также: