Advertisement
  1. Design & Illustration
  2. Vector

Як створити яскравий геометричний візерунок в Adobe Illustrator

Scroll to top
Read Time: 3 min

Ukrainian (українська мова) translation by Volodymyr Trofimishyn (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

1. Поріжте коло

Крок 1

Дизайн дуже простий. Почніть з кола, з допомогою інструменту Еліпс (L). Скопіюйте (Control-C) і вставте (Control-Shift-V), щоб нове коло було ідеально вирівняним. Виділіть верхнє коло і перейдіть в меню Ефект > Деформація і Трансформування > Втягування і Роздування і встановіть повзунок на -71%. Перетворіть результат в криві через меню Об'єкт.

Крок 2

Виберіть обидві фігури і використайте інструмент "Побудова форми" (Shift-М) для поділу на частини. Частини фігури, які виходять за рамки кола, потрібно видалити.

2. Основна структура візерунку

Крок 1

Я обрав кремовий, як основний колір візерунку. Для кольорів навколо центру виберіть різні яскраві та пастельні тони.

Крок 2

Я скопіював і вставив мій початковий елемент три рази і згрупував їх, щоб сформувати дизайн візерунку. Таким чином, центр між чотирма колами буде більш схожим на закруглений квадрат, і мені це подобається. Ви могли більше викривити друге коло у  першому кроці, першої секції, щоб уникнути цього. Перемішайте кольори вашого дизайну (ви матимете ще один шанс зробити це пізніше). Переконайтеся, що центр фігури кремовий, як і інші чотири кола. Щоб зробити це, намалюйте велике коло навколо нього, виберіть центр іструментом "Створення фігур" і перейдіть до наступного кроку.

Крок 3

Видалити будь-які сторонні фігури так ,щоб залишилася 21, як показано нижче. Скопіюйте та вставте центральну фігуру і розмістіть копії з кожного краю. Це дає змогу заповнити простір між всіма колами. Згрупуйте ваш дизайн.

3. Налаштуйте елемент візерунку

Крок 1

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

Крок 2

Як тільки ви отримали достатню прощину з вашим дизайном, використайте інструмент "Прямокутник" (M), шоб намалювати прямокутник, кути якого співпадають з "кутами" кіл (див. нижче). Його вирівнювання може зайняти трохи часу. Виберіть все і натисніть розділити на панелі "Обробка контурів". Видалити всі фігури за межами прямокутника (або квадрата).

4. Кольори, градієнти та візерунок!

Внутрішні фігури (зірки) і заповніть їх тим же ж кремовим кольором, як це було зроблено раніше та переконайтесь, інші фігури, мають ті ж яскраві, пастельні тони, як і в розділі 2.

Крок 2

Виберіть барвисті частини вашого дизайну, зробіть копію і вставте зверху. Застосуйте лінійний градієнт, що йде з фіолетового, коричневого або темно-бордового від 100% до 0% непрозорості. Встановіть режим накладення "М'яке світло" на 58% непрозорості.

Крок 3

Для кремових центрів дизайну у вас буде дві групи градієнтів. Перший використовує той же лінійний градієнт з попереднього кроку під кутом 90°. Встановіть режим накладення "М'яке світло" на панелі Прозорості.

Крок 4

Градієнт другої групи  для кремових центрів - це радіальний градієнт з темнішим кольором по краях кожної фігури. Вирівняйте групи градієнтів з попереднього кроку та шаблон візерунку. Згрупуйте все разом.

Крок 5

Нарешті, відкрийте панель "Параметри візерунка" і натисніть Створити візерунок. Поекпериментуйте з типом плитки та зсувом для того, щоб отримати візерунок який вам сподобається. Зрештою, я обрав сітку для типу плитки, та зрозумів, що зсув не має значення.

Вітання, все зроблено!

Подивіться, який геометричний візерунок ви створили. Можна продовжити та експериментувати з різними кольорами, або почати спочатку і накласти інші фігури одна на одну (шестикутники, зірочки і т. д.).

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.