Как сделать шаблон в иллюстраторе

Добавил пользователь Владимир З.
Обновлено: 10.09.2024

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

Добавление шаблона делает дизайн очень привлекательным. Очевидно, в зависимости от того, какой дизайн вы делаете. Adobe Illustrator имеет много шаблонов как часть программы, которые могут быть использованы пользователями. Чтобы получить доступ к этим проектам, вот как вы можете это сделать.

Окна> Swatches

Вы можете найти шаблоны здесь.

Перетащите в образцы

Доброго времени суток! Сегодня у нас в гостях художник-иллюстратор Ольга Шерстнёва. Оля написала для блога урок про то, как сделать шаблон для круговых узоров с эффектами вращения и отражения. С помощью таких шаблонов можно быстро и легко делать круговые узоры и мандалы.

По похожему принципу построены волшебные шаблоны Magic Wheel и Live Mirror. Поэтому если вы всегда хотели приоткрыть завесу тайны, как же такие чудесные шаблоны делаются в Adobe Illustrator, то обязательно попробуйте этот урок.

Создаём сектор

Этот сектор будет подложкой для нашего рисунка. Нарисуем на нём закорючку – она поможет нам определить направление вращения – и сгруппируем их (Ctrl + G).

Создаём круговой шаблон

Создаём круговой орнамент

А теперь начинается волшебство ?
Двойным щелчком заходим в режим редактирования группы нашего сектора и начинаем рисовать узор. И тут же, в реальном времени и прямом эфире, узор копируется на всех других секторах.

Создаём второй вариант кругового шаблона

Но это ещё не всё. Созданный нами шаблон копирует рисунок по направлению часовой стрелки. А сейчас мы часть секторов отразим в зеркальном направлении.

По закорючке заметно, что при копировании сектора поворачиваются то влево, то вправо. Теперь узор не только вращается по кругу, но вокруг своей оси. Возможно, более понятно будет так:

Оба варианта правильные. Выбор зависит от вашего вкуса и желания.

А теперь выбираем шаблон по вкусу и творим. Только нельзя вылезать за края сектора, а то симметрия нарушится.

После того, как узор нарисован, выходим из режима редактирования, сделав двойной клик на пустом месте артборда. Выделяем наш сектор с рисунком и разбираем на простые объекты: идём в меню Объект > Разобрать оформление. Если нужны дальнейшие манипуляции с рисунком, можно разгруппировать узор (Shift + Ctrl + G) и разобрать на ещё более простые объекты (Объект > Разобрать). А затем склеить составные части с помощью палитры Обработка контуров > Соединение или меню Объект > Составной контур > Создать. Полученные объекты можно раскрасить.

Таким же образом создаются шаблоны с разным количеством сторон. Для шестиугольной снежинки, например, угол поворота линии для создания сектора будет 60 градусов. И угол поворота самого сектора – тоже 60 градусов.

Недавно я получил письмо с вопросом – как создать такого рода паттерн в Photoshop или Illustrator. С введением в Illustrator CS6 инструмента Pattern Maker позволяет создавать шаблоны различных типов плитки, а не только квадратные, как раньше. Это одна из причин, почему я предпочитаю Illustrator, а не Photoshop для такого рода геометрических творений. В этом уроке я объясню, два из трех шаблонов, показанных в примере.

Создание кубического фонового рисунка

В этой части урока я покажу вам, как можно создать кубический фоновый паттерн с помощью инструмента Pattern Maker в Illustrator. Для этого необходимо иметь версию Illustrator не ниже CS6. Давайте начнем…

Нарисуйте шестигранник

Выберите инструмент Polygon Tool, которая находится под иконкой Rectangle Tool и нажмите на холсте…

Введите в соответствующих полях: радиус равный 100px, и 6 в качестве количества сторон. Нажмите OK. Из чисто практических соображений, задайте шестиугольника заливку любого цвета, но без обводки.

Поворот на 30°

Для преобразования этого объекта в куб, мы должны повернуть шестигранник на 30°. Выбрав шестиугольник и использую инструмент Rotate Tool зажмите клавишу Alt / Option и кликните мышью в центре. Введите 30° в качестве значения угла поворота, и нажмите кнопку ОК.

Рисуем вертикальную линию

Теперь мы создадим разделительные линии, чтобы разделить этот объект на 6 треугольников. Начнем с рисования вертикальной линии. Выберите инструмент Line Tool и нарисуйте вертикальную линию где-то в центре шестиугольника (для вашего удобства удерживая клавишу Shift).

Выравнивание по вертикали и по горизонтали

Теперь, выберите оба объекта и нажмите Align Vertical Center и Align Horizontal Center, в верхней части рабочей области. Если вы не видите эту панель, то включите ее View > Control.

Копирование и поворот линии на -60°

Выберите одну только вертикальную линию, выберите инструмент Rotate Tool и нажав кнопку Alt / Option кликните точно в центре линии. Чтобы проще находить точное место, включите Smart Guides: перейти к View > Smart Guides. Если вы видите галочку, то они уже включены. Вы можете использовать комбинацию клавиш Cmd / Ctrl + U, чтобы включать и выключать Smart Guides.

В появившемся окне введите -60° в качестве значения угла поворота, и убедитесь, что нажали на кнопку Copy. Теперь, использую сочетание кнопок Cmd / Ctrl + D чтобы повторить это действие (Object > Transform > Transform Again).

Выравнивание по вертикали и по горизонтали

Так же, как и прежде, выберите все объекты и нажмите на Align Vertical Center и Align Horizontal Center.

Разделение на треугольные сегменты

Выделив все объекты, перейдите к панели Pathfinder и выберите Divide . Это разделит шестиугольник на 6 треугольников.

Применение цвета

Теперь выберите каждый треугольник и присвойте ему цвет. Используйте инструмент Direct Selection Tool (белая стрелка), чтобы выбирать нужный вам треугольник. Вы можете выбрать любой понравившийся вам цвет.

Делаем шаблон

Теперь начинается самое интересное! Выберите объект и перейдите к Object > Pattern > Make.

Illustrator выдаст предупреждение, что картина будет сохранен в панели Swatches. Просто нажмите кнопку ОК. Теперь вы находитесь в режиме Pattern. Выберите Hex by Row в выпадающем меню и введите имя в соответствующее поле. Вот и все! Теперь вы можете применять шаблон…

Применяем шаблон

Затем я масштабирую объект обратно в его оригинальный размер, снова используя инструмент Scale Tool , и, вводя значение 20%. Так как изначально я увеличил свой объект 5 раз больше (на 500%), теперь нужно сделать его в 5 раз меньше. Теперь я ставлю галочку Transform patterns и нажимаю кнопку ОК.

Создание треугольного фонового рисунка

Следующий урок научит нас созданию треугольного паттерна. Вы увидите, что мы будем использовать похожую технику разделения объекта на треугольники. Давайте приступим…

Создаем разделительные линии

Выберите инструмент Line Tool и нарисуйте вертикальную линию (удерживая клавишу Shift). Цвет контура можете использовать любой, какой вам нравится. Теперь выберите инструмент Rotate Tool и нажав клавишу Alt / Option нажмите точно в верхней точке линии. В окне, которое появляется введите 120° в качестве значения угла вращения, и убедитесь, что нажимаете на кнопку Copy. Затем, нажмите Cmd / Ctrl + D, чтобы повторить это действие.

Рисуем прямоугольник

Группируем 3 линии вместе, перейдя в Object > Group или используя сочетание клавиш Cmd / Ctrl + G. Теперь, выберите инструмент Rectangle Tool и нарисуйте прямоугольник (пейзажной ориентации), начиная в точке пересечения с левой линии, в левом верхнем углу (см. изображение выше). Далее выберите оба объекта (прямоугольник и группу линий) и сделайте выравнивание по центру горизонтали и вертикали.

Создаем треугольник

Выделите прямоугольник и поместите его ниже группы линий, перейдя по Object > Arrange > Send to Back и нажмите Divide на панели Pathfinder.

Копирование и поворот на 120°

Выберите инструмент Direct Selection Tool (белая стрелка) и удалите нижние 2 треугольника. Инструментом Rotate Tool с нажатой клавишей Alt / Option кликните мышью в нижней точке треугольника. В окне Rotate введите 120° в качестве значения угла вращения, и убедитесь, что нажали на кнопку Copy. Теперь нажмите на сочетание клавиш Cmd / Ctrl + D чтобы повторить действие.

Копирование и поворот на 60°

Если вы хотите, то вы уже можете применять цвета для каждого треугольника. В своем примере я выбрал следующие цвета, чтобы создать эффект глубины. Теперь выберите оба вертикальных треугольника. Инструментом Rotate Tool снова с нажатым Alt / Option кликните именно в нижней точке соприкосновения выбранных треугольников. В окне Rotate введите 60° в качестве значения угла поворота, и убедитесь, что нажали на кнопку Copy.

Если вам хочется, вы можете выбрать другие цвета для этих 2 треугольников. Тут все зависит от вас.

Удаление ненужных частей

Так как я хочу, чтобы в конечном итоге получить паттерн идеально-прямоугольной формы, мне нужно удалить одну половину нижнего треугольника. Я могу это легко сделать с помощью инструмента Pathfinder.

Копирование и отражение

Выберите 2 треугольные формы слева, и выберите инструмент Reflect Tool (нажав клавишу О). Зажав кнопку Alt / Option кликните мышью как показано на рисунке выше. В появившемся окне выберите Vertical Axis и нажмите на Copy.

Создаем паттерн

Выберите все объекты и перейти к Object > Pattern > Make.

В панели Options Pattern выберите Grid в типе плитки и задайте свое имя для паттерна. Поменяйте цвета, если вам это нужно с помощью инструмента Direct Selection Tool.

Вот и все! Теперь у вас в руках знание, которое поможет вам творить свои неповторимые паттерны. Получайте удовольствие и экспериментируйте!

В Adobe Illustrator есть несколько способов создания сложных круговых шаблонов. Один из методов использует кисти шаблонов, но он включает в себя создание нескольких шаблонов, которые легко повторяются, что само по себе может быть сложной задачей. Кроме того, вы можете использовать функцию символа Illustrator для создания эффекта псевдокалидоскопа, когда сегмент вашего дизайна дублируется вокруг центральной точки, чтобы сформировать зеркальный эффект. Следуйте моему пошаговому руководству по Illustrator, чтобы узнать, как создать собственный шаблон мандалы вектора. Вы будете удивлены тем, как быстро вы сможете построить чрезвычайно подробные круговые шаблоны с помощью этого процесса.

Это вид сложной схемы мандалы, которую мы будем создавать в этом уроке. Похоже, что это требует много утомительного рисования, но на самом деле это довольно просто благодаря функции символов в Adobe Illustrator. С помощью этой техники мы можем нарисовать только небольшой сегмент дизайна, тогда Illustrator автоматически создаст полный круговой узор.

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

Удалите черный штрих из треугольной формы, затем заблокируйте его, чтобы случайно не сдвинуть его с места. Поместите направляющую вниз по центру фигуры.

Продолжайте заполнять одну половину формы символа случайными узорами. Заполненные формы и цвета могут быть использованы, чтобы действительно улучшить дизайн, но только использование линий с одним весом помогает достичь замысловатого стиля хны.

Нарисуйте выделение вокруг контуров, затем скопируйте (CMD + C) и вставьте вперед (CMD + F). Сгруппируйте фигуры вместе (CMD + G), затем перейдите в Object> Transform> Reflect и выберите вариант Vertical.

Увеличьте масштаб справа до документа, затем перетащите дубликат, чтобы заполнить другую половину символа. Убедитесь, что они идеально выровнены по этой центральной направляющей.

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

Если вам нужно отредактировать или настроить свой дизайн, дважды щелкните символ, чтобы вернуться в режим редактирования. Удалите дублирующую группу, затем измените пути и выполните шаги, чтобы снова отобразить шаблон, прежде чем выходить из режима редактирования, чтобы увидеть обновленный результат.

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

Конечный результат — красиво сложный рисунок мандалы в стиле хны, который выглядит так, будто рисование заняло много утомительных часов, но благодаря функции символов Illustrator нам пришлось нарисовать только несколько случайных линий в одном сегменте.

Читайте также: