Урок по созданию красочного музыкального эквалайзера в Adobe Illustrator

vhrinchenko — Tue, 28 Apr 2009 11:22:47 GMT

Шаг 1

Откройте новый документ размером 800Х600 пикселей в цветовом режиме RGB. Теперь нарисуйте прямоугольник при помощи инструмента Rectangle tool (M) такого же размера (800x600 px), залейте его черным цветом (контур - бесцветный) и разместите его в центре рабочей области. Это будет Вашим фоном. Поскольку использовать этот прямоугольник Вы более не будете, предлагаю его заблокировать (Ctrl+2), чтобы он не мешал. В случае необходимости разблокировать объект можно при помощи комбинации клавиш Ctrl+Alt+2.

Шаг 2

Теперь создайте прямоугольник с закругленными углами длинной 36 точек и высотой 10 точек с закруглением 1pt. Залейте прямоугольник красным цветом (R255, G0, B0). Повторите процедуру создав еще 2 аналогичных прямоугольника желтого (R255, G255, B0) и зеленого (R0, G255, B0) цветов.

Шаг 3

Упорядочьте прямоугольники так, чтобы красный был вверху а зеленый внизу. Также нужно, чтобы расстояние между ними было строго определенным. Включите панель Info (Ctrl+F8) и разместите красный прямоугольник так, чтобу его Y координата была 500 pt, 400 pt для желтого и 300 pt для зеленого. Теперь выделите все прямоугольники и на панели выравнивания - Аlign panel (Shift + F7) - нажмите кнопку выровнять по горизонтали.

Шаг 4

Теперь пройдите в меню Object > Blend > Blend Options и установите Spacing (режим шаговости) на Specified Steps, а количество шагов установите равным 7. Теперь вделите все 3 прямоугольника и пройдите Object > Blend > Make (или же просто нажмите Alt+Ctrl+B). Последнее, что нужно сделать - это разобрать объект пройдя Object > Expand.

Шаг 5

Выделите столбик, который получился в предыдущем шаге и продублируйте при помощи перетягивания всторону при удержанных клавишах Shift и Alt. Кнопка Alt делает копию, а кнопка Shift позволяет сделать перенос параллельным. Повторите это действие 14 раз, так чтобы в конце получить 16 столбиков. В идеале все столбики должны находиться на одинаковом расстоянии друг от друга. Я предлагаю снова воспользоваться панелью Info и перемещать объекты с шагом 40 pt.

Шаг 6

Выделите все столбики созданные в предыдущем шаге и нажмите Ctrl+Shift+G. Теперь Вы сможете выделять каждый прямоугольник отдельно. Начинайте работу по удалению лишних прямоугольников, чтобы изображение походило на эквалайзер. В конце должно получиться нечто похожее на изображение на рисунке, но необязательно. После этого, выделите все и нажмите Ctrl+G, чтобы сгруппировать Ваш эквалайзер.

Шаг 7

Скопируйте и вставьте эквалайзер, нажмите Object > Transform > Reflect, установите Ось на Горизонтальную (Axis to Horizontal) и нажмите ОК. Теперь установите отражение четко под основным эквалайзером. Вам возможно пригодится панель выравнивания (Align panel) как в Шаге 3.

Шаг 8

Нарисуйте прямоугольник, который полностью закроет собой отражение, залейте его линейным градиентом от Белого к Черному установите угол на значение -90 градусов располодение (Location) приблизительно на 14%.

Шаг 9

Выделите отражение и прямоугольник, нарисованный в предыдущем Шаге. Идите в меню Прозрачности (Transparency Panel Menu) и во всплывающем меню нажмите Создать Маску Прозачности (Make Opacity Mask).

Вот, собственно говоря, и все. У вас получился очень касивый и красочный музыкальный эквалайзер.

Все о векторной графике

Урок по созданию красочного музыкального эквалайзера в Adobe Illustrator