Узор из шестиугольников в Adobe Illustrator
30 марта 2017 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем создавать классный паттерн из шестиугольников в Adobe Illustrator. Геометрические узоры в моде, однако этот урок заинтересовал нас по другой причине. Его преимущество состоит в том, что для создания базовой детали паттерна мы используем всего одну фигуру и укажем ей оформление в одноименной палитре. А еще наш узор примечателен тем, что детали визуально переходят одна в другую.
Для начала скачайте этот файл Adobe Illustrator. Этот документ (в режиме RGB) содержит три цвета в палитре Swatch/Образцы. Мы будем работать с ними.
Шаг 1
Откройте скачанный документ и возьмите инструмент Polygon/Многоугольник. Также мы рекомендуем включить Smart Guides/Умные направляющие. Для этого в меню выберите View > Smart Guides/Просмотр>Умные направляющие.
Шаг 2
Кликните где-нибудь в рабочей области и в появившемся окне укажите радиус в 100px и количество сторон, равное шести.
Шаг 3
Укажите получившемуся шестиугольнику красную заливку и коричневую обводку. В палитре Appearance/Оформление (Window > Appearance/Окно>Оформление) укажите толщину обводки в 75 px. Теперь выделите эту обводку в палитре Appearance/Оформление и кликните по маленькой иконке нового файла в нижней части палитры. Так вы дублируете обводку. Укажите копии оранжевый цвет и толщину в 25 px.
Шаг 4
Не снимайте выделения с шестиугольника и возьмите инструмент Rotate/Поворот. Зажмите клавишу Option/Alt и кликните по центру шестиугольника. Введите 30° и нажмите OK.
Шаг 5
Инструментом Pen/Перо нарисуйте вертикальную коричневую линию как показано ниже. Укажите линии толщину в 25 px.
Шаг 6
Выделите шестиугольник вместе с линией, и в меню выберите Object > Expand Appearance/Объект>Разобрать оформление.
Шаг 7
Теперь выберите в меню Object > Expand…/Объект>Разобрать, оставьте выделенными пункты Fill/Заливка и Stroke/Обводка и нажмите OK.
Шаг 8
Инструментом Pen/Перо кликните в указанную на картинке ниже точку, чтобы создать дополнительную опорную точку.
Шаг 9
Инструментом Direct Selection/Прямое выделение выделите только что созданную точку и перетащите ее как показано на картинке выше.
Шаг 10
Теперь выделите верхнюю точку шестиугольника и переместите ее вниз, как показано на картинке ниже.
Шаг 11
Возьмите инструмент Rotate/Поворот, зажмите клавишу Option/Alt и кликните куда-нибудь справа от шестиугольника. В появившемся окне укажите 180° и нажмите кнопку Copy/Копия.
Шаг 12
Выделите копию прямоугольника и переместите его как показано на картинке ниже. Оранжевая и коричневая линии должны идеально совпадать. Умные направляющие помогут вам в этом.
Шаг 13
Выделите все созданное нами, и в меню выберите Object > Pattern > Make/Объект>Узор>Создать.
Шаг 14
Появится предупреждающее окно, в котором будет сказано, что был создан новый образец узора, и изменения, которые вы внесете в режиме редактирования узора, будут к нему применены. Если вы хотите сделать разные вариации узора, тогда закройте режим редактирования, создайте копию образца узора, затем кликните по нему дважды, чтобы редактировать копию.
Шаг 15
Для начала вы можете дать вашему новому узору имя. Каким получается результат вы можете видеть уже сейчас, и нам очевидно нужно кое-что исправить.
Шаг 16
Для начала уберем горизонтальное пустое место. Для этого уменьшите параметр H Spacing/Расстояние по горизонтали до -137 px. Чтобы выяснить точную цифру, на которую вам нужно сместить расстояние, просто скрольтесь внутри поля с параметрами отступа. Вы увидите изменение результата в режиме реального времени.
Шаг 17
По тому же принципу уменьшаем расстояние по вертикали. В нашем случае это -93 px.
Результат
Теперь, когда результат вам нравится, нажмите на кнопку Done/Готово, чтобы выйти из режима редактирования. Теперь вы можете применить узор к любому объекту. Чтобы сделать узор мельче или крупнее, кликните дважды по инструменту Scale/Масштаб. Поставьте галочку Transform Patterns/Трансформировать узоры, также включите опцию Preview/Просмотр и меняйте параметры первого поля.
Автор урока Veerle Pieters
Перевод — Дежурка
Смотрите также:
549