Vectorboom
Советы / Короткие уроки Adobe Illustrator / Comments: 2

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

Ярослав Лазунов
30.07.2013
Цель урока

В сегодняшнем уроке мы рассмотрим очень простую технику создания и редактирования диагонального бесшовного паттерна. Это универсальная техника, то есть ее можно использовать в любом релизе 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 шаге.

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

Всего комментариев: 2
0
1  
Подскажите, а для стоков я так понимаю паттерны не разбирать (оформление)? Ведь они в таком случае перестают быть бесшовными. И еще как вы создаете непрямые узоры (сужающие линии, например). У меня почему то получаются только с прямыми.

0
2  
1. Оставляйте только одну плитку или 4 плитки, тогда он останется бесшовным и для покупателя
2. Сложно но можно, зависит от конкретного случая. Но логика здесь простая - объекты на краях плитки должны быть идентичны

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.