Урок Adobe Illustrator: бесшовная исламская мозаика на основе десяти-лепестковой розетки
Мозаика исламского мира завораживает своей красотой. Её видов и алгоритмов построения существует огромное множество. В этом уроке я расскажу, как построить десяти-лепестковую классическую розетку и на ее основе сделать один из возможных вариантов мозаики. Меня зовут Наталья Костенюкова, и это мой первый урок для сообщества I love Ai. Будем знакомы 😊
А теперь давайте приступим к уроку.
После создания нового документа (у меня 500x500 px, хотя это большой роли не играет), я предлагаю проверить и установить определенные настройки:
во-первых, включить «умные направляющие» - View->Smart Guides;
во-вторых, проверить не стоят ли галочки привязки, это может помешать, галочек нигде не должно быть, нам не нужна сейчас привязки ни к точкам, ни к сетке, ни к пикселям;
в-третих, добавить в палитру образцов Swatches пару контрастных цветов. У меня это #FFF5D5 и #433B70;
в-четвертых, проверить настройки обводки. У меня почему-то в новом документе по-умолчанию стоит Align Stroke to Inside, а должно быть Align Stroke to Center (нижняя левая кнопочка в палитре Stroke);
в-пятых, отключить заливку, нажав на перечеркнутый красной линией белый квадратик внизу панели инструментов.
В палите инструментов выберите Polygon Tool.
Кликните по рабочей области и введите радиуc 100 px и количество углов многоугольника 10.
Нажмите OK.
Выберите инструмент Rectangle Tool (M).
И наведите курсор на следующий угол многоугольника до появления подсказки «anchor» умных направляющих.
Нажмите и удерживайте левую кнопку мыши и «тащите» прямоугольник до вот этой точки десятиугольника, до появления подсказки «anchor» умных направляющих.
Отпустите левую кнопку мыши.
Не снимая выделения с прямоугольника, кликните дважды левой кнопкой мыши по инструменту Rotation Tool (R) в панели инструментов.
В поле Angle введите значение угла 36°.
И нажмите кнопку Copy.
Трижды нажмите комбинацию клавиш Ctrl+D (на Mac — Command+D), чтобы повторить копирование прямоугольника с поворотом на 36°.
Выберите инструмент Rectangle Tool (M).
Наведите курсор на следующее место пересечения линий до появления подсказки «intersect» умных направляющих.
Нажмите и удерживайте левую кнопку мыши и «тащите» прямоугольник до вот этой точки пересечения линий до появления подсказки «intersect» умных направляющих. Отпустите левую кнопку мыши.
В палитре инструментов выберите Selection Tool (V).
Потяните инструментом вправо за средний маркер вертикальной стороны, удерживая одновременно Alt (Option для Mac), чтобы трансформация происходила симметрично относительно центра.
Прямоугольник должен выйти за пределы обеих границ десятиугольника.
Не снимая выделения с прямоугольника, кликните дважды левой кнопкой мыши по инструменту Rotation Tool (R) в панели инструментов.
В поле Angle введите значение угла 36°.
И нажмите кнопку Copy.
Трижды нажмите комбинацию клавиш Ctrl+D (на Mac — Command+D), чтобы повторить копирование прямоугольника с поворотом на 36°.
Получилась сетка для десяти-лепестковой розетки исламской мозаики.
Нажмите комбинацию клавиш Ctrl+A (Command+A для Mac), чтобы выделить всё.
В палитре инструментов выберите Shape Builder Tool (Shift+M).
Зайдите в палитру образцов Window->Swatches и установите цветом заливки один из выбранных вами цветов в начале урока. Я возьму фиолетовый.
Инструментом Shape Builder Tool нужно объединить внутренние части розетки, чтобы получилась звездочка. Для этого зажмите левую кнопку мыши в одной из областей, которые нужно объединить, и, продолжая удерживать кнопку мыши, как бы прорисуйте нужную площадь.
Теперь прокликайте левой кнопкой мыши по лепесткам розетки.
Объедините вот эти области, чтобы получились дополнительные лепестки, которые в конечной мозаике будут промежуточными между розетками.
Теперь выберите второй цвет в панели образцов Swatches и прокликайте следующие области розетки.
А теперь нужно объединить области, которые будут частями звездочек в конечной мозаике. Должен получиться ромбовидный раппорт мозаики.
В панели инструментов выберите Magic Wand (Y).
Зажмите Shift, и по-очереди кликните левой кнопкой мыши сначала по любой фиолетовой плитке, а затем по любой бежевой плитке, чтобы выделить все элементы, которые имеют заливку:
Нажмите Ctrl+X, чтобы вырезать выделенные плитки в буфер обмена и заодно проверить, всё ли нужное мы выделили.
Удалите всё оставшееся.
Вставьте содержимое буфера обмена комбинацией Ctrl+V (Command+V для Mac)
Отключите цвет обводки, нажав на перечеркнутый красной линией белый квадратик внизу панели инструментов.
Сгруппируйте все объекты комбинацией клавиш Ctrl+G. Получившийся ромб и является раппортом для мозаики.
Чтобы удобнее было сделать узор, я предлагаю пропорционально уменьшить раппорт до размера, кратного 2 в высоту.
Откройте палитру Window->Properties или Window->Transform (Shift+F8), убедитесь, что цепочка, отвечающая за пропорциональность масштабирования включена.
В поле H введите высоту, например, 100 px или любое другое, которое делится на 2 без остатка.
Теперь идем в Object->Pattern->Make (Объект->Узор->Создать).
Соглашаемся на то, что новый паттерн будет добавлен в палитру Swatches.
Называем новый паттерн как-нибудь вроде «tenfolded mosaic» и устанавливаем
Tile Type: Brick By Row,
Brick Offset: 1/2,
ставим галочку «Size Tile To Art»,
V Spacing: -50px (или минус половины высоты вашего раппорта).
Закрываем палитру Pattern Options.
Нажимаем Done и в палитре Swatches появится новый паттерн «tenfolded mosaic».
Можем проверить его, нарисовав прямоугольник с новой заливкой.
Если нужен прямоугольный, а не ромбовидный раппорт, то можно разобрать этот новый нарисованный прямоугольник при помощи команды Object->Expand (Объект -> Разобрать).
Выбрать инструмент Direct Selection Tool (A) и нажать правой кнопкой мыши, вызвав всплывающее меню, и выбрать «Ungroup» (Shift+Ctrl+G).
Еще раз нажать правой кнопкой мыши, вызвав всплывающее меню, и выбрать «Release Clipping Mask» (Alt+Ctrl+7).
И паттерн распадётся на прямоугольные раппорты.
Урок завершён. Спасибо за внимание.
Ещё интересные уроки по созданию паттернов смотрите по этим ссылкам:
Бесшовные текстуры в Adobe Illustrator
Как сохранять бесшовные паттерны для микростоков
Как сделать сет паттернов для стоков
Как сделать непрерывный переплетающийся паттерн
как нарисовать геометрический бесшовный паттерн