Опубликован новый урок по Adobe Illustrator. Как нарисовать бесшовный арабский узор или мозаику, взяв за основу один квадрат.
Опубликован новый урок по Adobe Illustrator. Простой способ нарисовать абстрактный фон с боке, позволяющий быстро менять цвет иллюстрации.
Опубликован новый урок по Adobe Illustrator. Использование глобального цвета и градиент «павлиний хвост» в иллюстраторе.

Подписаться на рассылку
E-mail*:







Урок 10. Эквалайзер.

В этом уроке я расскажу как относительно быстро и почти автоматически нарисовать визуализацию эквалайзера в Adobe Illustrator при помощи слоев и режимов наложения.

Эквалайзер. Урок Adobe Illustrator. Результат выполнения урока.

Используемые в уроке инструменты (в скобках даны клавиатурные сокращения для быстрого вызова):

  • Selection Tool (V) — черная стрелочка: для выделения и перемещения объекта целиком, а также для его масштабирования;
  • Rectangle Tool (M) — прямоугольник;
  • Gradient Tool (G) — градиент;
  • Reflect Tool (O) — зеркальное отражение объекта;

Используемые команды:

  • Split Into Grid — разбить по сетке;
  • Round Corners — скруглить углы;
  • Smart Guides — показать умные направляющие;
  • Show Rulers — показать линейки;

Используемые палитры: Swatches, Gradient, Color, Transparency, Layers.

Возьмите инструмент Rectangle Tool (M) и, удерживая клавишу Shift нарисуйте черный квадрат:

Эквалайзер. Урок Adobe Illustrator. Рисование черного квадрата.

При помощи палитры Window -> Color убедитесь в том, что черный цвет — точно черный.

Переключите Color режим CMYK, для чего щелкните по иконке справа вверху панели:

Эквалайзер. Урок Adobe Illustrator. Палитра Color. Переключение режимов.

Ползунки «C», «M» «Y» должны быть установлены в положение «0», а ползунок «K» - 100%:

Эквалайзер. Урок Adobe Illustrator. Палитра Color. Режим CMYK. Установка черного цвета.

Теперь нам нужно заблокировать слой с черным квадратом. Вызовите панель слоев при помощи кнопки F7, либо через пункт меню Window->Layers:

Эквалайзер. Урок Adobe Illustrator. Вызов палитры Layers.

Если я использую слои в иллюстраторе, я предпочитаю давать им осмысленные имена, чтобы их легче было потом находить. Двойным щелчком по названию слоя вызовите диалоговое окошко:

Эквалайзер. Урок Adobe Illustrator. Палитра Layers. Переименование слоя.

В поле Name введите новое название слоя, например, «background».

Теперь слой нужно заблокировать. Делается это точно так же, как и в фотошопе — одним щелчком мыши в ячейке между иконкой глаза и названием слоя. Иконка замочка говорит о том, что слой заблокирован:

Эквалайзер. Урок Adobe Illustrator. Палитра Layers. Иконка заблокированного слоя.

Теперь создайте новый слой при помощи комбинации клавиш Ctrl+Alt+L, либо при помощи иконки Create New Layer в панели слоев:

Эквалайзер. Урок Adobe Illustrator. Палитра Layers. Создание нового слоя. Create New Layer.

В диалоговом окошке введите название нового слоя в поле Name, например, «equalizer» и нажмите Ok. Появится новый слой сверху заблокированного:

Эквалайзер. Урок Adobe Illustrator. Палитра Layers. Создание нового слоя.

Теперь при помощи инструмента Rectangle Tool (M) нарисуйте на новом слое белый прямоугольник:

Эквалайзер. Урок Adobe Illustrator. Рисование белого прямоугольника.

Теперь нужно разбить прямоугольник на несколько маленьких. Для этого выделяем его черной стрелочкой и идем в меню Object->Path->Split Into Grid:

Эквалайзер. Урок Adobe Illustrator. Split Into Grid.

Откроется диалоговое окно:

Эквалайзер. Урок Adobe Illustrator. Диалоговое окно Split Into Grid.

Для того, чтобы видеть результат вносимых изменений, поставьте галочку «Preview».

Столбик Rows позволяет управлять количеством строк (Number), высотой строк (Height), расстоянием между строками (Gutter) и высотой основного прямоугольника (Total).

Столбик Columns позволяет управлять количеством cтолбцов (Number), шириной столбцов (Width), расстоянием между столбцами (Gutter) и шириной основного прямоугольника (Total).

Установите равное количество столбцов и строк в полях Number и одинаковое расстояние между столбцми и строками в полях Gutter. Если вам понравится предварительный результат, нажимайте Ok.

В результате описанных действий у нам получится матрица, состоящая из отдельных прямоугольников.

PS: Если диалоговое окошко не позволяет сделать так много ячеек, как вам хочется — это значит, что либо исходный прямоугольник был слишком маленький, либо вы пытаетесь задать слишком большое расстояние между ними, либо и то, и другое одновременно.

Для того, чтобы скруглить углы у всех прямоугольников одновременно, выделите их все комбинацией клавиш Ctrl+A. Выделятся только белые объекты, на заблокированный слой выделение не подействует (если выделился и черный квадрат — идите в палитру слоев и заблокируйте слой с квадратом). Теперь вызовите панельку для задания радиуса скругления углов Effect->Stylize->Round Corners:

Эквалайзер. Урок Adobe Illustrator. Скругление углов прямоугольников.

В открывшемся диалоговом окошке укажите радиус скругления. Для того, чтобы следить за результатом поставьте галочку Preview:

Эквалайзер. Урок Adobe Illustrator. Скругление углов прямоугольников. Задание радиуса скругления.

Радиус можно задавать напрямую, вписывая цифры в поле Radius, либо задавать радиус с клавиатуры кнопками «вверх» и «вниз», одновременно держа нажатыми кнопки Shift+Ctrl.

Когда результат будет вас устраиваивать, нажмите кнопку Ok. В результате у вас получится матрица из прямоугольников с закругленными углами. Для того, чтобы применить эффект скругления, примените Object->Expand Appearance:

Теперь при помощи инструмента Selection Tool (V) выделите примерно 1/3 часть прямоугольников снизу. Для этого зажмите левую кнопку мыши рядом с нижним левым прямоугольником и «протяните» выделение по диагонали, чтобы получилось вот такое выделение:

Эквалайзер. Урок Adobe Illustrator. Выделение нескольких объектов рамкой выделения.

Примените к выделению зеленый цвет.

Так же поступите со средними прямоугольниками, которые окрасьте в желтый и с самыми верхними, которые будут красными:

Эквалайзер. Урок Adobe Illustrator. Закрашивание объектов сплошной заливкой.

Для дальнейшей работы нам понадобятся направляющие. Если у вас отключены линейки, включите их при помощи меню View->Show Rulers (Ctrl+R):

Эквалайзер. Урок Adobe Illustrator. Включение линеек.

После этого «вытяните» две вертикальные и две горизонтальные направляющие и поместите их по краям основного прямоугольника.

Будьте внимательны, выставляя направляющие — очень важно, чтобы они лежали точно на краях прямоугольника. Для того, чтобы быть в этом уверенными, можно включить «умные» направляющие, которые подскажут точное позиционирование View->Smart Guides (Ctrl+U).

Эквалайзер. Урок Adobe Illustrator. Включение умных направляющих.

Затем создайте новый слой «mask» (Ctrl+Alt+L):

Эквалайзер. Урок Adobe Illustrator. Создание нового слоя.

И заблокируйте слой equalizer:

Эквалайзер. Урок Adobe Illustrator. Блокирование слоя.

Теперь нарисуйте на слое mask прямоугольник любого цвета, ориентируясь по направляющим:

Эквалайзер. Урок Adobe Illustrator. Рисование прямоугольника.

Затем разбейте этот прямоугольник на такое же количество столбцов, сколько было при создании эквалайзера (в моем случае 20), расстояние между столбцами сделайте 0:

Эквалайзер. Урок Adobe Illustrator. Разбиение объекта на столбцы.
Эквалайзер. Урок Adobe Illustrator. Разбиение объекта на столбцы. Диалоговое окно.

Залейте полученные прямоугольники линейным черно-белым градиентом:

Эквалайзер. Урок Adobe Illustrator. Заливка градиентом.

Выберите инструмент Gradient Tool (G) и движение внизу-вверх залейте прямоугольники градиентом вертикально. Проверьте, что черный цвет — действительно черный. Для этого вызовите панель Window->Gradient, двойным щелчком мыши по маркеру черного цвета вызовите палитру Color, переключите указание цвета в CMYK (кнопка в правом углу панели). Ползунки «C», «M» «Y» должны быть установлены в положение «0», а ползунок «K» — 100%:

Эквалайзер. Урок Adobe Illustrator. Вертикальный градиент.

В панели Window->Transparency выберите режим наложения Multiply, Opacity оставьте 100%:

Эквалайзер. Урок Adobe Illustrator. Палитра Transparency. Режим наложения Multiply.
Эквалайзер. Урок Adobe Illustrator. Черно-белый градиент, режим наложения mutliply.

Можно немного подправить вид градиента. Не снимая выделения на панели Gradient подвиньте средний ползунок в сторону черного цвета:

Эквалайзер. Урок Adobe Illustrator. Редактирование градиента.

Теперь при помощи инструмента Gradient Tool (G) задайте градиентной заливке каждого прямоугольника маски разную высоту:

Эквалайзер. Урок Adobe Illustrator. Инструмент Gradient Tool.

После этого снимите блокировку со слоя equalizer:

Эквалайзер. Урок Adobe Illustrator. Снятие блокировки слоя.

Выделите в панели Layers дублируйте слои equalizer и mask:

Эквалайзер. Урок Adobe Illustrator. Выделение и дублирование слоев в панели Layers.

После этого палитра Layers должна выглядеть следующим образом:

Эквалайзер. Урок Adobe Illustrator. Палитра Layers с копиями слоев.

Выделите слои mask copy и equalizer copy и выберите инструмент Reflect Tool (O):

Эквалайзер. Урок Adobe Illustrator. Инструмент Reflect Tool.

Поместите центр вращения чуть ниже эквалайзера и «отзеркальте» выделенные слои:

Эквалайзер. Урок Adobe Illustrator. Зеркальное отражение.

Теперь измените прозрачность слоя equalizer copy на 50%:

Эквалайзер. Урок Adobe Illustrator. Изменения прозрачности слоя.

В результате выполнения урока должна получиться примерно такая иллюстрация:

Эквалайзер. Урок Adobe Illustrator. Результат выполнения урока.

Собственно, все.

PS: если вы будете отправлять иллюстрацию на стоки, не забудьте разблокировать слой background (черный квадрат) и сохраните иллюстрацию в формате EPS10, так как при создании иллюстрации используется прозрачность.

Удачи!

Другие уроки Adobe Illustrator






Если вам интересно попробовать себя в стоковом бизнесе - регистрируйтесь на фотобанках по этим ссылкам:

ShutterStock.com
Fotolia.com
Dreamstime.com
DepositPhotos.com
BigStockPhotos.com
Crestock.com
iStockphoto.com
Lori.ru
VectorStock.com
123rf.com

Я всегда буду рада ответить на все ваши вопросы: nataly@stockers.ru

Крупнейший в мире фотобанк, работающий по подписке и наиболее любимый авторами — доход от продаж на нем часто составляет до 60% от продаж на всех остальных фотобанках вместе взятых. Кроме фотографий и векторных иллюстраций ShutterStock также продает видеоролики, причем, для загрузки видео авторам пока даже не требуется проходить экзамен.
Хороший фотобанк, со средним объемом продаж. Подойдет начинающим стокерам, так как лоялен к качеству изображений, не требует прохождения экзамена и не требует загрузки удостоверения личности для регистрации аккаунта. Принимает фотографии, векторные иллюстрации и видео-ролики.
Один из тех фотобанков, которые можно посоветовать новичку. Экзамена на нем нет, документа для регистрации не требуется, зато к качеству работ требования не самые низкие. По доходности занимает обычно второе-третье место среди остальных фотобанков.
Молодой, активно развивающийся фотобанк с программой стимулирования авторов. Удобный интерфейс, в том числе и на русском языке.
Еще один фотобанк, который подойдет новичкам, так как не требует для регистрации ни удостоверения личности, ни прохождения экзамена. Небольшой теоретический тест по вступительному руководству — и можно начинать работать. Единственный фотобанк, который «угадывает» категории по ключевым словам.
Банеры для регистрации