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

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

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

У цьому уроці я покажу вам детальні кроки для заповнення фігури векторним або растровим зображенням.

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

Заповнення фігури растровим зображенням

Зображення, які ви відкриваєте або розміщуєте в Adobe Illustrator, є растровими зображеннями.

Крок 1: Відкрийте або розмістіть своє зображення у програмі Adobe Illustrator.

Перейдіть в верхнє меню і виберіть Файл > Відкрито або Файл > Місце .

Різниця між Place (Помістити) і Open (Відкрити) полягає в тому, що при виборі Place (Помістити) зображення буде додано до поточного документа, а при виборі Open (Відкрити) Illustrator створить новий документ для зображення.

Якщо ви хочете використати зображення як частину ілюстрації, натисніть кнопку "Вставити". Коли ви розмістите зображення, ви побачите дві лінії, що перетинаються на зображенні.

Натисніть Вставити на панелі властивостей> Швидкі дії.

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

Крок 2: Створіть нову фігуру.

Створити фігуру. Для створення фігур можна використовувати інструменти фігур, інструмент пошуку шляхів, інструмент побудови фігур або інструмент пера.

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

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

Крок 3: Робимо маску-обрізку.

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

Якщо фігура не знаходиться поверх зображення, натисніть правою кнопкою миші і виберіть Організувати > Вивести на передній план Не можна зробити маску для обрізання, якщо фігура не попереду.

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

Наприклад, я хочу заповнити фігуру мордочкою кота, тому переміщу серце поверх області мордочки.

Виділіть і фігуру, і зображення, клацніть правою кнопкою миші і виберіть Зробіть маску для обрізання Комбінація клавіш для створення обтравочної маски Командування / Ctrl + 7 .

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

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

Заповнення фігури векторним зображенням

Векторні зображення - це зображення, створені в Adobe Illustrator або будь-яка редагована графіка, в якій можна редагувати контури та опорні точки.

Крок 1: Згрупуйте об'єкти на векторному зображенні.

При заповненні фігури векторними зображеннями необхідно згрупувати об'єкти перед створенням обтравочної маски.

Наприклад, я створив ось такий пунктирний візерунок, виконаний окремими кружечками (об'єктами).

Виділіть все і натисніть Командування / Ctrl + G згрупувати їх всі разом в один об'єкт.

Крок 2: Створіть фігуру.

Створіть фігуру, яку ви хочете заповнити. Я використовував інструмент перо, щоб намалювати мордочку кота.

Крок 3: Робимо маску-обрізку.

Перемістіть фігуру поверх векторного зображення. Ви можете змінити розмір відповідно.

Виділіть як фігуру, так і векторне зображення, використовуйте комбінацію клавіш Командування / Ctrl + 7 зробити обрізну маску.

Висновок

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