Создание бесшовных текстур в Иллюстраторе

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

Приступим.

Уровень сложности

  • Средний

Программы и устройства для работы

Используемые инструменты

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

Говоря простым языком, бесшовная текстура представляет собой определенный образец (рисунок), который соединяется с своими близнецами без заметных границ (при размещении бок о бок «шва» картины видно не будет).

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

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

Бесшовные текстуры делятся на:

  • горизонтально бесшовную текстуру (соединять можно только по горизонтали);
  • вертикально бесшовную текстуру (соединять можно только по вертикали);
  • бесшовная текстура (соединять можно и по горизонтали и по вертикали).

Основная концепция бесшовной текстуры проста: если объект в шаблоне (например, камни в каменной стене) выходят за пределы края, часть объекта, которая выходит должна существовать в этом шаблоне на противоположной стороне.

Скачать или купить любую понравившуюся бешовную текстуру вы можете на любом фотобанке, например бесшовная текстура depositphoto.

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

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

Как сделать текстуру в иллюстраторе и к тому же бесшовную?

Очень просто. Всего в четыре шага мы сможем разобраться в создании бесшовных текстур.

бесшовная текстура пингвин

Давайте начнем!

Шаг 1: Установка монтажной области

Выберите размер и форму Вашего будущего рисунка. В этом примере я использовала квадрат. Монтажная область будет вашим «гидом» и поможет вам визуализировать 4 стороны вашей текстуры.

создание бесшовной текстуры - шаг 1 монтажная область

Шаг 2: Разместите объекты

Начните рисовать или переместите уже готовые рисунки (я использовала нашего пухленького пингвина из предыдущего урока). В примере для размещения объектов я выбрала верхнюю и левую сторону квадрата за пределами монтажной области. Важно при этом не забыть оставить место для этих объектов на противоположных сторонах текстуры.

создание бесшовной текстуры - шаг 2 создание обтравочной маски

Шаг 3: Скопируйте шаблон

Теперь мы хотим, чтобы наша текстура была действительно бесшовной. Для этого создаем квадрат (без каких-либо заливок) точно таких же размеров, как и наша монтажная область. Размещаем его поверх наших рисунков, все выделаем и выбираем «Объект» — «Создать обтравочную маску». Таким образом все детали выходящие за пределы монтажной области были скрыты. Далее копируем наш квадрат и ставим его с правой стороны от оригинала.

создание бесшовной текстуры - шаг 3 копирование шаблона

Шаг 4: Скопируйте и вставьте ваши фигуры

Теперь происходит волшебство. Переходим в дубликат квадрата (в Illustrator вы можете дважды щелкнуть объект находящийся в маске для редактирования его содержимого) и выбираем все объекты, которые выходят за пределы края. Копируем их в дубликате квадрата и вставляем все скопированные объекты в том же месте.

создание бесшовной текстуры - шаг 4 размещение фигур

Вот таким образом проделываем со всеми объектами на всех краях. После чего удаляем дубликаты квадрата и можем использовать исходную текстуру как бесшовную.

После окончания работы ее нужно проверить на непрерывность. Для этого соединяем несколько квадратов.

создание бесшовной текстуры - шаг 5 проверка на непрерывность шаблона

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