Як створити безшовний патерн в ілюстратора

Вітаю Вас на своєму блозі!
Хочу поділитися з вами своїм досвідом роботи в програмі Adobe Illustrator і показати, як створити безшовний патерн в Ілюстраторі самому, витративши на це всього кілька хвилин.
Pattern - це візерунок, який повторюючись заповнює своїм малюнком всю робочу область, яку ми їм запальними. Часто він використовується, як задній фон на сайтах, але ще його можна застосувати і як фон для обкладинки книг або малюнка на футболці і гуртку.

Для таких візерунків можна використовувати квіти, тварин, техніку, будинку, просто різні фігурки і узори. Зробити такий малюнок легко і впорається з цим будь-який користувач, головне знайти зображення, яке ви будете використовувати при створенні візерунка.
Якщо ви не можете малювати, то можна взяти малюнок або кілька малюнків в мережі і зробити з їх допомогою унікальний pattern, якого ні у кого немає.

І так, для прикладу я приготував заздалегідь кілька малюнків і з їх допомогою створю свій візерунок, майже унікальний. Майже, це тому, що ці малюнки доступні в мережі для масового використання, але їх розташування на візерунку та їх кількість, робить цей малюнок унікальним.

Для того, щоб створити безшовний патерн, відкрийте Ілюстратор і створіть новий файл, залийте його яким небудь фоном, якщо вам це потрібно. Потім відкрийте всі свої малюнки, які будете використовувати при створенні візерунка і просто перенесіть їх на свій новий файл.

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

Відео: патерн в Adobe Illustrator (2 з 2) | створення паттерна

Для роботи потрібно вибрати інструмент "Виділення", це темний курсор в самому верху вибору інструментів, для його вибору можна натиснути клавішу V на клавіатурі.

Наступним кроком розмістіть свої картинки по краях квадрата, наприклад зліва і зверху, так щоб вони виходили за край вашої форми. Розміщувати краще не рівно, а хаотично, хоча це залежить від узору, який ви хочете створити, так що тут вирішуйте самі.

Тепер потрібно скопіювати наші картинки з одного боку нашого квадрата на інший край полотна так, щоб при з`єднанні квадратів вони створювали єдине ціле. Почнемо з лівого боку нашого квадрата.
Виділіть один або відразу всі елементи з лівого боку нашої форми. Для того, щоб вибрати відразу декілька малюнків потрібно натиснути клавішу Shift і утримуючи її виділяти курсором малюнки.

Відео: Як створити безшовний патерн в ілюстратора

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

Трансформувати - Переміщення

або просто натисніть клавіші

Shift + Ctrl + M

Для того щоб змістити малюнки зліва направо їх потрібно перемістити по горизонталі.

Розмір мого квадрата 300х300 пікселів, значить потрібно значення "По горизонталі" виставити 300 пікселів, а "По вертикалі" 0 пікселів. Відзначивши галочкою пункт "Перегляд", ви відразу побачите, як переміститься ваш малюнок. Потім потрібно натиснути на кнопку "Копіювати".

І ваші малюнки з одного боку будуть скопійовані на інший бік вашої форми.
Тепер потрібно перемістити верхні малюнки вниз.

Також викликаємо вікно "Переміщення", але вже значення "По горизонталі" ставимо 0 пікселів, а "По вертикалі" на 300 пікселів.

І ваші малюнки перемістяться зверху вниз і при з`єднанні квадратів, вийде безшовне зображення.

Відео: спосіб створення безшовного патерну в ілюстратора

Переміщати малюнки потрібно на ту відстань, яке має ваша форма. Якщо вона у вас 400 пікселів на стороні, то і переміщати зображення потрібно на 400 пікселів.

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

Відео: Як створити безшовний патерн в ілюстратора

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

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

Для того, щоб зберегти свій малюнок, перейдіть по шляху:

Файл - Зберегти для Інтернету

або натисніть клавіші:

Alt + Shift + Ctrl + S

І виберіть потрібний вам формат і збережіть його.

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

І виглядати він буде відмінно, ніяких швів.
Тепер ви знаєте, як створити безшовний патерн в Ілюстраторі і легко це зможете зробити.
До речі, якщо ви хочете змінити колір при роботі зі створенням патерну, але не знаєте який вибрати, програма Just Color Picker допоможе вам зробити вибір.
Успіхів!