Простой способ создать бесшовный узор (текстуру,seamless) — Pattern

Pattern

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

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

Но я все делаю гораздо проще:) Вот мой вариант урока в программе иллюстратор для создания симлесс-текстур.

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

Pattern

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

Pattern

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

Способ 1 (подходит для сложных рисунков с большим количеством элементов)

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

Pattern

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

Pattern

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

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

Pattern

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

Pattern

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

Pattern

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

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

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

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

Pattern

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

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

Pattern

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

Pattern

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

Pattern

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

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

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

Pattern

Хотите заработать на своей иллюстрации? Узнайте как это сделать с помощью микростоков.
У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.
Оценка статьи:
1 Звезда2 Звезда3 Звезда4 Звезда5 Звезда (1 оценок, среднее: 5,00 из 5)
Загрузка...
Понравилась статья? Поделиться с друзьями:
Комментариев: 4
  1. Наташа

    Отличный и очень простой урок. Спасибо!

  2. Леонид

    Спасибо за совет!!!

  3. Александр

    Спасибо, теперь я всё смогу)

  4. Елена

    Смотрю, давно урок выложен. 4 года назад. А я только сейчас увидела. Пытаюсь повторить. И у меня такой затык! После того как я инструментом Нож отрезаю часть, мне её не перенести с шифтом. Или берутся все квадратики не резанные (не выделяются) или берутся верхние слои квадратиков. Или вообще по лини отреза не отделяется ничего. В чем ошибка может быть?

Отзывы, вопросы и ваше мнение:

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

 необходимо принять правила конфиденциальности