Чому Adobe Illustrator ідеально підходить для створення інфографіки? Причин багато.

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

Існують готові графічні інструменти, за допомогою яких можна створити діаграму всього за кілька кроків. Крім того, існують різні варіанти стилізації діаграм.

У цьому уроці ви навчитеся створювати різні стилі кругових діаграм, включаючи стандартну кругову діаграму, кругову діаграму-пончик і 3D-кругову діаграму.

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

Де знаходиться інструмент "Кругова діаграма" в Adobe Illustrator

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

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

Тепер, коли ви знайшли потрібний інструмент, давайте перейдемо до кроків створення кругової діаграми в Adobe Illustrator.

Як створити кругову діаграму в Adobe Illustrator

Створення діаграми за допомогою інструменту "Кругова діаграма" займає лише кілька кроків.

Крок 1: Створіть кругову діаграму. Обирайте Інструмент кругової діаграми на панелі інструментів і клацніть по аркушу.

З'явиться вікно налаштування діаграми, в якому необхідно ввести розмір діаграми.

Введіть Ширина і Висота значення і натисніть ГАРАЗД. .

Ви побачите коло (діаграму) і таблицю, тому наступним кроком буде введення даних в таблицю.

Крок 2: Введіть атрибути. Натисніть на перше поле в таблиці і введіть атрибут на білій смузі вгорі. Натисніть кнопку Повернення або Увійдіть і атрибут відобразиться в таблиці.

Наприклад, можна поставити Дані А, Дані Б, і Дані C .

Потім введіть значення кожного атрибуту в другому рядку таблиці.

Наприклад, дата А становить 20%, дані В - 50%, а дані С - 30%, тому під відповідними даними можна додати числа 20, 50 і 30.

Примітка: сума чисел має дорівнювати 100.

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

Крок 3: Закрийте таблицю графіка .

Крок 4: Стилізація та редагування кругової діаграми. Наприклад, можна змінити колір, або додати текст на кругову діаграму.

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

Тоді давайте змінимо колір кругової діаграми.

Скористайтеся кнопкою Інструмент прямого вибору натиснути на чорний колір на секторній діаграмі та чорний прямокутник поруч з даними А.

Виберіть колір з панелі "Зразки" або скористайтеся будь-якими іншими методами для заливки кольору.

Таким же чином змініть колір даних B і даних C.

Ви також можете редагувати текст даних або вручну додавати текст на кругову діаграму.

Звичайно, існують різні типи кругових діаграм. Ще один популярний варіант - кругова діаграма у вигляді пончика.

Як побудувати кругову діаграму пончиків

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

Крок 1: Натисніть на кругову діаграму, і перейдіть в меню накладних витрат Об'єкт > Розійтись. Ви побачите попереджувальне повідомлення, натисніть Так .

Тепер фігури будуть відокремлені від тексту, але Вам потрібно буде знову розгрупувати фігури.

Отже, виберіть кругову діаграму, клацніть правою кнопкою миші і виберіть Розгрупуватися Ви також повинні розгрупувати кольори.

Крок 2: Скористайтеся кнопкою Інструмент "Еліпс ( L ) зробити коло і розмістити його в центрі кругової діаграми.

Крок 3: Виберіть кругову діаграму і коло, а потім виберіть Інструмент Shape Builder ( Зміна + M ) на панелі інструментів.

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

Крок 4: Виберіть коло і видаліть його після того, як об'єднаєте фігури.

Якщо діаграма у вигляді пончика недостатньо вигадлива, ви також можете зробити 3D-діаграму.

Як побудувати 3D кругову діаграму

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

Крок 1: Створіть кругову діаграму. За бажанням ви можете змінити колір до або після додавання 3D-ефекту.

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

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

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

Ви побачите 3D-версію кругової діаграми і наступним кроком буде коригування значення деяких параметрів.

Крок 4: Змініть значення Depth (Глибина), чим більше число, тим глибше йде рівень екструзії. Я б сказав, що близько 50 пт - це хороше значення.

Потім змініть значення параметра Обертання. Встановіть обидва Y і Z на 0, і ви можете налаштувати значення X Ви також можете натиснути на певні частини, щоб додати різні значення.

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

Після того, як ви задоволені зовнішнім виглядом, виберіть кругову діаграму, і перейдіть до верхнього меню Об'єкт > Розгорнути Зовнішній вигляд Це дозволить вийти з режиму 3D-редагування.

Висновок

Швидко побудувати кругову діаграму в Adobe Illustrator можна за допомогою Інструмент кругової діаграми і ви можете редагувати діаграму за допомогою кнопки Інструмент прямого вибору Майте на увазі, що значення, які ви додаєте в таблицю Graph, повинні складати в сумі 100 і у вас вийде гарна кругова діаграма.