Как сделать полоски в иллюстраторе

Как создать диагональные бесшовные узоры в Adobe Illustrator

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

Шаг 1

Создадим в Adobe Illustrator прямоугольник при помощи Rectangle Tool (M). Этот прямоугольник будет плиткой нашего бесшовного векторного узора.

Берем Pen Tool (P) или Line Tool (/) и создаем диагональ прямоугольника. Для того чтобы точно совмещать точки линии с вершинами прямоугольника включите режим Smart Guide (Cmd/Ctrl + U).

Шаг 2

Не снимая выделения с прямолинейного сегмента, переходим Object > Path > Add Anchor Point. Я сделал это только для того, чтобы найти центр линии.

Берем Selection Tool (V), захватываем центральную точку линии и перетаскиваем ее до пересечения с одной из вершин прямоугольника.

Теперь тащим прямую за центральную точку к противоположной вершине прямоугольника, удерживая нажатой клавишу Option/Alt, что приведет к ее дублированию.

Шаг 3

Выделяем обе линии, затем переходим Object > Blend > Make или используем комбинацию горячих клавиш иллюстратора Command / Ctrl + Option/Alt + B.

Для того чтобы установить нужное число линий, два раза кликнем по иконке Blend Tool (W) в панели Tools, и в открывшемся диалоговом окне устанавливаем количество Specified Steps. Их число должно обязательно быть нечетным.

Шаг 4

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

Теперь выделяем и перетаскиваем все созданные объекты в панели Swatches.

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

Шаг 5

Мы получили очень простой паттерн, но он может послужить основой для создания множества других. Например, мы можем перекрасить линии узора. Для этого выделяем бленд объект, затем переходим Object > Blend > Expand. В результате мы получаем группу параллельных линий.

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

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

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

Проверяем…, все работает хорошо.

Шаг 6

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

Шаг 7

Нет необходимости переделывать плитку паттерна, если нам нужно изменить угол наклона его линий. Выделяем объект, к которому применен паттерн, затем переходим Object > Transform > Rotate…, устанавливаем нужный угол, отключаем опцию Object и включаем опцию Pattern в диалоговом окне.

Шаг 8

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

На этом техническая часть урока закончена, пришло время экспериментировать….

Источник

Плашечные цвета, прозрачность

При использовании плашечных цветов и прозрачности в Illustrator содержимое иногда обрабатывается для сохранения внешнего вида объекта в PostScript и в других процессах сведения прозрачности. Когда Illustrator обрабатывает содержимое в процессе сведения, плашечные цвета, задействованные в определенных случаях работы с прозрачностью, иногда требуется преобразовать в рабочие цвета. Несмотря на то, что с каждым новым выпуском Illustrator такие ситуации возникают все реже, с помощью следующих элементов можно устранить оставшиеся ограничения для сохранения плашечных цветов при работе с прозрачностью в Illustrator CS3 и более поздних версиях, а также в CS2.

Растровые эффекты

В Illustrator CS2 при применении растровых эффектов (например, «Растрировать» и «размытие по Гауссу») для объекта группы или уровня слоя к объектам, содержащим несколько плашечных цветов или сочетание плашечных и рабочих цветов, в Illustrator цвет объекта в документе преобразовывается в пространство рабочего цвета, градацию серого или растровое изображение. Можно выбрать один из этих параметров в диалоговом окне «Параметры растровых эффектов». Например, в простом прямоугольнике с заливкой плашечным цветом, заштрихованном рабочим черным цветом, плашечный цвет заливки преобразовывается в рабочий цвет. Однако, если все атрибуты объекта, группы или слоя раскрашены одним плашечным цветом, он сохраняется вне зависимости от того, где применяется эффект. В Illustrator CS3 и более поздних версиях плашечный цвет сохраняется во всех этих случаях.

Флажок «По возможности сохранять плашечные цвета» (CS2) или «Сохранять плашечные цвета» (CS3 и более поздние версии) в диалоговом окне «Параметры растровых эффектов» по умолчанию не установлен при открытии файлов, созданных в версиях, предшествующих Illustrator CS2. Выбор этого параметра гарантирует, что поведение при печати этих файлов соответствует поведению более ранних версий Illustrator. Если установить флажок «По возможности сохранять плашечные цвета» в CS2, он будет установлен и при повторном открытии файлов.

Градиенты и сетчатый градиент

В Illustrator CS3 и более поздних версиях и CS2 (и более поздних версиях) сохраняются градиенты от плашечных цветов к рабочим, как в случаях с прозрачностью, так и без нее. Чтобы распечатать и экспортировать плашечные цвета в случаях с использованием градиента, выберите «Сохранять надпечатки и плашечные цвета в объекте» > диалоговое окно «Сведение прозрачности».

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

Наложение плашечных цветов

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

Растрирование

В Illustrator CS2 при использовании команды «Объект» > «Растрировать» можно преобразовать в документе все плашечные цвета в пространство рабочего цвета, градацию серого или растровое изображение. При растрировании плашечные цвета не сохраняются. На использование команды «Эффекты» > «Растрировать» распространяются ограничения, описанные в разделе «Растровые эффекты» (см. выше). При выборе параметра «По возможности сохранять плашечные цвета» в диалоговом окне «Параметры растровых эффектов» плашечные цвета будут сохраняться.

В Illustrator CS3 и более поздних версиях можно сохранять плашечные цвета при использовании команд «Объект»> «Растрировать» и «Эффекты» > «Растрировать», установив флажок «Сохранять плашечные цвета» в диалоговых окнах «Объект» > «Растрировать» и «Эффекты» > «Параметры растровых эффектов в документе», соответственно.

Инструмент быстрой трассировки

В Illustrator CS3 и более поздних версиях и CS2 плашечные цвета в растровых объектах с градацией серого сохраняются, если в Illustrator применен плашечный цвет. Плашечные цвета во всех остальных файлах растрового формата, как связанные, так и встроенные, преобразовываются в рабочие цвета или игнорируются при использовании команды «Быстрая трассировка».

Фильтры SVG

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

Импортированные растровые форматы

Методы для размещения плашечных цветов, импортированных из растровых форматов, значительно улучшены как в Illustrator CS3 и более поздних версиях, так и в CS2, по сравнению с более ранними версиями. В Illustrator CS2 плашечные цвета сохраняются во встроенных оригинальных файлах Photoshop в качестве растровой маски прозрачности поверх прямоугольника, заполненного плашечным цветом и используемого как наложение, а в Illustrator CS3 и более поздних версиях изображение преобразовывается в растровый объект deviceN (все плашечные и рабочие цвета сохраняются в одном месте в формате NChannel). В Illustrator CS3 и более поздних версиях, CS2 (или CS и более поздних версиях) плашечные цвета сохраняются во встроенных файлах PDF в качестве подходящих для вывода сторонних художественных объектов. Оставшиеся значительные ограничения растрового формата перечислены ниже. Все они устранены в Illustrator CS3 и более поздних версиях.

Примечание. Дополнительные сведения о сторонних художественных объектах приведены в разделе «Импорт однотонных, дуплексных и трехтонных изображений из файлов Adobe PDF» Справки по CS3 и CS2.

Прозрачность альфа-канала

В Illustrator CS2 и более поздних версиях сохраняются плашечные цвета, которые взаимодействуют с прозрачностью альфа-канала (например, маски непрозрачности, активные растровые эффекты и прозрачные изображения). В более ранних версиях Illustrator плашечные цвета в таких случаях преобразовываются в рабочие.

Форматы прежних версий

При сохранении файлов в Illustrator 8 или более ранней версии и выборе «Сохранить внешний вид и надпечатки» в диалоговом окне «Сохранить», все объекты с плашечными цветами преобразовываются в объекты с рабочими цветами.

Источник

Как создать геометрическую полоску в Illustrator

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

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

Создайте новый документ и используйте инструмент прямоугольник, чтобы нарисовать длинную тонкую форму с черной заливкой. Включите Smart Guides (CMD + U), затем удерживайте ALT и Shift при перетаскивании мышью, чтобы создать дубликат. Smart Guides позволит легко идеально выровнять эти фигуры рядом.

Несколько раз нажмите сочетание клавиш CMD + D, чтобы «Преобразовать снова», что повторяет дублирование и создает серию идеально выровненных фигур.

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

Нажмите значок «Новый» в нижней части панели «Кисти», чтобы создать новую кисть. Выберите опцию Art Brush. Убедитесь, что поток кисти проходит вертикально в настройках, затем нажмите кнопку ОК.

Нарисуйте круг где-нибудь на артборде. Очистите параметры заливки и обводки, затем примените новую полосатую кисть. Совет для профессионалов: отключите «Масштабировать обводки и эффекты» в настройках Illustrator, чтобы формы можно было преобразовывать, не затрагивая рисунок кисти.

Используйте инструмент «Перо», чтобы добавить опорную точку между двумя существующими точками, затем нажмите клавишу удаления, чтобы создать круг 3/4.

Дублируйте эту форму круга 3/4, затем используйте инструмент «Прямой выбор», чтобы удалить самую нижнюю точку, чтобы создать круг 1/2.

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

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

В местах, где фигуры перекрываются, у вас есть возможность настроить порядок наложения. Используйте сочетания клавиш CMD + [и CMD +], чтобы перемещать элементы выше и ниже друг друга.

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

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

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

Как только ваша иллюстрация будет завершена, выберите все отдельные пути и объедините их в одну группу. Нажмите CMD + C, чтобы сделать копию произведения искусства.

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

Выберите градиентный прямоугольник и выберите параметр «Сделать маску непрозрачности» в выпадающем меню панели «Прозрачность».

Используйте снимок CMD + V, чтобы вставить полосатый рисунок в маску непрозрачности. Черно-белые цвета будут отображать и скрывать области градиентной заливки, чтобы обрезать цвет по форме иллюстрации. Щелкните квадрат слева на панели «Прозрачность», чтобы выйти из режима редактирования маски.

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

Источник

Рисование простых линий и фигур

Рисование прямых линий

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

Выберите инструмент «Отрезок линии» .

Выполните одно из следующих действий:

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

Рисование дуг

Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Дуга» .

Выполните одно из следующих действий:

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

Длина по оси Х. Определяет ширину дуги.

Длина по оси Y. Определяет высоту дуги.

Тип. Определяет, каким контуром будет этот объект: замкнутым или открытым.

Вдоль. Определяет направление дуги. Выберите «Ось X» или «Ось Y» в зависимости от того, вдоль какой оси должна располагаться база дуги: горизонтальной (x) или вертикальной (y).

Наклон: определяет направление наклона дуги. Чтобы получить вогнутую дугу, введите отрицательное значение. Чтобы получить выгнутую дугу, введите положительное значение. При нулевом значении наклона получается прямая линия.

Окрашивать дугу в цвет заливки. Дуга окрашивается в текущий цвет заливки.

Примечание. Для динамического просмотра дуги по мере ввода параметров дважды щелкните инструмент «Дуга» на панели «Инструменты».

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

Рисование спиралей

Нажмите и удерживайте инструмент «Отрезок линии» ( ). Выберите инструмент «Спираль» .

Выполните одно из следующих действий:

Перетащите курсор, пока не получите спираль нужного размера. Чтобы повернуть спираль, перетащите указатель в дуге.

Радиус. Определяет расстояние от центра до самой дальней точки спирали.

Рост. Определяет величину, на которую каждый виток спирали будет уменьшаться по сравнению с предыдущим витком.

Число сегментов. Определяет количество сегментов в спирали. Каждый полный виток спирали состоит из четырех сегментов.

Стиль. Определяет направление спирали.

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

Рисование сеток

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

Рисование прямоугольных сеток

Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Прямоугольная сетка» .

Выполните одно из следующих действий:

Перетащите курсор, пока не получите сетку нужного размера.

Размер по умолчанию. Определяет ширину и высоту всей сетки.

Горизонтальные разделители. Определяет количество горизонтальных разделителей между верхним и нижним краями сетки. Значение «Асимметрично» позволяет распределять горизонтальные разделители неравномерно с увеличением их частоты в сторону верхнего или нижнего края сетки.

Вертикальные разделители. Определяет количество вертикальных разделителей между левым и правым краями сетки. Значение «Асимметрично» позволяет распределять вертикальные разделители неравномерно с увеличением их частоты в сторону левого или правого края сетки.

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

Окрашивать сетку в цвет заливки. Сетка окрашивается в текущий цвет заливки (в противном случае заливка не задается).

Рисование круговых (полярных) сеток

Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Полярная сетка» .

Выполните одно из следующих действий:

Перетащите курсор, пока не получите сетку нужного размера.

Размер по умолчанию. Определяет ширину и высоту всей сетки.

Концентрические разделители. Определяет количество круговых концентрических разделителей в сетке. Значение «Асимметрично» позволяет распределять концентрические разделители неравномерно с увеличением их частоты в сторону внутренней или внешней части сетки.

Радиальные разделители. Определяет количество радиальных разделителей между центром и периферической частью сетки. Значение «Асимметрично» позволяет распределять радиальные разделители неравномерно с увеличением их частоты по часовой стрелке или против часовой стрелки.

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

Окрашивать сетку в цвет заливки. Сетка окрашивается в текущий цвет заливки (в противном случае заливка не задается).

Источник