Как нарисовать бесшовную текстуру

seamless texture

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

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

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

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

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

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

Pattern

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

Pattern

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

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

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

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

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

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

Pattern

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

Читайте также:  Как нарисовать костюм железного человека.

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

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

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

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

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

Pattern

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

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

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

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

Pattern

Теперь нужно разгруппировать элементы и удалить все ненужные контуры.

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

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

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

Pattern

Источник: sheko.ru

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Уроки по компьютерной графике
Комментарии: 1
  1. Paul

    Большое спасибо автору. Технология действительно проста. А в результате… напоминает пазл, разве что, без фигурной порезки.

Добавить комментарий

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