Illustrator узор по контуру

Обновлено: 03.07.2024

В этом Коротком Уроке мы будем использовать Объектную кисть (Art Brush) и инструмент Переход (Blend), чтобы равномерно распределить объекты разного размера вдоль линии в Adobe Illustrator. Я уверен, что описанная здесь техника заставит вас по другому взглянуть на хорошо-известные инструменты и их особенности. Эту технику разработал мой друг Iaroslav Yemz.

Шаг 1

Проверьте установи Иллюстратора, прежде чем начать работу. Зайдите в Редактировать > Установки > Основные (Edit > Preferences > General) и поставьте галочку для "Масштабировать Обводки и Эффекты" (Scale Strokes & Effects).

Возьмите инструмент Эллипс (L) (Ellipse Tool) и создайте окружность размером 50 рх в диаметре. Забросьте окружность в панель Кисти () и сохраните новую кисть, как Art Brush 1 (Объектная Кисть), задайте параметры, как у показано в диалоговом окне.

Теперь вы можете удалить оригинальную окружность.

Шаг 2

Возьмите Отрезок Линии (\) (Line Segment Tool), щелкните в монтажной области и задайте длину и угол для линии в диалоговом окне.

Примените к этой линии созданную кисть.

Шаг 3

Потяните окружность немного в право (удерживая нажатыми Shift+Alt), и у вас получится копия. Пока объект выделен, зайдите в Объект > Трансформировать > Повторить Трансформирование (Object > Transform > Transform Again), чтобы создать еще одну копию окружности.

Шаг 4

Увеличьте средний объект удерживая нажатыми Shift + Alt.

Выберите объекты, а затем зайдите в Объект > Переход > Создать (Object > Blend > Make).

Далее зайдите в Объект > Переход > Параметры Перехода (Object > Blend > Blend Options) и введите номер для Заданного Числа Шагов в диалоговом окне.

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

Шаг 5

Зайдите в Объект > Переход > Разобрать (Object > Blend > Expand), преобразив объект Переход в группу отдельных элементов к которым применена кисть.

Разгруппируйте Все объекты (Shift + Command + G). Теперь используя инструмент Выделение (V) (Selection Tool) выделите крайний левый объект и установите расстояние между объектами в панели Выравнивание (Align) и нажмите кнопку Распределение с Равными Интервалами по Горизонтали (Horizontal Distribute Space).

Этим действием мы распределили объекты с равным расстоянием по горизонтали.

Шаг 6

При выделенных объектах нажмите кнопку Удалить Мазок Кисти (Remove Brush Stroke) в панели Кисти.

Перетащите новый объект в панель Кисти и сохраните новую кисть Art Brush 2 с установками, показанными на следующей картинке.

Оригинальный объект теперь можно удалить.

Шаг 7

Теперь мы создадим объект, который будет распределяться вдоль произвольного контура. Возьмите инструмент Звезда и нарисуйте звезду. Перетащите ее в панель Кисти и сохраните новую кисть как Art Brush 3, используя установки, приведенные на рисунке ниже.

Теперь звезду можно удалить.

Шаг 8

Возьмите инструмент Спираль и нарисуйте спираль.

Пока спираль выделена, примените к ней кисть Art Brush 2, которая состоит из элементов с разной толщиной.

Теперь зайдите в Объект > Разобрать Оформление (Object > Expand Appearance).

Примените кисть Art Brush 3 со звездами к спирали.

Теперь на нужно сделать искривленные сегменты прямыми. Для этого зайдите в Объект Контур Упростить (Object > Path > Simplify) и установите параметры, как на картинке ниже.

Шаг 9

Вы можете использовать простые и сложные объекты для кисти. Я использовал звезды, которые сохранил как Art Brush 3.

Заключение

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

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

Шаг 1.

Удерживая Alt оттягиваем наш круг в сторону тем самым создаем его копию.

Выделяем оба круга и создаем переход Ctrl+Alt+B.

Что бы увеличить количество переходов заходим в Параметры перехода.

Шаг 2.

Рисуем круг без заливки и обводки.

Шаг 3.

Шаг 4.

Создаем еще один круг. Как мы видим центры наших кругов не совпадают.

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

Выбирая круг и перетаскивая центр на пересечение прямых, мы отцентрируем круги относительно один одного.

Шаг 5.

В качестве фигур можно использовать не только круг, но и эллипс.

Шаг 6.

Что бы наш рисунок не был однообразным каждый круг можно окрасить любым цветом.

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

Создание штриховки

Для создания штриховки (то есть параллельных линий, которые находятся на равных расстояниях друг от друга) можно использовать несколько методов. Давайте рассмотрим некоторые из них.

Дублирование линий

Переместите линию на некоторое расстояние, удерживая клавишу Opt / Alt. Это действие приведет к ее дублированию.

Теперь воспользуемся горячими клавишами иллюстратора Cmd / Ctrl + D необходимое количество раз для последовательного повторения последнего действия.

Вы можете устанавливать определенное расстояние между линиями штриховки. Для этого выделяем линию, затем переходим Object > Transform > Move…, устанавливаем величину горизонтального или вертикального смещения и нажимаем на Copy.

Теперь снова используем комбинацию клавиш Cmd / Ctrl + D для повторения перемещения.

Использование Blend Tool для создания штриховки

Создадим две линии, для этого вы можете использовать технику дублирования, как было указано выше.

Выделяем обе линии, затем используем Cmd / Ctrl + Opt / Alt + B для применения к ним эффекта бленда.

Для управления параметрами эффекта два раза кликните по иконке Blend Tool (W) на панели инструментов. Устанавливаем необходимые нам параметры в открывшемся диалоговом окне.

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

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

На рисунке выше к правой линии применен Зиг Заг эффект (Effect > Distort & Transform > Zig Zag…). Если с линиями штриховки предстоит работать в дальнейшем, то переходим Object > Blend > Expand, затем Object > Expand Appearance .

Использование Transform Effect для создания штриховки

И наконец, вы можете получать штриховку, используя Transform Effect. Выделим линию, затем переходим Effect > Distort & Transform > Transform… и устанавливаем необходимые параметры такие, как смещение и количество копий, наблюдая за происходящими изменениями.

Штриховка объектов

Использование Clipping and Opacity Mask

Итак, у нас есть штриховка и объект.

Расположим объект выше линий штриховки, он также должен находиться над линиями штриховки в панели Layers.

Выделяем объект и линии штриховки, затем используем комбинацию горячих клавиш Cmd / Ctrl + 7 для создания Clipping Mask.

Для ограничения линий штриховки вы также можете создать Opacity Mask. Заливаем верхний объект белым цветов.

Выделяем объект и линии штриховки, затем выбираем Make Opacity Mask в сплывающем меню панели Transparency.

Обрезка штриховки по контуру объекта

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

Использование Shape Builder Tool

Замечание: Shape Builder Tool доступен только пользователям Adobe Illustrator CS5 – CS6. Выделяем объект и линии штриховки. Берем Shape Builder Tool и, удерживая клавишу Opt / Alt, проводим курсором по внешним линиям штриховки, нажав на кнопку мыши.

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

Теперь контур объекта может быть удален.

Использование Live Paint Bucket (метод разработал seryozha )

Выделяем штриховку и объект, затем переходим Object > Live Paint > Make

Два раза кликаем по иконке Live Paint Bucket (K) на панели инструментов, что приведет к открытию диалогового окна с настройками инструмента.

Отметьте Paint Strokes. Выбираем другой цвет для stroke, затем проводим курсором по линиям внутри объекта.

Некоторые штрихи придется перекрасить отдельно. Как и в предыдущем способе это зависит от сложности объекта.

Теперь переходим Object > Expand. Выделяем одну из черных линий, затем переходим Select > Same > Stroke Color

Нажимаем на Delete.

Использование панели Pathfinder и создание Тисненого узора (метод разработала Анна Староверова )

Методы, описанные выше, плохо подходят для обрезки штриховки по контуру объекта со сложной формой. Давайте рассмотрим более универсальный метод с использованием панели Pathfinder и в продолжение этого метода создадим объемный узор, который состоит только из линий.

Шаг 1

Итак, мы имеем объект со сложной формой, который представляет собой составной путь (Compound path) и штриховку.

Продублируем узор и штриховку (Cmd / Ctrl + C; Cmd / Ctrl + F), они нам еще понадобятся в дальнейшем. А пока отключим их видимость в панели Layers. При помощи Rectangle Tool (M) создадим прямоугольник, который будет накрывать всю штриховку и лежать ниже узора.

Шаг 2

Выделяем узор и прямоугольник, затем нажимаем на Minus Front в панели Pathfinder.

Вероятно, что в результате этих действий мы получим группу из нескольких объектов. У нас должен быть один Составной путь, поэтому переходим Object > Compound Path > Make или используем горячие клавиши иллюстратора Cmd / Ctrl + 8. Применяем к полученному составному пути обводку.

Шаг 3

Выделяем составной путь и линии штриховки, затем нажимаем Outline в панели Pathfinder.

Выделяем одну из цветных линий, затем переходим Select > Same > Stroke Color и нажимаем на Delete.

У нас остались только линии, которые не имеют обводки.

Нам осталось присвоить им обводку нужного цвета и толщины.

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

Шаг 4

Отключим видимость заштрихованного узора и включим видимость копии узора и штриховки в панели Layers.

Применяем к узору обводку, затем выделяем узор и штриховку и нажимаем на Outline в панели Pathfinder.

Выделяем одну из цветных линий, затем переходим Select > Same > Stroke Color и нажимаем на Delete.

Применяем к оставшимся линиям обводку.

Теперь мы имеем внешнюю и внутреннюю штриховку узора. Я применил к ним разные цвета для наглядности.

Шаг 5

В дальнейшем нам предстоит работать со штриховкой внутри узора, давайте исследуем ее пути. Для этого применим к ним Arrowheads в панели Stroke.

Как вы можете видеть, мы имеем группу разнонаправленных путей.

Для создания тисноного узора все пути должны иметь одно направление. К сожалению, не существует простого способа повернуть пути в одну сторону. Поэтому нам придется сделать это вручную. Берем Pen Tool (P) и кликаем по начальной точке одного из "неправильно” направленных путей. Обновление от 24.02.13: теперь это возможно сделать автоматически при помощи скрипта Paths One Direction, который вы можете скачать здесь.

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

Вот такая вот монотонная работа: клик + P + клик + P +…. Но нам нужно это сделать.

Когда работа будет сделана нам нужно отключить стрелки в панели Stroke.

Шаг 6

Теперь давайте создадим Pattern Brush, которую мы будем применять к штриховке узора для создания объема. При помощи Pen Tool (P) создадим путь, показанный на рисунке ниже. Толщина пути должна быть равна толщине штриховки, а начальная и конечная точка лежать на одной горизонтальной прямой.

Шаг 7

Разрезаем путь в точках A и B (я раздвинул части пути для наглядности и удобства дальнейшей работы).

Копируем все эти пути и вставляем их вперед. Теперь давайте уменьшим значение Keyboard Increment (Cmd / Ctrl + K)

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

На ту же величину смещаем точки B, C и D копий центрального и правого пути.

Шаг 8

Выделяем все 6 путей, берем Reflect Tool (O) и кликаем в точке A, удерживая клавишу Opt / Alt

Выбираем Horizontal и нажимаем на Copy в диалоговом окне.

Отключаем обводку у нижних путей.

Шаг 9

Берем Rectangle Tool (M) и создаем прямоугольник без заливки и обводки, который проходит точно через точки A, B и C путей расположенных слева.

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

Работайте очень аккуратно, как известно, Pattern Brush не любит небрежного отношения. На рисунке ниже показаны элементы кисти в режиме Outline.

Шаг 10

Выделяем и группируем (Cmd / Ctrl + G) по отдельности правую, среднюю и левую часть кисти.

Теперь последовательно перетаскиваем эти элементы в панель Swatches.

Шаг 11

Открываем панель Brushes (F5) и выбираем во всплывающем меню New Brush…

Теперь выбираем Pattern Brush в открывшемся диалоговом окне.

Выбираем для Side, Start and End Tiles ранее сохраненные образцы (swatches) и выбираем Colorization Method – Hue Shift, для того чтобы иметь возможность перекрашивать обводку.

Шаг 12

Применяем кисть к внутренней штриховке узора.

Изменим цвет обводки внутренней и внешней штриховки.

Аккуратность при создании Pattern Brush позволяет получить идеальное соединение в месте контакта внешней и внутренней штриховки.

А вот как выглядит этот узор с волнистой штриховкой.

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

Добрый день.
Подскажите пожалуйста: при попытке создать прямоугольник (шаг 9) никак не получается привязать его к узлам (точки А, B, C на вашем рисунке). Постоянно размеры прямоугольника пляшут. "Привязываю" вершину прямоугольника к опорной точке - а он постоянно смещается. При этом точность смещения курсора выставлена на 0,02. Отключены все возможные привязки.

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

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

Откройте Adobe Illustrator. Я использую версию CC 2018.Откройте свой Adobe Illustrator CC 2018.
Теперь, если ваш дизайн должен быть формой, вы добавите форму с помощью этого значка. Вы можете создать довольно много форм, нажав правую кнопку на этом значке. Я выбрал прямоугольный инструмент и создал прямоугольник.Добавьте фигуру, в которую вы хотите добавить узор
Теперь вы можете нажать на опцию «стили», как показано на рисунке ниже. Здесь вы можете найти библиотеку шаблонов, которые уже есть в Adobe Illustrator. На этой панели отображаются только те, которые вы использовали. Поскольку я не использовал много шаблонов в своей работе, теперь я получу доступ к библиотеке, которая представляет собой значок сортировки книг, и щелкну по ней. Я буду направлен на несколько вариантов выкройки.Стили: для доступа к библиотеке шаблоновВсе варианты выкройки на Adobe Illustrator.
Пока форма выделена, я нажимаю на один из узоров, и форма будет выглядеть примерно так.Вы можете добавить узор к фигуре, только если вы выбрали фигуру. В противном случае узор не появится на фигуре.
Вы можете поиграть с цветами узора на панели справа для выбора цвета и цветовой справки. Теперь, если вы хотите добавить узор к границе, вам нужно сначала увеличить размер обводки границы фигуры. В противном случае вы не сможете увидеть узор. Раньше у моей формы не было границы / обводки, поэтому теперь я буду действовать по шагам, как показано на рисунке ниже из 1,2 и 3.
Сделайте границу активной, сначала выбрав 1, затем щелкните черный или белый цвет, чтобы сделать границу видимой. А после этого увеличиваем точки обводки, увеличивая число у стрелки №3.После того, как узор был добавлен к основной форме, вы также можете добавить тот же или другой узор к обводке этой формы.

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

Windows> Образцы

Вы можете найти выкройки здесь.

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

Я выберу все три формы, сгруппирую их, щелкнув правой кнопкой мыши и выбрав параметр «группа», а затем перетащив это сгруппированное изображение на панель образцов.

Перетащите к образцам

Теперь, когда я хочу использовать этот узор, я могу просто перейти на панель «Образцы» и щелкнуть созданный мной узор.

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