Арабский узор в Adobe Illustrator
19 ноября 2016 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы научимся создавать геометрический узор в арабском стиле в Adobe Illustrator. На первый взгляд он может показаться вам сложным, однако это совсем не так, и нарисовать его будет совсем нетрудно. Мы будем работать с базовыми геометрическими фигурами, создадим детали из которых позже составим мозаику.
Готовим новый документ
Для начала создайте новый документ в Adobe Illustrator (File>New/Файл>Создать) и укажите ему следующие параметры:
- Размер: 800x600px
- Цветовой режим (Color mode:) RGB
- Разрешение: 72ppp
Также включите опцию “Align New Objects to Pixel Grid/Выравнивать новые объекты по пиксельной сетке”
Базовая сетка
Мы создадим две маленькие детали, которые будут подходить друг другу и формировать мозаику. Для начала нам нужно создать ориентировочную сетку инструментом Pen/Перо. Просто нарисуйте сетку как показано ниже. Делайте это в отдельном слое, после чего заблокируйте слой, чтоыб вы могли видеть содержимое, но оно не мешало вам работать.
Первая деталь
Шаг 1
Начнем с восьмиконечной звезды. Инструментом Rectangle/Прямоугольник нарисуйте обычный квадрат. Пока цвет заливик не важен. Позже мы ее заменим. Нарисуйте еще один квадрат и поверните его на 45 градусов. Наложите один квадрат на другой, выделите оба и нажмите иконку Merge/Объединить в палитре Pathfinder/Обработка контура.
Шаг 2
Теперь у нас есть основной элемент для создания первой детали. Вы можете его размножить (CTRL C+CTRL V) и составить из элементов узор как на картинке ниже.
Вторая деталь
Шаг 1
Теперь мы будем использовать такую же звезду как в прошлом шаге. Создайте ее заново или скопируйте уже имеющуюся. Но на этотм раз внутри звезды нарисуйте круг инструментом Ellipse/Эллипс.
Шаг 2
Поместите фигуры внутрь нашей сетки и добавьте геометрических фигур вокруг. Пользуйтесь инструментамиPen/Перо, Polygon/Многоугольник и палитрой Pathfinder/Обработка контура. Помните что наши детали должны соединяться между собой, чтобы составить узор. Повторите показанные на картинках ниже шаги.
Шаг 3
Теперь давайте посмотрим хорошо ли соединяются между собой наши детали.
Шаг 4
Сгруппируйте вместе объединенные детали (CTRL G) и Expand/Разберите их. В палитре Pathfinder/Обработка контура кликните по иконке Combine/Комбинировать.
Цвета
Шаг 1
Для начала давайте создадим палитру, которая подойдет для узора в арабском стиле. Определитесь с количеством цветов и с самими цветами, и создайте из них палитру. Так будет проще пользоваться цветам и далее.
Шаг 2
Для того, чтобы раскрасить нашу работу используйте пункт в меню Object>Live paint>make/Объект>Быстрая заливка>Создать.
Композиция
Дублируйте кусочки мозаики (CTRL C+ CTRL V) и заполните ими всю рабочую область.
Подсказка
Выделите элемент, который хотите дублировать и перетяните его, удерживая клавиши ALT+Shift. Так вы переместите копию ровно по вертикали или горизонтали.
Шаг 1
Когда вы закончите создавать полотно узора, используйте функцию Combine/Комбинировать из палитры pathfinder/обработка контура.
Шаг 2
Теперь давайте избавимся от лишних частей узора. Растяните прямоугольник по размеру рабочей области и выровняйте его так, чтобы он идеально вписался по краям.
После этого выделите все и нажмите иконку Crop/Кадрировать в палитре pathfinder/обработка контура.
Удаляем обводку
Давайте избавимся от серой обводки. Инструментом Direct Selection/Прямое выделение выделите любую часть обводки, затем в меню выберите Select>Same>Fill color/Выделение>По общему признаку>С одинаковым цветом заливки. Затем удалите все выделенное.
Финальные штрихи
Для завершения работы добавим небольшой эффект. Выделите все и в меню выберите Effect>Stylize>Outer glow/Эффект>Стилизация>Внешнее свечение.
Результат
Автор урока María Vázquez
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
549
- Насколько важно сегодня использовать Web Safe цвета?
538
- 20 наборов кистей для Фотошопа, которые вам пригодятся
530
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191