Сьогодні нас з вами чекає урок зі створення геометричного безшовного патерну в Adobe Illustrator. Нижче описаний відмінний спосіб створення таких типів фону, а також простий і геніальний вихід для створення безшовного ефекту. Урок розрахований на користувачів, які вже знайомі з Adobe Illustrator. Також для фарбування візерунка вам знадобиться Adobe Photoshop, проте це необов'язково. Урок дуже простий і корисний.
Відкрийте Illustrator і створіть новий документ. Інструментом Rectangle / Прямокутник намалюйте квадрат, як показано на зображенні нижче.
![Геометричний безшовний патерн в adobe illustrator (illustrator) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-745a634a.jpg)
Дублюйте квадрат, і перемістіть його вправо. утримуючи Option / Ctrl + Shift. Переконайтеся що між квадратами немає вільного простору.
![Геометричний безшовний патерн в adobe illustrator (adobe) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-3fde9806.jpg)
Створіть сітку, використовуючи той же метод, що був описаний вище.
![Геометричний безшовний патерн в adobe illustrator (урок adobe illustrator) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-f8bd259f.jpg)
Інструментом Direct Selection / Пряме виділення (A) виділіть верхню і нижню точку однієї з колонок. Потім перемістіть їх в будь-якому напрямку. Дуже важливо на цьому етапі проводити цю дію саме з цими двома точками одне колонки. Так ви забезпечуєте бесшовность патерну.
![Геометричний безшовний патерн в adobe illustrator (illustrator уроки) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-f14071ea.jpg)
Виконайте ту ж процедуру з усіма верхніми і нижніми точками колонок, виділяючи їх попарно. Потім виконайте те ж з лівої і правлю точками кожної горизонтальної колонки.
![Геометричний безшовний патерн в adobe illustrator (патерн illustrator) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-5dc8ae0f.jpg)
З внутрішніми точками ви можете робити що завгодно. Якщо хочете, щоб ваш візерунок вийшов менш незграбним, не переміщуйте їх занадто сильно. Також ви можете домалювати елементи всередині об'єкта, щоб візерунок вийшов більш детальним.
![Геометричний безшовний патерн в adobe illustrator (adobe illustrator уроки) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-e718f6f5.jpg)
Тепер візьмемося за розмальовку. Ви можете для початку розфарбувати узор в відтінки сірого, а пізніше в Photoshop міняти відтінок на будь-який варіант.
![Геометричний безшовний патерн в adobe illustrator (створіть новий документ) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-9b46c1f8.jpg)
Виділіть фігури одного кольору і дублюйте їх. У меню виберіть Window> Swatch Libraries> Patterns> Basic_Graphics_Lines / Вікно> Бібліотека зразків> Візерунки> Базові графічні лінії. Виберіть варіант з горизонтальними лініями.
![Геометричний безшовний патерн в adobe illustrator (патерн) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-37511128.jpg)
Виділіть створене зображення і в меню виберіть Object> Expand / Об'єкт> Розібрати. Після цього згрупуйте всі елементи візерунка і в меню виберіть Object> Pattern> Make / Об'єкт> Візерунок> Створити. Налаштуйте параметри візерунка як показано нижче. Параметр H і V spacing (Відстань по горизонталі і вертикалі) міняйте методом проб, поки ваш візерунок не зійдеться.
![Геометричний безшовний патерн в adobe illustrator (уроки) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-1dc8d166.jpg)
Ось як патерн може вийти у вас в підсумку:
![Геометричний безшовний патерн в adobe illustrator (уроки малювання adobe illustrator) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-12f408ef.jpg)
У Photoshop створіть новий документ. У прикладі використаний розмір 2880 × 1800 px. Копіюйте великий прямокутник, залитий створеним нами патерном з Illustrator і вставте його в документ в Photoshop.
![Геометричний безшовний патерн в adobe illustrator (патерн + в illustrator) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-b899eb97.jpg)
Створіть новий шар поверх цього і змініть його Blend Mode / Режим накладення на Overlay / Перекриття. Ви можете спробувати залити цей шар будь-яким кольором і вибрати найбільш вас влаштовує. Також за допомогою Levels / Рівнів ви можете змінювати ступінь контрастності.
![Геометричний безшовний патерн в adobe illustrator (illustrator уроки) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-27037fcd.jpg)
Тепер розмістіть ваш логотип на паттерне і робота готова!
![Геометричний безшовний патерн в adobe illustrator (урок ілюстратор) Геометричний безшовний патерн в adobe illustrator](https://images-on-off.com/images/129-130/geometricheskiybesshovniypatternvadobeil-a3b0cb42.jpg)
Переклад - Вартівня