ZZGURU
Загрузка

Простой способ создать бесшовный узор в AI

admin
0 комментарий

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

Что такое бесшовная текстура

Seamless (от англ. «бесшовный») — бесшовная текстура, картинка квадратной или прямоугольной формы, которую можно размножать бесконечно, в результате чего получается сплошной узор без видимых границ (без швов).

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

Создаем бесшовную текстуру

Определяем для себя размеры будущего паттерна — он может быть квадратной или прямоугольной формы. Для меня удобнее квадрат, размера 700х700 рх, т.е. я создаем новый документ такого размера. Внутри этого квадрата рисуем по всей площади узор:

Выделяем весь узор и сдвигаем его таким образом, чтобы узор пересек 2 стороны ограничивавшего квадрата:

В элементах, пересекающих линии нельзя использовать градиент!

Способ 1

Подходит для сложных рисунков с большим количеством элементов.

Выбираем в панели инструментов Нож:

Зажав Shift+Alt проводим ножом по первой линии пересечения моего узора и ограничивающего квадрата:

В итоге мой узор разрезан на 2 части по линии пересечения с ограничивающим квадратом. Далее выделяем все то что отрезано и выходит за рамки ограничивающей области (в моем случае — правую часть) и:

Способ 1: зажав Shift, перетаскиваем это влево, до противоположной стороны квадрата.

Способ 2: жмем Enter и в появившемся окне вводим по вертикали “0”, а по горизонтали “-700” (сторона нашего квадрата), и ОК.

Тоже самое проделываем и с дугой частью узора, выступающей за пределы квадрата (в моем случае она снизу):

Эту часть нужно также обрезать:

Способ 1: зажав Shift, перетащить это вверх, до противоположной стороны квадрата.

Способ 2: жмем Enter и в появившемся окне вводим по вертикали “-700”, а по горизонтали “0” (сторона нашего квадрата), и ОК.

Вот и все — бесшовный узор готов:

Способ 2

Подходит для простых рисунков БЕЗ большого количеством элементов.

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

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

Выделяем все фигуры и воспользуемся инструментом «Обработка контуров > Разделение» (Pathfinder > Divide).

Теперь нужно разгруппировать элементы и удалить все ненужные контуры. Будьте внимательны, после применения инструмента «Разделение» (Divide) могут остаться незамкнутые кривые и невидимые обрезки форм (здесь всё зависит от строения контура обрезаемого объекта) — это надо исправить.

Далее отрезанные элементы перемещаем на противоположную сторону любым из способов, описанных выше.

Все, паттерн готов!

На этом у меня все. До скорого!

Подписывайтесь на канал Иллюстратор, чтоб не пропускать новые интересные уроки.

0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии