Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Абстрактный фон с волнами в Adobe Illustrator

2 апреля 2016 | Опубликовано в Уроки | 2 Комментариев »

Как часто в дизайнерской работе нужен красивый фон? Да почти каждый день, и лучше много разных! Используя навыки, полученные на этом уроке, вы сможете создавать абстрактный фон с эффектом свечения. Мы также расскажем, как использовать такой весьма полезный инструмент, как прямоугольная сетка (Rectangular Grid), а еще поработаем с объектной кистью и градиентами. В конце мы покажем, как создать поблескивающий эффект, используя режим осветления (Color Dodge).


Шаг 1

Создайте новый документ и задайте размеры 900 x 500 px. Выберите в меню инструмент Rectangle / Прямоугольник и нарисуйте прямоугольник шириной 900, высотой 500. Теперь выберите панель Gradient / Градиент и залейте этот прямоугольник линейным градиентом как показано ниже:

 

Шаг 2

Теперь возьмемся за наш будущий фон. Чтобы сделать сетку, выберите Rectangular Grid / Прямоугольная Сетка и кликните на ней, чтобы активировать опции сетки. Так как нам нужна сетка шире, чем фоновое изображение, установим ее размеры 1100 x 1100 px. Задайте количество ячеек, введя соотвествующие числа в полях Horizontal Dividers / Горизонтальные разделители и Vertical Dividers / Вертикальные разделители. Нажмите ОК.

Теперь перейдите в панель Color / Цвет и задайте обводке светло-серый цвет (R=204 G=204 B=204).

 

Шаг 3

Пусть объекты остаются выделенными, а мы идем в меню Object > Transform > Rotate / Объект > Трансформировать > Поворот и открываем диалоговое окно. Устанавливаем Angle / Наклон на 36 градусов и жмем ОК.

Открываем палитру Stroke / Обводка и выбираем Dashed Line / Пунктирная Линия. Отрегулируйте длину штриха и пропуска в окнах, как показано ниже. В панели Transparency / Прозрачность измените режим наложения на Color Dodge / Осветление основы c непрозрачностью 10%.

Теперь расположите сетку поверх фона, который сделали шагом раньше.

Шаг 4

Возьмите инструмент Ellipse / Эллипс и нарисуйте сильно вытянутый овал размером 150 x 7 px. Когда закончите, воспользуйтесь Direct Selection Tool / Прямое Выделение и выделите крайнюю правую и левую точки своего эллипса как показано на скриншоте ниже. Нажмите Convert selected anchor points to corner / Преобразовать опорную точку в угол. 

Фигура остается выделенной, а вы в панели Brushes / Кисти нажимаете New Brush / Новая Кисть. Выбираем Art Brush / Объектная кисть, после чего откроется диалоговое окно. Поставьте галочку рядом с Stretch to Fit Stroke Length / Растянуть Кисть На Длину Контура. Выберите Tints / Оттенки и нажмите OK.

Вот так просто вы создали новую кисть!

Шаг 5

Выберите инструмент Paintbrush / Кисть в панели инструментов и нарисуйте несколько пересекающихся незамкнутых контуров. В палитре Stroke / Контур задайте разную толщину контуров, как показано ниже.

Теперь идите в панель Color / Цвет и выберите светло-серый цвет контура (R=179 G=179 B=179). Выделите все контуры и используйте  Art Brush 1 / Объектная Кисть 1 из панели Кисти.  Откройте панель Transparency / Прозрачность и задайте режим Color Dodge / Осветление основы c непрозрачностью 100%.

Сгруппируйте (можно так — Ctrl+G) все волнистые линии и примените команду Send Backward / Переложить Назад (или нажмите Ctrl+[ ), чтобы расположить линии за сеткой.

Шаг 6

Давайте теперь создадим светящийся эффект. Возьмите инструмент Ellipse / Эллипс и нарисуйте несколько кругов разного размера, затем поместите их среди волнистых линий. Откройте панель Gradient / Градиент и закрасьте полученные фигуры с помощью радиального градиента белым (R=230 G=230 B=230) и черным (R=0 G=0 B=0), как показано внизу.

Выделите полученные круги и в панели Transparency / Прозрачность задайте режим наложения Color Dodge / Осветление основы c непрозрачностью 100%.

Шаг 7

Сделайте копию прямоугольника из Шага 1 и расположите ее на переднем плане, используя команду Bring to Front / На Передний План или сочетание клавиш Shift+Ctrl+].

Выделите все сделанные вами объекты и воспользуйтесь меню Object > Clipping Mask > Make / Объект > Обтравочная маска > Создать (или Ctrl+7), чтобы замаскировать те части, длина которых выступает за границы проямоугольника.

Научившись всему этому, вы теперь сможете создавать интересные абстрактные фоны в таком современном стиле.

Результат

Автор - Nikola Adzic

Перевод — Дежурка

Смотрите также:

 

 

 




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]