Advertisement
  1. Design & Illustration
  2. Effects

Как Создать Эффект Разбегающихся Волн Карамели

Scroll to top
Read Time: 3 mins

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

В этом уроке, мы создадим эффект с горячей шоколадной карамелью, используя некоторые эффекты искажения и 3D эффект вращения. Это простая и эффективная техника, чтобы получить качественную векторную картинку разбегающихся от центра волн. Поехали!

В Результате Урока

Ниже вы можете видеть изображение, над которым мы будем работать. Хотите получить доступ к исходному файлу, а так же загрузить исходники и другие уроки, включая этот? Присоединяйтесь к Vector Plus за 9$ в месяц.

Детали Урока

  • Программа: Adobe Illustrator
  • Версия: CS3
  • Уровень Сложности: Средний
  • Приблизительное Время на Прохождение: 30 минут

Видео Урок

Cheryl Graham создала, в дополнение к этому текстовому уроку с картинками, видеоурок.

Шаг 1

Создайте новый документ размером 600 рх на 580 рх. Далее, возьмите инструмент Отрезок Линии (Line Segment Tool), и нарисуйте линии в 600 рх длинной, и сделайте для нее заливку в режиме CMYK, со следующими величинами: C=40, M=65, Y=100, and K=35.

Шаг 2

Выберите линию и зайдите в Эффект > Исказить и Трансформировать > Зигзаг (Effect > Distort & Transform > Zig Zag). Введите величины, отмеченные ниже красным. Это создаст волну, как на жидкости.

Шаг 3

Волны, возникающие в жидкости, исчезают, по мере удаления от места, где они возникают. Для этого мы применим некоторые искажения. Выберите линию и зайдите в Объект > Искажение с Помощью Оболочки > Деформация (Object > Envelope Distort > Make with Warp) (Alt + Shift + Command + W). Среди вариантов деформации, выберите эффект Рыба (Fish) и задайте изгиб 50%. Это создаст нам нужный эффект, затухания волны на конце.

Шаг 4

Выберите волну и разберите ее Объект > Разобрать (Object > Expand).

Шаг 5

Далее мы добавим отскочившую каплю. С помощью инструмента Прямое Выделение (А) (Direct Selection Tool), выберите первую опорную точку и потяните ее вверх. Выбрав инструмент Перо+ (+) (Add Anchor Point Tool), добавьте пару опорных точек, и отрегулируйте направляющие так, что бы получился результат, как на картинке. У вас получится анатомия Королевской Кобры. Сделайте копию этой фигуры, так как мы будем использовать ее позже для отражения.

Шаг 6

Основа для нашего карамельного эффекта создана. Далее, выберите фигуру и зайдите в Эффект > Объемное Изображение > Вращение (Effect > 3D > Revolve). Кликните по кнопке Больше (More Options) и введите значения в областях, помеченных красным на рисунке ниже.

Шаг 7

Теперь мы добавим отражение для отскочившей капли. Возьмите копию созданную в 5 Шаге и отразите ее по горизонтали Объект > Трансформировать > Зеркальное Отражение (Object > Transform > Reflect). Дальше, удалите области, отмеченные красным на рисунке, с помощью инструмента Прямое Выделение (А).

Шаг 8

Выберите отраженную фигуру и зайдите в Эффект > Объемное Изображение > Вращение. Введите те же величины, что и на шаге 6. Измените Цвет Тени (Shading Color) на Заказной (Custom) и выберите белую тень.

Шаг 9

Расположите объект-тень, вровень с отскочившей каплей. Далее, установите Непрозрачность на 20% и уменьшите высоту в соответствии с перспективой.

После окончательной настройки положения тени, наш "карамельный эффект" должен выглядеть, как на картинке ниже.

Заключение и Область Применения

Техники затронутые в этом уроке - пример эффективного использования инструментов Иллюстратора. Зигзаг, Деформация и инструмент Вращения позволяют получить эффект расходящихся волн за минимальное количество времени и с минимумом усилий.

Ниже расходящиеся круги на воде, которые я нарисовал, используя туже технику. Комбинирование эффектов искажения и деформации часто позволяет получить очень интересные результаты. Просто нужно с ними поэкспериментировать. Я надеюсь вам понравился этот коротки и простой урок.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.