1. Design & Illustration
  2. Add-Ons

Как Создать Звуковые Волны с Помощью Эффекта Каракули

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Некоторые люди могут подумать, что Эффект Каракули (Scribble effect) в Иллюстраторе - это какая-то детская игрушка. На самом деле, один из его прессетов называется "Childlike" (как ребенок). Но при эксперименте с настройками, использование эффекта Каракули позволяет сделать бесконечный набор визуальных эффектов с использованием одной лишь линии. Это простой урок, который позволит вам начать использовать эффект Каракули. То, что вы будет с помощью эффекта потом, ограничивается лишь вашим воображением. Давайте приступим!

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

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

Детали Урока

  • Программа: Adobe Illustrator CS4
  • Уровень: Начальный
  • Примерное Время на Прохождение: 1 час

Шаг 1

Создайте новый документ размером 800 х 400 рх. Он может быть в режиме RGB или CMYK по вашему усмотрению. В этом уроке, я использую режим RGB для цвета.  Теперь нарисуйте прямоугольник размером с монтажную область и залейте го черным цветом (R=0, G=0, B=0). Заблокируйте слой и создайте новый поверх него (и назовите его "Waveform").

Шаг 2 

Используйте инструмент  Отрезок Линии (\) (Line Segment Tool), кликните на фоне и задайте угол 0 градусов, и длину 100 рх. Я использую для цвета обводки ярко-зеленый (R=0, G=255, B=0). 

Шаг 3 

Выберите созданный отрезок и зайдите в меню Эффект > Стилизация > Каракули (Effect > Stylize > Scribble). Введите следующие значения в диалоговом окне. 

Шаг 4 

Перед тем как продолжить, сделайте копию , и отставьте ее в сторону. Всегда оставляйте копию линии которая содержит живой эффект (имеется в виду, эффект с которым можно работать в панели Оформления, до того как используется команда разобрать). Выберите оригинальную линию – каракуль и зайдите в Объект > Разобрать Оформление (Object > Expand Appearance).

Шаг 5

С разобранной, но все еще выделенной линией-каракулей, выберите инструмент Свободное Трансформирование (Е) (Free Transform). Кликните (и удерживайте кнопку мыши нажатой) по верхней правой направляющей границы, и нажмите и удерживайте клавиши Control + Shift + Alt. Теперь потяните угол вниз, чтобы объект трансформировался в перспективе, и правые крайние точки приближались друг к другу. Возможно придется попробовать несколько раз, прежде чем получится - запомните нужно сначала кликнуть по углу мышкой и удерживать ее нажатой, и потом нажать сочетание клавиш на клавиатуре.

Шаг 6

Немного сожмите преобразованную линию-каракулю. Это звуковая волна от первого бита.

Шаг 7

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

Шаг 8

Зайдите снова в меню Эффекты, и на этот раз выберите Эффект > Деформация > Рыба (Effect > Warp > Fish). 50% изгиб по Горизонтали даст вам эффект затухания линии.

Шаг 9

Как и раньше, сделайте копию линии с зигзагом и деформацией. Разберите эффект (Объект > Разобрать Оформление (Object > Expand Appearance)). Теперь выберите инструмент Опорная точка (Shift + C) (Convert Anchor Point Tool) и кликните один раз по самой левой точке линии. Используйте инструмент Прямое Выделение (А) (Direct Selection Tool), чтобы потянуть эту точку вверх.

Шаг 10

Теперь потяните эту линию до касания с линией-каракулей.

Шаг 11

Теперь вернитесь назад к копии каракули, которую вы создали на 4 Шаге. Сделайте другую копию и отставьте в сторону. Кликните по эффекту Каракули в панели Оформление, чтобы редактировать эффект. Убедитесь, что у вас отмечен чекбокс Просмотр, и потом поэкспериментируйте со значениями. Вам нужно, чтобы у вас опять получился эффект колебательной волны, но чтобы он отличался от первого.

Продолжайте делать всё тоже самое, разберите, затем трансформируйте линию-каракулю. Сделайте тоже самое с копией зигзага, и соедините лини с предыдущими объектами. Выберите все  и убедитесь что у вас везде одна и та же толщина обводки. Теперь у вас есть базовая форма вашей волны.

Шаг 12

Теперь давайте добавим несколько завершающих штрихов. Кликните на слое "Waveform" в панели Слои (предполагается, что мы в нем работали сейчас) и потяните его на иконку Создать Новый Слой, чтобы сделать копию.

Теперь выберите все в оригинальном слое "Waveform" и зайдите в Эффект > Размытие > Размытие по Гауссу (Effect > Blur > Gaussian Blur). Введите значение в диапазоне от 20 до 30 рх. Возможно вы захотите переименовать этот слой в "Blur".

Сделайте еще один слой, на этот раз разместите его над слоем "Background". Выберите инструмент Прямоугольная Сетка, и кликните в верхнем левом углу фона.  Сделайте размер сетки как у монтажной области (фона), и затем введите значение для вертикальных и горизонтальных разделителей. Назначьте толщину для линий 0.25. И вы всё сделали!

После завершения этого урока, посмотрите другой урок на Vectortuts+ в котором  так же рассказывается об использовании Эффекта Каракули.

Другие Вариации

У этой техники может быть много применений. Экспериментируйте с настройками в эффекте Каракули, чтобы создать эффект ЭКГ, много канальную аудио волну, или абстрактный фон с электрическим разрядом.

Подписывайтесь на RSS канал Vectortuts+, чтобы быть в курсе при появлении новых уроков и статей.

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.
One subscription. Unlimited Downloads.
Get unlimited downloads