Простой способ создать бесшовный узор (текстуру,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

RSS
Вы можете подписаться на комментарии к статье: RSS 2.0


4 комментария
  1. CommentsНаташа   |  Понедельник, 27 Декабрь 2010 at 11:46 пп

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

  2. CommentsЛеонид   |  Четверг, 03 Февраль 2011 at 10:59 пп

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

  3. CommentsАлександр   |  Суббота, 27 Октябрь 2012 at 5:25 пп

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

  4. CommentsЕлена   |  Среда, 14 Май 2014 at 2:56 дп

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


Оставить комментарий







twitter RSS Подписаться на новости по Email

Деньги

Ваш суммарный доход на стоках в месяц:

Посмотреть на результат

Загрузка ... Загрузка ...

Опрос

Какие микростоки самые доходные для Вас (не более 5-ти):

Посмотреть на результат

Загрузка ... Загрузка ...
Rambler's Top100 PR-CY.ru