Створення стрічки відбувається так само, як і створення будь-якої іншої фігури в Adobe Illustrator. Тобто, все починається з базових фігур, таких як прямокутник. Зробіть кілька копій, і об'єднайте фігури, щоб створити нову. Або ж ви можете зробити скручену стрічку з лінії.

Звучить інтригуюче, чи не так?

Існує так багато різних типів стрічок, що неможливо розглянути їх всі в одному уроці. Тому в цьому уроці я покажу вам, як зробити класичний банер зі стрічки і кілька прийомів для його стилізації. Крім того, ви також дізнаєтеся, як зробити 3D-кручену стрічку.

Примітка: скріншоти з цього посібника зроблені з версії Adobe Illustrator CC 2022 для Mac. Windows або інші версії можуть виглядати інакше.

Як зробити стрічку в Adobe Illustrator

Ви можете намалювати стрічку за допомогою інструментів фігур в Adobe Illustrator, таких як інструмент "Прямокутник" та інструмент "Конструктор фігур".

Щоб зробити векторну стрічку, виконайте наведені нижче дії.

Крок 1: Обирайте Інструмент "Прямокутник (комбінація клавіш M ) з панелі інструментів намалювати довгий прямокутник.

Крок 2: Намалюйте ще один коротший прямокутник і перемістіть його туди, де він перетинається з довшим прямокутником.

Крок 3: Обирайте Інструмент для встановлення анкерних точок (комбінація клавіш Зміна + C ) на панелі інструментів.

Натисніть на лівий край меншого прямокутника і перетягніть його вправо.

Крок 4: Продублюйте фігуру і перемістіть її в праву частину прямокутника.

Переверніть форму і ви побачите форму стрічкового банера.

Ні, ми ще не закінчили.

Крок 5: Виділіть всі фігури і виберіть Інструмент для побудови фігур (комбінація клавіш Зміна + M ) на панелі інструментів.

Клацніть і перетягніть фігури, які потрібно об'єднати. В даному випадку ми об'єднуємо частини a, b і c.

Після того, як ви поєднаєте фігури, ваше зображення повинно виглядати так.

Ви можете використовувати інструмент "Лінія", щоб додати невелику деталь до стрічки.

Ви можете змінити колір, або додати до нього текст і зробити стрічковий банер. Якщо ви плануєте додати інший колір до того маленького трикутника, який там є, ви можете скористатися інструментом Shape Builder Tool, щоб створити там фігуру.

Як зробити стрічковий банер в Adobe Illustrator

Тепер, коли ви створили форму стрічки, наступним кроком буде стилізація стрічки і додавання тексту для створення банера зі стрічки. Я пропущу кроки створення стрічки тут, оскільки я вже описав це вище.

Тепер приступимо до стайлінгової частини. Говорячи про стайлінг, на першому місці стоїть колір.

Крок 1: Наповніть стрічку кольорами.

Порада: Після заливки кольором можна поки що згрупувати об'єкти на випадок, якщо ви випадково перемістите якісь частини.

Крок 2: Для додавання тексту використовуйте інструмент Type Tool, виберіть шрифт, розмір, колір тексту та перемістіть текст поверх стрічки.

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

Як зробити криволінійні стрічки в Adobe Illustrator

Ми не будемо малювати стрічку з нуля, замість цього ми можемо спотворити векторну стрічку, яку ми створили вище, щоб зробити її кривою за допомогою інструменту Envelope Distort (Викривлення огинаючої).

Просто виберіть стрічку, перейдіть до верхнього меню Об'єкт > Спотворення огинаючої > Make with Warp З'явиться вікно Параметри деформації.

Стиль за замовчуванням - горизонтальна дуга з вигином 50%. Ви можете налаштувати, наскільки вона вигинається, пересуваючи повзунок. Наприклад, я змінив його на 25%, і це виглядає досить непогано.

Натисніть ГАРАЗД. і все. У тебе вийшла вигнута стрічка.

Ви також можете натиснути на спадне меню "Стиль", щоб побачити більше варіантів стилю.

Наприклад, так виглядає стиль Прапора.

Як зробити кручену стрічку в Adobe Illustrator

Щоб створити закручену стрічку в Adobe Illustrator, потрібно зробити всього два кроки - намалювати лінію та застосувати до неї 3D-ефект. І, власне, за допомогою цього методу можна зробити і 3D-стрічку.

Крок 1: намалюйте криву/хвилясту лінію. Тут я використовував інструмент кисть, щоб намалювати лінію.

Крок 2: Виберіть рядок, перейдіть до верхнього меню Ефект > 3D і матеріал > Екструзія та фаска .

Ви не можете побачити ефект, тому що він чорного кольору. Змініть колір лінії, щоб побачити, як це виглядає.

Ви можете налаштувати освітлення та матеріал, або повернути стрічку до бажаного вигляду.

Ось так, від лінії, яку ви намалюєте, залежить форма стрічки. Залежно від форми, ви можете регулювати освітлення, щоб отримати найкращий результат.

Підбиття підсумків

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

Робити 3D-стрічки досить просто, єдина "проблема", з якою ви можете зіткнутися, - це визначення освітлення та перспективи. Ну, я б навіть не назвав це проблемою, це скоріше терпіння.

Повідомте мене, якщо у вас виникнуть питання щодо створення стрічки в Adobe Illustrator.