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

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

Арабский узор в Adobe Illustrator

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

В этом уроке мы научимся создавать геометрический узор в арабском стиле в Adobe Illustrator. На первый взгляд он может показаться вам сложным, однако это совсем не так, и нарисовать его будет совсем нетрудно. Мы будем работать с базовыми геометрическими фигурами, создадим детали из которых позже составим мозаику.

 

Готовим новый документ

Для начала создайте новый документ в Adobe Illustrator (File>New/Файл>Создать) и укажите ему следующие параметры:

  • Размер: 800x600px
  • Цветовой режим (Color mode:) RGB
  • Разрешение: 72ppp

Также включите опцию “Align New Objects to Pixel Grid/Выравнивать новые объекты по пиксельной сетке”

1

Базовая сетка

Мы создадим две маленькие детали, которые будут подходить друг другу и формировать мозаику. Для начала нам нужно создать ориентировочную сетку инструментом Pen/Перо. Просто нарисуйте сетку как показано ниже. Делайте это в отдельном слое, после чего заблокируйте слой, чтоыб вы могли видеть содержимое, но оно не мешало вам работать.

2

Первая деталь

Шаг 1

Начнем с восьмиконечной звезды. Инструментом Rectangle/Прямоугольник нарисуйте обычный квадрат. Пока цвет заливик не важен. Позже мы ее заменим. Нарисуйте еще один квадрат и поверните его на 45 градусов. Наложите один квадрат на другой, выделите оба и нажмите иконку Merge/Объединить в палитре Pathfinder/Обработка контура.

3-1a

3-1b

Шаг 2

Теперь у нас есть основной элемент для создания первой детали. Вы можете его размножить (CTRL C+CTRL V) и составить из элементов узор как на картинке ниже.

3-2

Вторая деталь

Шаг 1

Теперь мы будем использовать такую же звезду как в прошлом шаге. Создайте ее заново или скопируйте уже имеющуюся. Но на этотм раз внутри звезды нарисуйте круг инструментом Ellipse/Эллипс.

4-1

Шаг 2

Поместите фигуры внутрь нашей сетки и добавьте геометрических фигур вокруг. Пользуйтесь инструментамиPen/Перо, Polygon/Многоугольник и палитрой Pathfinder/Обработка контура. Помните что наши детали должны соединяться между собой, чтобы составить узор. Повторите показанные на картинках ниже шаги.

4-2a

4-2b

Шаг 3

Теперь давайте посмотрим хорошо ли соединяются между собой наши детали.

4-3

Шаг 4

Сгруппируйте вместе объединенные детали (CTRL G) и Expand/Разберите их. В палитре Pathfinder/Обработка контура кликните по иконке Combine/Комбинировать.

4-4a

4-4b

4-4c

Цвета

Шаг 1

Для начала давайте создадим палитру, которая подойдет для узора в арабском стиле. Определитесь с количеством цветов и с самими цветами, и создайте из них палитру. Так будет проще пользоваться цветам и далее.

5-1

Шаг 2

Для того, чтобы раскрасить нашу работу используйте пункт в меню Object>Live paint>make/Объект>Быстрая заливка>Создать.

5-2a

5-2b

Композиция

Дублируйте кусочки мозаики (CTRL C+ CTRL V) и заполните ими всю рабочую область.

6

Подсказка

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

6-0truco

Шаг 1

Когда вы закончите создавать полотно узора, используйте функцию Combine/Комбинировать из палитры pathfinder/обработка контура.

6-1

Шаг 2

Теперь давайте избавимся от лишних частей узора. Растяните прямоугольник по размеру рабочей области и выровняйте его так, чтобы он идеально вписался по краям.

6-2a

6-2b

После этого выделите все и нажмите иконку Crop/Кадрировать в палитре pathfinder/обработка контура.

6-2c

6-2d

Удаляем обводку

Давайте избавимся от серой обводки. Инструментом Direct Selection/Прямое выделение выделите любую часть обводки, затем в меню выберите Select>Same>Fill color/Выделение>По общему признаку>С одинаковым цветом заливки. Затем удалите все выделенное.

7a

7b

Финальные штрихи

Для завершения работы добавим небольшой эффект. Выделите все и в меню выберите Effect>Stylize>Outer glow/Эффект>Стилизация>Внешнее свечение.

8a

8b

Результат

8c

Автор урока María Vázquez

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

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




Комментарии