Illustrator узор по контуру
В Illustrator предусмотрены два способа раскрашивания:
- Применение заливки, обводки или обоих этих способов ко всему объекту.
- Преобразование объекта в группу с быстрой заливкой, а затем применение заливки или обводки к отдельным краям и фрагментам с контурами внутри группы.
Раскрашивание объекта
Нарисовав объект, можно применить к нему заливку, обводку или и то, и другое. После этого можно нарисовать другие объекты и раскрасить их подобным же образом, располагая каждый новый объект поверх предыдущих. В результате получается нечто подобное коллажу из фигур, вырезанных из цветной бумаги. Внешний вид иллюстрации зависит от того, какие объекты находятся поверх других в подборке объектов.
Раскрашивание группы с быстрой заливкой
Метод быстрой заливки делает процесс окрашивания больше похожим на работу с традиционными инструментами раскрашивания, при которой не принимаются во внимание слои или порядок размещения. Такой подход может оказаться более удобным и естественным в процессе работы. Все объекты в группе с быстрой заливкой рассматриваются как части одной и той же плоской поверхности. Это означает, что можно нарисовать несколько контуров, а затем применить цвет по отдельности к каждой области, ограниченной этими контурами (к так называемым фрагментам). Можно также применять различные цвета и толщину обводок к сегментам контура между пересечениями (так называемым краям). Таким образом, словно в книжке-раскраске, можно заливать каждый фрагмент и обводить каждый край другим цветом. При перемещении или изменении формы контуров в группе с быстрой заливкой фрагменты и края автоматически изменяются соответствующим образом.
Дополнительные сведения приведены в статье Динамические фигуры.
A. Объект, состоящий из контуров и раскрашенный с применением одной заливки и одной обводки B. Тот же объект, преобразованный в группу с быстрой заливкой; каждый фрагмент залит разным цветом C. Тот же объект, преобразованный в группу с быстрой заливкой; каждый край раскрашен с помощью разных обводок
Заливка — это цвет, узор или градиент внутри объекта. Можно применять заливки к открытым и закрытым объектам и к фрагментам в группах с быстрой заливкой.
Обводка может быть видимым внешним контуром объекта, контура или края в группе с быстрой заливкой. Для обводки можно задать ширину и цвет. Кроме того, можно создавать пунктирные обводки с помощью параметров объекта «Контур» и раскрашивать стилизованные обводки, используя кисти.
Примечание. При работе с группами с быстрой заливкой можно применять кисть к краю только в том случае, если обводка добавлена в группу с помощью палитры «Оформление».
Выбранные в настоящий момент цвета заливки и обводки отображаются на панелях «Инструменты», «Управление» и «Свойства».
Руководство по заливкам и обводкам см. здесь.
A. Объект с заливкой B. Объект с обводкой C. Объект с заливкой и обводкой
Обучающий видеоролик: определение узора
Смотрите вводное
Выполните одно из следующих действий:
- Для создания узора выберите графический объект, из которого требуется создать узор, затем выберите «Объект» > «Узор» > «Создать».
- Для редактирования существующего узора дважды щелкните его на палитре «Образцы» или выберите содержащий его объект, затем выберите «Объект» > «Узор» > «Редактировать узор».
В диалоговом окне «Параметры узора» укажите новое имя узора или измените существующее имя (необязательный шаг).
Измените другие параметры в диалоговом окне «Параметры узора».
Выберите размещение частей:
- Сетка. Центр каждого фрагмента выровнен по горизонтали и по вертикали с центрами смежных фрагментов.
- Кирпич по строкам. Фрагменты в форме прямоугольников расположены по строкам. Центры фрагментов в строках выровнены по горизонтали. Центры фрагментов в столбцах выровнены по вертикали через один.
- Кирпич по столбцам. Фрагменты в форме прямоугольников расположены по столбцам. Центры фрагментов в столбцах выровнены по вертикали. Центры фрагментов в столбцах выровнены по горизонтали через один.
- Шестиугольник по столбцам. Фрагменты в форме шестиугольников расположены по столбцам. Центры фрагментов в столбцах выровнены по вертикали. Центры фрагментов в столбцах выровнены по горизонтали через один.
- Шестиугольник по строкам. Фрагменты в форме шестиугольников расположены по строкам. Центры фрагментов в строках выровнены по горизонтали. Центры фрагментов в строках выровнены по вертикали через один.
- Кирпич по строкам. Определяет отклонение центров фрагментов в смежных строках от выравнивания по вертикали по отношению к ширине фрагмента.
- Кирпич по столбцам. Определяет отклонение центров фрагментов в смежных столбцах от выравнивания по горизонтали по отношению к высоте фрагмента.
Определяет общую высоту и ширину фрагмента. Допускаются различные значения, которые могут быть меньше или больше высоты и ширины графического объекта. Если выбрать значения, превышающие размеры графического объекта, фрагмент становится больше графического объекта и между фрагментами появляются промежутки. Если выбранные значения меньше размеров графического объекта, графические объекты в смежных фрагментах перекрываются.
Установить размер фрагмента по размеру иллюстрации
Если выбран этот параметр, размеры фрагмента сокращаются до размеров графического объекта, на основе которого создается узор.
Переместить фрагмент с иллюстрацией
Если выбран этот параметр, при перемещении графического объекта перемещается фрагмент.
Интервал по горизонтали / Интервал по вертикали
Укажите объем свободного пространства между смежными фрагментами.
Когда смежные фрагменты перекрывают друг друга, укажите, какие фрагменты должны отображаться на переднем плане.
Определяет количество строк и столбцов фрагментов, отображаемых во время изменения узора.
Затенение копий на
Определяет непрозрачность копий фрагмента на основе графического объекта, отображаемых в режиме предварительного просмотра при изменении узора.
Показать края элемента
Выберите этот параметр для отображения рамки вокруг фрагмента.
Показать границы образцов
Выберите этот параметр для отображения элемента узора, повторяющегося при его создании.
В строке под панелью управления выберите сохранение или отмену изменений, внесенных в узор.
При создании нового узора он сохраняется на палитре «Образцы». При редактировании узора обновляется его определение на палитре «Образцы».
В этом Коротком Уроке мы будем использовать Объектную кисть (Art Brush) и инструмент Переход (Blend), чтобы равномерно распределить объекты разного размера вдоль линии в Adobe Illustrator. Я уверен, что описанная здесь техника заставит вас по другому взглянуть на хорошо-известные инструменты и их особенности. Эту технику разработал мой друг Iaroslav Yemz.
Шаг 5
В дальнейшем нам предстоит работать со штриховкой внутри узора, давайте исследуем ее пути. Для этого применим к ним Arrowheads в панели Stroke.
Как вы можете видеть, мы имеем группу разнонаправленных путей.
Для создания тисноного узора все пути должны иметь одно направление. К сожалению, не существует простого способа повернуть пути в одну сторону. Поэтому нам придется сделать это вручную. Берем Pen Tool (P) и кликаем по начальной точке одного из "неправильно” направленных путей. Обновление от 24.02.13: теперь это возможно сделать автоматически при помощи скрипта Paths One Direction, который вы можете скачать здесь.
Нажимаем на клавишу P для того чтобы не продолжать отредактированный путь, затем редактируем направление следующего "неправильного” пути.
Вот такая вот монотонная работа: клик + P + клик + P +…. Но нам нужно это сделать.
Когда работа будет сделана нам нужно отключить стрелки в панели Stroke.
Использование Transform Effect для создания штриховки
И наконец, вы можете получать штриховку, используя Transform Effect. Выделим линию, затем переходим Effect > Distort & Transform > Transform… и устанавливаем необходимые параметры такие, как смещение и количество копий, наблюдая за происходящими изменениями.
Шаг 6
При выделенных объектах нажмите кнопку Удалить Мазок Кисти (Remove Brush Stroke) в панели Кисти.
Перетащите новый объект в панель Кисти и сохраните новую кисть Art Brush 2 с установками, показанными на следующей картинке.
Оригинальный объект теперь можно удалить.
Использование Shape Builder Tool
Замечание: Shape Builder Tool доступен только пользователям Adobe Illustrator CS5 – CS6. Выделяем объект и линии штриховки. Берем Shape Builder Tool и, удерживая клавишу Opt / Alt, проводим курсором по внешним линиям штриховки, нажав на кнопку мыши.
Скорее всего, вам понадобиться повторить это действие несколько раз и даже удалять отдельные штрихи. Все зависит от сложности объекта, к которому должна быть применена штриховка.
Теперь контур объекта может быть удален.
Шаг 4
Увеличьте средний объект удерживая нажатыми Shift + Alt.
Выберите объекты, а затем зайдите в Объект > Переход > Создать (Object > Blend > Make).
Далее зайдите в Объект > Переход > Параметры Перехода (Object > Blend > Blend Options) и введите номер для Заданного Числа Шагов в диалоговом окне.
Число шагов повлияет на детали конечного результата. В данном случае вы задаете количество изменений объекта вдоль контура. В моем случае, объект будет увеличиваться до максимальной величины и затем уменьшаться до минимальной. Вы конечно можете задать другие варианты, когда у вас элементы будут только увеличиваться или только уменьшаться.
Шаг 9
Берем Rectangle Tool (M) и создаем прямоугольник без заливки и обводки, который проходит точно через точки A, B и C путей расположенных слева.
Поместим прямоугольник ниже этих путей. Создадим аналогичные прямоугольники для путей, расположенных в центре и справа.
Работайте очень аккуратно, как известно, Pattern Brush не любит небрежного отношения. На рисунке ниже показаны элементы кисти в режиме Outline.
Создание объединенных контуров
Контуры с обводками не могут быть объединены.
Выберите контур, с которым нужно объединить новый контур.
На палитре «Оформление» снимите флажок «Новый объект имеет базовое оформление». В этом случае инструмент «Кисть-клякса» будет использовать атрибуты выделенного объекта.
Выберите инструмент «Кисть-клякса» и убедитесь в том, что он использует то же оформление, что и выделенная иллюстрация.
Нарисуйте контур, пересекающийся с иллюстрацией. Если контуры не объединяются, убедитесь, что атрибуты инструмента «Кисть-клякса» в точности совпадают с атрибутами существующего контура, а также в том, что у контуров нет обводки.
Создание штриховки
Для создания штриховки (то есть параллельных линий, которые находятся на равных расстояниях друг от друга) можно использовать несколько методов. Давайте рассмотрим некоторые из них.
Использование панели Pathfinder и создание Тисненого узора (метод разработала Анна Староверова )
Методы, описанные выше, плохо подходят для обрезки штриховки по контуру объекта со сложной формой. Давайте рассмотрим более универсальный метод с использованием панели Pathfinder и в продолжение этого метода создадим объемный узор, который состоит только из линий.
Элементы управления заливкой и обводкой
Элементы управления для настройки заливки и обводки доступны на панелях «Инструменты», «Управление» и «Цвет».
Чтобы выбрать цвет, можно использовать следующие элементы управления на панели «Инструменты».
Дважды нажмите, чтобы выбрать цвет заливки с помощью инструмента «Палитра цветов».
Дважды нажмите, чтобы выбрать цвет обводки с помощью инструмента «Палитра цветов».
Кнопка «Переключатель обводка/заливка»
Нажмите, чтобы поменять местами цвета заливки и обводки.
Кнопка «Обводка/заливка по умолчанию»
Нажмите, чтобы вернуться к настройкам цвета по умолчанию (белая заливка и черная обводка).
Нажмите, чтобы применить последний выбранный сплошной цвет к объекту с градиентной заливкой или к объекту, у которого отсутствуют обводка и заливка.
Нажмите, чтобы сменить текущуюзаливкуна последний выбранный градиент.
Кнопка «Без цвета»
Нажмите, чтобы удалить заливку или обводку выбранного объекта.
Можно также указать цвет и обводку выбранного объекта с помощью следующих элементов управления на панелях «Свойства» и «Управление».
Щелкните, чтобы открыть панель «Цветовые образцы», либо используйте щелчок мышью, удерживая клавишу Shift, чтобы открыть палитру дополнительных цветов, после чего выберите цвет.
Щелкните, чтобы открыть панель «Цветовые образцы», либо используйте щелчок мышью, удерживая клавишу Shift, чтобы открыть палитру дополнительных цветов, после чего выберите цвет.
Нажмите слово «Обводка», чтобы открыть палитру «Обводка» и задать параметры.
Выберите толщину обводки в раскрывающемся меню.
Можно применить один цвет, узор или градиент ко всему объекту или использовать группы с быстрой заливкой и применить разные цвета к разным фрагментам в составе объекта.
Выделите объект, используя инструмент «Выделение» () или «Частичное выделение» ().
Чтобы применить заливку, а не обводку, нажмите поле «Заливка» на панели «Инструменты», «Свойства» или на палитре «Цвет».
Выберите цвет на панели «Управление», палитре «Цвет», «Образцы», «Градиент» или в библиотеке образцов.
Дважды щелкните поле «Заливка» и выберите цвет с помощью инструмента «Палитра цветов».
Выберите инструмент «Пипетка» и щелкните объект, удерживая клавишу «Alt» (Windows) или клавишу «Option» (Mac OS), чтобы применить текущие атрибуты, включая заливку и обводку.
Примечание.
Вы можете быстро применить цвет к невыбранному объекту, перетащив на него цвет из поля «Заливка», палитры «Цвет», «Градиент» или «Цветовые образцы». Перетаскивание недоступно для групп с быстрой заливкой.
Выделите объект (чтобы выделить край в группе с быстрой заливкой, используйте инструмент «Выделение быстрых заливок»).
Нажмите поле «Обводка» на панели «Инструменты», «Свойства», «Управление» или на палитре «Цвет». Это действие подразумевает, что будет применена обводка, а не заливка.
Выберите цвет на палитре «Цвет» либо выберите образец на палитре «Цветовые образцы» либо на панели «Управление» или «Свойства». Либо дважды нажмите поле «Обводка», чтобы выбрать цвет с помощью инструмента «Палитра цветов».
Примечание.
Если необходимо использовать текущий цвет в поле «Обводка», можно просто перетащить этот цвет из поля на объект. Перетаскивание цвета не работает для групп с быстрой заливкой.
Шаг 10
Выделяем и группируем (Cmd / Ctrl + G) по отдельности правую, среднюю и левую часть кисти.
Теперь последовательно перетаскиваем эти элементы в панель Swatches.
Шаг 9
Вы можете использовать простые и сложные объекты для кисти. Я использовал звезды, которые сохранил как Art Brush 3.
Преобразование обводок в составные контуры
Преобразование обводки в составной контур позволяет изменить внешний вид обводки. Например, можно создать обводку с участками разной ширины или разделить обводку на части.
Выберите Объект > Контур > Преобразовать обводку в кривые .
Получаемый в результате составной контур группируется с объектом, к которому применена заливка. Чтобы изменить составной контур, сначала необходимо разгруппировать объект, отделив контур от заливки, или выбрать его с помощью инструмента «Групповое выделение».
A. К объекту применена обводка B. Обводка преобразована в составной контур с двумя подконтурами
Примечание.
Используйте палитру «Слои» для определения содержимого группы.
Шаг 2
Выделяем узор и прямоугольник, затем нажимаем на Minus Front в панели Pathfinder.
Вероятно, что в результате этих действий мы получим группу из нескольких объектов. У нас должен быть один Составной путь, поэтому переходим Object > Compound Path > Make или используем горячие клавиши иллюстратора Cmd / Ctrl + 8. Применяем к полученному составному пути обводку.
Шаг 4
Отключим видимость заштрихованного узора и включим видимость копии узора и штриховки в панели Layers.
Применяем к узору обводку, затем выделяем узор и штриховку и нажимаем на Outline в панели Pathfinder.
Выделяем одну из цветных линий, затем переходим Select > Same > Stroke Color и нажимаем на Delete.
Применяем к оставшимся линиям обводку.
Теперь мы имеем внешнюю и внутреннюю штриховку узора. Я применил к ним разные цвета для наглядности.
Заключение
Используя техники, описанные в этом уроке, я создал спираль, показанную на картинке ниже. Я надеюсь, что эта техника пригодится вам в работе. Я использую ее при создании орнаментов.
В этом уроке мы рассмотрим несколько способов создания штриховки в иллюстраторе, которые включают в себя обрезку штриховки по заданному контуру. Затем мы применим полученные знания для создания объемного узора, который состоит только из путей.
Шаг 11
Открываем панель Brushes (F5) и выбираем во всплывающем меню New Brush…
Теперь выбираем Pattern Brush в открывшемся диалоговом окне.
Выбираем для Side, Start and End Tiles ранее сохраненные образцы (swatches) и выбираем Colorization Method – Hue Shift, для того чтобы иметь возможность перекрашивать обводку.
Шаг 5
Зайдите в Объект > Переход > Разобрать (Object > Blend > Expand), преобразив объект Переход в группу отдельных элементов к которым применена кисть.
Разгруппируйте Все объекты (Shift + Command + G). Теперь используя инструмент Выделение (V) (Selection Tool) выделите крайний левый объект и установите расстояние между объектами в панели Выравнивание (Align) и нажмите кнопку Распределение с Равными Интервалами по Горизонтали (Horizontal Distribute Space).
Этим действием мы распределили объекты с равным расстоянием по горизонтали.
Шаг 8
Выделяем все 6 путей, берем Reflect Tool (O) и кликаем в точке A, удерживая клавишу Opt / Alt
Выбираем Horizontal и нажимаем на Copy в диалоговом окне.
Отключаем обводку у нижних путей.
Шаг 6
Теперь давайте создадим Pattern Brush, которую мы будем применять к штриховке узора для создания объема. При помощи Pen Tool (P) создадим путь, показанный на рисунке ниже. Толщина пути должна быть равна толщине штриховки, а начальная и конечная точка лежать на одной горизонтальной прямой.
Шаг 1
Проверьте установи Иллюстратора, прежде чем начать работу. Зайдите в Редактировать > Установки > Основные (Edit > Preferences > General) и поставьте галочку для "Масштабировать Обводки и Эффекты" (Scale Strokes & Effects).
Возьмите инструмент Эллипс (L) (Ellipse Tool) и создайте окружность размером 50 рх в диаметре. Забросьте окружность в панель Кисти () и сохраните новую кисть, как Art Brush 1 (Объектная Кисть), задайте параметры, как у показано в диалоговом окне.
Теперь вы можете удалить оригинальную окружность.
Использование Blend Tool для создания штриховки
Создадим две линии, для этого вы можете использовать технику дублирования, как было указано выше.
Выделяем обе линии, затем используем Cmd / Ctrl + Opt / Alt + B для применения к ним эффекта бленда.
Для управления параметрами эффекта два раза кликните по иконке Blend Tool (W) на панели инструментов. Устанавливаем необходимые нам параметры в открывшемся диалоговом окне.
Этот метод дает нам большую свободу действий при получении штриховки по сравнению с дублированием. Вы можете устанавливать расстояние между линиями или количество шагов эффекта.
Кроме того вы можете изменить форму одной или обеих линий, получая интересные эффекты.
На рисунке выше к правой линии применен Зиг Заг эффект (Effect > Distort & Transform > Zig Zag…). Если с линиями штриховки предстоит работать в дальнейшем, то переходим Object > Blend > Expand, затем Object > Expand Appearance .
Указания по применению инструмента «Кисть-клякса»
При использовании инструмента «Кисть-клякса» нужно иметь в виду следующее:
Чтобы контуры могли объединяться, они должны быть соседними в порядке размещения.
Инструмент «Кисть-клякса» создает контуры с заливкой, но без обводки. Если контуры, созданные при помощи инструмента «Кисть-клякса», нужно объединить с существующей иллюстрацией, следует убедиться, что она имеет тот же цвет заливки и не имеет обводки.
При рисовании контуров при помощи инструмента «Кисть-клякса», новые контуры объединяются с самым верхним обнаруженным совпадающим контуром. Если новый контур касается нескольких совпадающих контуров в пределах одной группы или слоя, все пересекающиеся контуры объединяются.
Для применения таких атрибутов раскрашивания, как эффекты или прозрачность, к инструменту «Кисть-клякса», выберите кисть и задайте атрибуты в палитре «Оформление» перед началом рисования.
Инструмент «Кисть-клякса» можно использовать для объединения контуров, созданных другими инструментами. Прежде чем приступить к объединению, убедитесь, что у иллюстрации нет обводки. Затем задайте для инструмента «Кисть-клякса» аналогичный цвет заливки и нарисуйте новый контур, пересекающий все контуры, которые требуется объединить.
Шаг 2
Возьмите Отрезок Линии (\) (Line Segment Tool), щелкните в монтажной области и задайте длину и угол для линии в диалоговом окне.
Примените к этой линии созданную кисть.
Использование Clipping and Opacity Mask
Итак, у нас есть штриховка и объект.
Расположим объект выше линий штриховки, он также должен находиться над линиями штриховки в панели Layers.
Выделяем объект и линии штриховки, затем используем комбинацию горячих клавиш Cmd / Ctrl + 7 для создания Clipping Mask.
Для ограничения линий штриховки вы также можете создать Opacity Mask. Заливаем верхний объект белым цветов.
Выделяем объект и линии штриховки, затем выбираем Make Opacity Mask в сплывающем меню панели Transparency.
Параметры инструмента «Кисть-клякса»
Дважды нажмите инструмент «Кисть-клякса» на панели «Инструменты» и установите следующие параметры:
При рисовании объединенного контура все контуры выделяются и остаются выделенными, пока продолжается рисование. Этот параметр удобен для просмотра всех контуров, включенных в объединенный контур.
Объединять только с выделенной областью.
Означает, что новые обводки сливаются с существующим выделенным контуром. Если данный параметр выбран, создаваемая обводка не сливается с пересекающимся контуром, который не выделен.
Определяет, на какое расстояние можно переместить курсор или перо прежде, чем Illustrator добавит к контуру следующую опорную точку. Например, значение 2,5 для параметра «Отклонение» означает, что перемещения инструмента на расстояние менее 2,5 пикселя не регистрируются. Параметр «Отклонение» может принимать значения от 0,5 до 20 пикселей. Чем выше значение, тем более гладким и менее сложным будет контур.
Определяет степень сглаживания, применяемую программой Illustrator при использовании этого инструмента. Параметр «Сглаживание» может принимать значения от 0 до 100 %. Чем выше процентное значение, тем более сглаженный контур создается при рисовании.
Определяет размер кисти.
Определяет угол поворота кисти. Перетащите стрелку в окне просмотра или введите значение в текстовом поле «Угол».
Определяет округлость кисти. Перетащите черную точку в окне просмотра в направлении от центра или к центру либо введите значение в текстовом поле «Округлость». Чем больше значение, тем больше округлость.
Можно выделять объекты с одинаковыми значениями атрибутов, включая цвет заливки, цвет обводки и толщину обводки.
A. Выделен один из объектов B. Выделены все объекты с одинаковой заливкой
Команды «Цвет заливки», «Цвет обводки» и «Толщина обводки» из меню «Выделение» > «По общему признаку» работают для групп с быстрой заливкой, если выделен фрагмент или край с помощью инструмента «Выделение быстрых заливок». Другие команды из меню «Выделение» > «По общему признаку» не работают. Одни и те же объекты не могут быть одновременно выделены внутри и вне группы с быстрой заливкой.
- Чтобы выделить объекты с одинаковым цветом заливки или обводки, выберите объект с нужным параметром, нажмите кнопку «Выбрать схожие объекты» на панели управления и в появившемся меню укажите параметр, по которому будет выполняться поиск объектов.
- Чтобы выделить все объекты с одинаковым цветом заливки или обводки, выберите объект с нужным цветом заливки или обводки, либо выберите цвет на палитре «Цвет» или «Образцы». Затем выберите команду «Выделение» > «По общему признаку» и далее пункт «Цвет заливки», «Цвет обводки» или «Заливка и обводка».
- Чтобы выделить все объекты с одинаковой толщиной обводки, выберите объект с нужной толщиной обводки или выберите толщину обводки на палитре «Обводка». Затем выберите команду «Выделение» > «По общему признаку» > «Толщина обводки».
- Чтобы применить те же параметры выделения к другому объекту (например, если ранее уже были выделены все красные объекты с помощью команды «Выделение» > «По общему признаку» > «Цвет заливки», а теперь необходимо найти и выделить все зеленые объекты), выделите новый объект и выберите команду «Выделение» > «Выделить снова».
Совет. Чтобы учесть оттенок объекта при выделении объектов с похожим цветом, выберите «Редактировать» > «Установки» > «Общие» (Windows) или «Illustrator» > «Установки» > «Общие» (Mac OS) и затем выберите «Выделить с одинаковым оттенком %». Теперь при выборе объекта, к которому применена заливка 50 % оттенком цвета PANTONE Yellow C, и команды «Выделение» > «По общему признаку» > «Цвет заливки», Illustrator выделит только объекты, к которым применена заливка 50 % оттенка этого цвета. При отключении этого параметра приложение Illustrator выберет объекты с любым оттенком цвета PANTONE Yellow C.
С помощью палитры «Оформление» можно создавать несколько заливок и обводок для одного объекта. Добавляя несколько заливок и обводок к объекту, можно создать множество интересных эффектов. Например, можно создать вторую, более узкую обводку поверх широкой или применить эффект к одной заливке, оставив другую неизменной.
Выберите команду «Добавить новую заливку» или «Добавить новую обводку» в меню палитры «Оформление». Либо выберите заливку или обводку в палитре «Оформление» и нажмите кнопку «Создать дубликат выбранного объекта» .
Возможно, потребуется скорректировать положение новой заливки или обводки на палитре «Оформление». Например, создав две обводки разной ширины, убедитесь в том, что более узкая обводка расположена поверх широкой обводки на палитре «Оформление».
Illustrator поставляется с множеством узоров, доступ к которым можно получить в палитре «Образцы» и в папке Illustrator Extras на установочном компакт-диске Illustrator. Можно изменять параметры существующих узоров и создавать узоры «с нуля» с помощью любого из инструментов программы Illustrator. Узоры, предназначенные для заливки объектов (узоры заливки), отличаются по виду и распределению элементов от узоров, предназначенных для применения к контуру с помощью палитры «Кисти» (узоры кисти). Для получения наилучших результатов используйте узоры заливки для заливки объектов и узоры кисти для обводки объектов.
При создании узоров следует учитывать принципы распределения элементов узора программой Adobe Illustrator.
Элементы всех узоров распределяются слева направо от начала линейки (по умолчанию это левый нижний угол монтажной области) к противоположной стороне монтажной области. Чтобы изменить точку начала распределения элементов всех узоров в иллюстрации, можно изменить местоположение начала линейки для этого файла.
Примечание. Начало координат в версии CS5 отличается от CS4. В результате, оформление элементов узоров может отличаться при копировании и вставке объектов из CS4 в CS5. Чтобы соответствовать оформлению CS4 элементы узоров в таких объектах могут трансформироваться с использованием палитры «Трансформирование».
Узоры заливки, как правило, состоят из одного элемента.
Узоры кисти могут включать до пяти элементов — для сторон, внешних и внутренних углов, начала и конца контура. Дополнительные угловые элементы обеспечивают сглаженное распределение узоров кисти в углах.
Элементы узоров заливки распределяются перпендикулярно оси x.
Элементы узоров кисти распределяются перпендикулярно контуру (верхняя сторона элемента узора всегда направлена наружу). Кроме того, угловые элементы поворачиваются на 90° по часовой стрелке всякий раз, когда контур меняет направление.
Элементы узоров заливки распределяются по иллюстрации в пределах ограничительной рамки узора — прямоугольника без заливки и обводки (не подлежащего печати) на заднем плане иллюстрации. Для узоров заливки ограничительная рамка выступает в роли маски.
Элементы узоров кисти распределяются по иллюстрации внутри ограничительной рамки узора, а также выходят за ее пределы или группируются с ней.
Общие рекомендации по созданию элементов узора
Чтобы создать менее сложный узор, который может быть напечатан быстрее, удалите все лишние детали из рисунка узора и сгруппируйте все объекты, раскрашенные одинаковым цветом, чтобы они оказались смежными в порядке размещения.
При создании элемента узора просматривайте рисунок в увеличенном масштабе, чтобы более точно выровнять элементы, а затем просмотрите рисунок в уменьшенном масштабе как итоговый фрагмент.
Чем сложнее узор, тем меньше по размеру должен быть фрагмент, использованный для его создания, однако чем меньше фрагмент (и элемент узора, создаваемый из него), тем больше копий необходимо для создания узора. Таким образом, квадратный элемент размером 1х1 дюйм более эффективен, чем элемент размером 1/4х1/4 дюйма. При создании простого узора можно включить несколько копий объекта во фрагмент, предназначенный для элемента узора.
Для создания простых линейных узоров нарисуйте комбинацию линий с обводкой разной ширины и цветов и поместите ограничительную рамку без заливки и обводки позади нарисованных линий, чтобы создать элемент узора.
Чтобы придать органическому или текстурному узору вид нерегулярного, создайте несколько вариаций рисунка для элементов узора, что позволит получить более реалистичный эффект. Можно использовать эффект огрубления для создания вариаций рисунка.
Чтобы обеспечить плавное распределение элементов узора, замкните контуры, прежде чем определять узор.
Просмотрите рисунок в увеличенном масштабе, чтобы убедиться в отсутствии погрешностей перед определением узора.
Рисуя ограничительную рамку вокруг рисунка, убедитесь в том, что она имеет строго прямоугольную форму, является самым нижним объектом элемента узора и не имеет заливки и обводки. Если предполагается использовать эту ограничительную рамку для узора кисти, убедитесь в том, что никакие участки узора не выходят за ее пределы.
Дополнительные рекомендации по созданию узоров кисти
Если возможно, всегда заключайте рисунок в нераскрашенную ограничительную рамку, что позволит контролировать распределение элементов узора.
Угловые элементы должны быть квадратными и иметь ту же высоту, что и боковые элементы. Это необходимо для корректного выравнивания вдоль контура. Если предполагается использовать угловые элементы для узора кисти, выровняйте объекты в угловых элементах по горизонтали с объектами в боковых элементах, чтобы элементы узора распределялись правильно.
Создайте специальные угловые эффекты для узоров кисти с помощью угловых элементов.
В этой статье рассматриваются рабочие процессы создания и редактирования узоров, предусмотренные в Adobe Illustrator CS6 и более поздних версиях. Для получения информации о работе с узорами в более ранней версии Illustrator см. Узоры.
Шаг 7
Теперь мы создадим объект, который будет распределяться вдоль произвольного контура. Возьмите инструмент Звезда и нарисуйте звезду. Перетащите ее в панель Кисти и сохраните новую кисть как Art Brush 3, используя установки, приведенные на рисунке ниже.
Теперь звезду можно удалить.
Использование Live Paint Bucket (метод разработал seryozha )
Выделяем штриховку и объект, затем переходим Object > Live Paint > Make
Два раза кликаем по иконке Live Paint Bucket (K) на панели инструментов, что приведет к открытию диалогового окна с настройками инструмента.
Отметьте Paint Strokes. Выбираем другой цвет для stroke, затем проводим курсором по линиям внутри объекта.
Некоторые штрихи придется перекрасить отдельно. Как и в предыдущем способе это зависит от сложности объекта.
Теперь переходим Object > Expand. Выделяем одну из черных линий, затем переходим Select > Same > Stroke Color
Нажимаем на Delete.
Шаг 3
Выделяем составной путь и линии штриховки, затем нажимаем Outline в панели Pathfinder.
Выделяем одну из цветных линий, затем переходим Select > Same > Stroke Color и нажимаем на Delete.
У нас остались только линии, которые не имеют обводки.
Нам осталось присвоить им обводку нужного цвета и толщины.
Как вы можете видеть, этот способ прекрасно работает, и я считаю его наилучшим. Теперь продолжим создавать объемный узор.
Штриховка объектов
Шаг 1
Итак, мы имеем объект со сложной формой, который представляет собой составной путь (Compound path) и штриховку.
Продублируем узор и штриховку (Cmd / Ctrl + C; Cmd / Ctrl + F), они нам еще понадобятся в дальнейшем. А пока отключим их видимость в панели Layers. При помощи Rectangle Tool (M) создадим прямоугольник, который будет накрывать всю штриховку и лежать ниже узора.
Шаг 3
Потяните окружность немного в право (удерживая нажатыми Shift+Alt), и у вас получится копия. Пока объект выделен, зайдите в Объект > Трансформировать > Повторить Трансформирование (Object > Transform > Transform Again), чтобы создать еще одну копию окружности.
Дублирование линий
Переместите линию на некоторое расстояние, удерживая клавишу Opt / Alt. Это действие приведет к ее дублированию.
Теперь воспользуемся горячими клавишами иллюстратора Cmd / Ctrl + D необходимое количество раз для последовательного повторения последнего действия.
Вы можете устанавливать определенное расстояние между линиями штриховки. Для этого выделяем линию, затем переходим Object > Transform > Move…, устанавливаем величину горизонтального или вертикального смещения и нажимаем на Copy.
Теперь снова используем комбинацию клавиш Cmd / Ctrl + D для повторения перемещения.
Шаг 8
Возьмите инструмент Спираль и нарисуйте спираль.
Пока спираль выделена, примените к ней кисть Art Brush 2, которая состоит из элементов с разной толщиной.
Теперь зайдите в Объект > Разобрать Оформление (Object > Expand Appearance).
Примените кисть Art Brush 3 со звездами к спирали.
Теперь на нужно сделать искривленные сегменты прямыми. Для этого зайдите в Объект Контур Упростить (Object > Path > Simplify) и установите параметры, как на картинке ниже.
Рисование и объединение контуров при помощи инструмента «Кисть-клякса»
Инструмент «Кисть-клякса» используется для рисования фигур с заливкой, которые могут пересекаться и объединяться с другими фигурами того же цвета.
Инструмент «Кисть-клякса» использует те же стандартные параметры кисти, что и каллиграфические кисти (ознакомьтесь с информацией в разделе Параметры каллиграфической кисти).
A. Каллиграфическая кисть создает контуры с обводкой, но без заливки B. Инструмент «Кисть-клякса» создает контуры с заливкой, но без обводки
Об использовании инструмента «Кисть-клякса» можно узнать в видеоролике Использование инструментов «Кисть-клякса» и «Ластик».
Обрезка штриховки по контуру объекта
Если линии штриховки будут представлять собой пути переменной толщины, то они, чаще всего, должны быть обрезаны по контуру объекта. И здесь пользователи Adobe Illustrator сталкиваются с трудностями. Надеюсь, у вас не будет проблем с решением этого вопроса после прочтения моего урока.
Шаг 12
Применяем кисть к внутренней штриховке узора.
Изменим цвет обводки внутренней и внешней штриховки.
Аккуратность при создании Pattern Brush позволяет получить идеальное соединение в месте контакта внешней и внутренней штриховки.
А вот как выглядит этот узор с волнистой штриховкой.
Описанный в этом уроке стиль применяется для создания защитных узоров на банкнотах и других ценных бумагах. Теперь вы должны пообещать мне, что не станете фальшивомонетчиками. Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас! До новых встреч!
0
Добрый день.
Подскажите пожалуйста: при попытке создать прямоугольник (шаг 9) никак не получается привязать его к узлам (точки А, B, C на вашем рисунке). Постоянно размеры прямоугольника пляшут. "Привязываю" вершину прямоугольника к опорной точке - а он постоянно смещается. При этом точность смещения курсора выставлена на 0,02. Отключены все возможные привязки.
0
Вероятно, привязки все-таки включены. Вы знаете о том что привязка к пиксельной сетке может включаться у нового объекта? То есть вы ее отключили, затем создали объект и привязка включилась снова.
Проверьте во всплывающем меню панели Transform не должна стоять птичка на Align New Objects to Pixel Grid
0
Шаг 7
Разрезаем путь в точках A и B (я раздвинул части пути для наглядности и удобства дальнейшей работы).
Копируем все эти пути и вставляем их вперед. Теперь давайте уменьшим значение Keyboard Increment (Cmd / Ctrl + K)
Выделяем точку A левого верхнего пути при помощи Direct Selection Tool (A), затем смешаем ее вниз несколькими нажатиями на клавишу со стрелкой вниз.
На ту же величину смещаем точки B, C и D копий центрального и правого пути.
Читайте также: