Как создать бесшовный паттерн в Иллюстраторе

Приветствую Вас на своем блоге!
Хочу поделиться с вами своим опытом работы в программе Adobe Illustrator и показать, как создать бесшовный паттерн в Иллюстраторе самому, затратив на это всего несколько минут.
Pattern – это узор, который повторяясь заполняет своим рисунком всю рабочую область, которую мы им заполняем. Часто он используется, как задний фон на сайтах, но еще его можно применить и как фон для обложки книг или рисунка на футболке и кружке.

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

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

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

Как создать паттерн в Иллюстраторе

Я создал квадрат размером 300х300 пикселей, вы можете создать файл любого размера, и перенес на него свои рисунки.

Создание узора в Иллюстраторе

Для работы нужно выбрать инструмент “Выделение”, это темный курсор в самом верху выбора инструментов, для его выбора можно нажать клавишу V на клавиатуре.

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

Создание узора в Иллюстраторе

Теперь нужно скопировать наши картинки с одной стороны нашего квадрата на другой край полотна так, чтобы при соединении квадратов они создавали единое целое. Начнем с левой стороны нашего квадрата.
Выделите один или сразу все элементы с левой стороны нашей формы. Для того, чтобы выбрать сразу несколько рисунков нужно нажать клавишу Shift и удерживая ее выделять курсором рисунки.

Создание узора в Иллюстраторе

Теперь нажмите на правую кнопку мыши и в меню выберите:

Трансформировать – Перемещение

или просто нажмите сочетание клавиш

Shift+Ctrl+M

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

Создание узора в Иллюстраторе

Размер моего квадрата 300х300 пикселей, значит нужно значение “По горизонтали” выставить 300 пикселей, а “По вертикали” 0 пикселей. Отметив галочкой пункт “Просмотр”, вы сразу увидите, как переместится ваш рисунок. Затем нужно нажать на кнопку “Копировать”.

Создание узора в Иллюстраторе

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

Создание узора в Иллюстраторе

Также вызываем окно “Перемещение”, но уже значение “По горизонтали” ставим 0 пикселей, а “По вертикали” на 300 пикселей.

Создание узора в Иллюстраторе

И ваши рисунки переместятся сверху вниз и при соединении квадратов, получится бесшовное изображение.

Перемещать рисунки нужно на то расстояние, какое имеет ваша форма. Если она у вас 400 пикселей на стороне, то и перемещать изображение нужно на 400 пикселей.

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

Создание узора в Иллюстраторе

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

Создание узора в Иллюстраторе

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

Бесшовный узор

Для того ,чтобы сохранить свой рисунок, перейдите по пути:

Файл – Сохранить для интернета

или нажмите сочетание клавиш:

Alt+Shift+Ctrl+S

И выберите нужный вам формат и сохраните его.

Бесшовный узор

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

Бесшовный узор

И смотреться он будет отлично, никаких швов.
Теперь вы знаете, как создать бесшовный паттерн в Иллюстраторе и легко это сможете сделать.
Кстати, если вы хотите изменить цвет при работе с созданием паттерна, но не знаете какой выбрать, программа Just Color Picker поможет вам сделать выбор.
Удачи!

С уважением Юрий Хрипачев.

Поделитесь с друзьями в социальных сетях!


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

Введите свой e-mail адрес:

Навигация

Обсуждение: оставлено 2 коммент.
  1. СпасибоЪ:

    спасибо)

  2. Мария:

    Спасибо большое прибольшое)))

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Обратите внимание
Kwork.ru - услуги фрилансеров по 500 руб.
Рекомендую
Интересное на сайте
Лучшие комментаторы
Viiko(1)
© 2017 Узнай тут 48  ||  Копирование материала без согласия автора запрещено.
Яндекс цитирования