Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Vector
Design

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

by
Difficulty:IntermediateLength:ShortLanguages:

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

Final 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
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.