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

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







Урок 21. Бесшовный арабский узор

Урок у том, как нарисовать бесшовный арабский узор на основе одного квадрата.

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

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

  • Selection Tool ‹V› — черная стрелочка: для выделения и перемещения объекта целиком, а также для его масштабирования;
  • Reflect Tool ‹O› — инструмент для зеркального отражения объектов относительно воображаемой оси;
  • Rotate Tool ‹R› — инструмент поворота объектов;
  • Shape Builder Tool ‹Shift›+‹M› — создание фигур: предназначен для быстрого объединения и создания новых фигур. Позволяет объединять и стирать кусочки фигур, разделенные границами объектов;
  • Delete Anchor Point Tool (-) - удаление точек на кривой;

Убедитесь, что у вас включены «умные направляющие» они очень помогут в этом уроке. Для этого идите в меню View, найдите в списке «Smart Guides» и убедитесь, что там стоит галочка слева. Если не стоит – поставьте:

Урок Adobe Illustrator. Бесшовный арабский узор. Включение умных направляющих Smart Guides

Выберите в панели инструментов Rectangle Tool ‹M›

Урок Adobe Illustrator. Бесшовный арабский узор. Инструмент Rectangle Tool для рисования квадратов и прямоугольников

Зажмите клавишу Shift и нарисуйте квадрат. Очень важно, чтобы это был именно квадрат:

Урок Adobe Illustrator. Бесшовный арабский узор. Рисование квадрата.

Поверните квадрат на 45°:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот квадрата на 45°

Выберите в панели инструментов Rotate Tool ‹R›:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

Наведите курсор на правый угол квадрата, но пока не нажимайте кнопку мыши. Умные направляющие подскажут вам, когда вы точно попадете на нужную точку:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool. Смещение центра поворота и трансформации

Теперь зажмите «Alt» на клавиатуре и после этого нажмите левую кнопку мыши. Появится диалоговое окно, в котором в поле «Angle» введите значение -60:

Бесшовный арабский узор. Урок Adobe Illustrator. Поворот объектов на заданный угол

И нажмите кнопку «Copy». Копия квадрата повернется на -60° относительно правого угла:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

Выберите в панели инструментов Selection Tool ‹V›, чтобы выделить им первый квадрат:

Бесшовный арабский узор. Урок Adobe Illustrator. Выделение объектов Selection Tool
После выделения первоначального квадрата смените инструмент на Rotate Tool ‹R› наведите курсор на его левую точку:
Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

Зажмите Alt и кликните на этой точке левой кнопкой мыши. В этот раз введите в поле Angle значение 60°:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

И нажмите кнопку Copy:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

При помощи Selection Tool выделите все три квадрата:

Урок Adobe Illustrator. Бесшовный арабский узор. Selection Tool. Выделение объектов

Выберите в панели инструментов Shape Builder Tool ‹Shift›+‹M›

Урок Adobe Illustrator. Бесшовный арабский узор. Инструмент Shape Builder Tool. Объединение объектов.

И объедините при его помощи квадраты в один объект:

Урок Adobe Illustrator. Бесшовный арабский узор. Shape Builder Tool. Объединение объектов

В предыдущих версиях иллюстратора объекты можно объединить при помощи палитры Window->Pathfinder – первая кнопка в палитре – объединение:

Бесшовный арабский узор. Урок Adobe Illustrator. Объединение фигур. Палитра Pathfinder

Результатом и первого и второго способа будет единая фигура:

Бесшовный арабский узор. Урок Adobe Illustrator. Элемент мотива мозаики

При выделенной фигуре выберите снова Rotate Tool ‹R›

Урок Adobe Illustrator. Бесшовный арабский узор. Rotate Tool. Поворот объектов

При нажатом Alt щелкните по точке, которая указана на рисунке:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

В поле «Angle» введите 180:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

И нажмите кнопку Copy:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

Проделайте тоже самое с полученной фигурой: Rotate Tool, смещение центра вращения с зажатой Alt и поворот на 180:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool
Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool
Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

Выделите все три фигуры инструментом Selection Tool(V):

Урок Adobe Illustrator. Бесшовный арабский узор. Selection Tool. Выделение объектов
Найдите в панели инструментов Reflect Tool ‹O› – он в одной группе с Rotate Tool:
Урок Adobe Illustrator. Бесшовный арабский узор. Отражение объектов. Инструмент Reflect Tool

При зажатой Alt кликните по одной из верхних точек:

Урок Adobe Illustrator. Бесшовный арабский узор. Отражение объектов. Инструмент Reflect Tool

В открывшемся диалоговом окне в разделе Axis отметьте вариант Horizontal:

Урок Adobe Illustrator. Бесшовный арабский узор. Отражение объектов. Инструмент Reflect Tool

И нажмите кнопочку Copy. В итоге получится мотив для арабской мозаики:

Урок Adobe Illustrator. Бесшовный арабский узор. Основной мотив узора

Советую вам выделить все элементы и сгруппировать их при помощи комбинации клавиш Ctrl+G либо кликните по ним правой кнопкой мыши и выберите Group:

Урок Adobe Illustrator. Бесшовный арабский узор. Группировка объектов.

Теперь инструментом Rotate Tool ‹R› тем же способом, что ранее уже использовался в этом уроке, поверните мотив узора на 180 градусов относительно указанной точки:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool
Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool
Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool
Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

И еще раз:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool
Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool
Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

И так далее по тому же алгоритму:

Урок Adobe Illustrator. Бесшовный арабский узор. Поворот объектов. Инструмент Rotate Tool

Вот в итоге можно раскрасить, накопировать и получить что-нибудь вроде этого:

Урок Adobe Illustrator. Бесшовный арабский узор.

И на этом этапе мне захотелось сделать узор бесшовным.

Поэтому я удалила лишнее, убедилась, что верхние лепестки того же цвета, что и нижние, а правые такие же, как и левые:

Урок Adobe Illustrator. Бесшовный арабский узор.

Я вижу, что верхняя и нижняя части состыкуются идеально, а вот с боковыми элементами придется поработать – обрезать им половинки.

Я выбрала такой способ. Вы можете использовать любой другой )

Выбрала инструмент Delete Anchor Point Tool (-)

Урок Adobe Illustrator. Бесшовный арабский узор. Удаление точек на кривой. Delete Anchor Point Tool

И просто удалила им лишние точки:

Урок Adobe Illustrator. Бесшовный арабский узор. Удаление точек на кривой. Delete Anchor Point Tool
Урок Adobe Illustrator. Бесшовный арабский узор. Удаление точек на кривой. Delete Anchor Point Tool
Урок Adobe Illustrator. Бесшовный арабский узор. Удаление точек на кривой. Delete Anchor Point Tool

И у меня получился бесшовный узор:

Урок Adobe Illustrator. Бесшовный арабский узор.

Можно проверить на сколько он «бесшовен» добавив его в палитру Swatches:

Урок Adobe Illustrator. Бесшовный арабский узор.
Урок Adobe Illustrator. Бесшовный арабский узор. Палитра Swatches. Создание узорной заливки

Рисуем прямоугольник и заливаем его нашей текстурой:

Урок Adobe Illustrator. Бесшовный арабский узор.

Вполне себе бесшовно )

Урок Adobe Illustrator. Бесшовный арабский узор.

Другие уроки 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 также продает видеоролики, причем, для загрузки видео авторам пока даже не требуется проходить экзамен.
Хороший фотобанк, со средним объемом продаж. Подойдет начинающим стокерам, так как лоялен к качеству изображений, не требует прохождения экзамена и не требует загрузки удостоверения личности для регистрации аккаунта. Принимает фотографии, векторные иллюстрации и видео-ролики.
Один из тех фотобанков, которые можно посоветовать новичку. Экзамена на нем нет, документа для регистрации не требуется, зато к качеству работ требования не самые низкие. По доходности занимает обычно второе-третье место среди остальных фотобанков.
Молодой, активно развивающийся фотобанк с программой стимулирования авторов. Удобный интерфейс, в том числе и на русском языке.
Еще один фотобанк, который подойдет новичкам, так как не требует для регистрации ни удостоверения личности, ни прохождения экзамена. Небольшой теоретический тест по вступительному руководству — и можно начинать работать. Единственный фотобанк, который «угадывает» категории по ключевым словам.
Банеры для регистрации