Почему Adobe Illustrator идеально подходит для создания инфографики? На это есть много причин.

Помимо того, что в нем есть потрясающие инструменты для создания векторной графики для инфографики, я люблю использовать Adobe Illustrator для создания диаграмм, потому что в нем так легко создавать стильные диаграммы, и я могу легко редактировать диаграммы.

Есть готовые графические инструменты, с помощью которых вы можете создать график всего за несколько шагов. Кроме того, есть различные варианты стилизации графиков.

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

Примечание: все скриншоты из этого руководства сделаны из версии Adobe Illustrator CC 2022 Mac. Windows или другие версии могут выглядеть иначе.

Где находится инструмент "Круговая диаграмма" в Adobe Illustrator

Вы можете найти Инструмент круговой диаграммы в том же меню, что и другие инструменты графики, если вы используете панель инструментов Advanced.

Если вы используете основную панель инструментов, вы можете быстро переключиться на расширенную панель инструментов из верхнего меню Окно > Панели инструментов > Расширенный .

Теперь, когда вы нашли нужный инструмент, давайте перейдем к шагам по созданию круговой диаграммы в Adobe Illustrator.

Как сделать круговую диаграмму в Adobe Illustrator

Чтобы создать диаграмму с помощью инструмента "Круговая диаграмма", потребуется всего пара шагов.

Шаг 1: Создайте круговую диаграмму. Выберите Инструмент круговой диаграммы на панели инструментов и щелкните на художественной доске.

Появится окно настройки графика, в котором необходимо ввести размер графика.

Введите Ширина и Высота значения, и нажмите кнопку OK .

Вы увидите круг (график) и таблицу, поэтому следующим шагом будет ввод данных в таблицу.

Шаг 2: Введите атрибуты. Щелкните на первом поле в таблице и введите атрибут на белой полосе вверху. Нажмите кнопку Возврат или Войти ключ, и атрибут отобразится в таблице.

Например, вы можете поставить Данные A, Данные B, и Данные C .

Затем введите значение каждого атрибута во второй строке таблицы.

Например, Дата А составляет 20%, Данные В - 50%, а Данные С - 30%, поэтому вы можете добавить числа 20, 50 и 30 под соответствующими данными.

Примечание: числа должны складываться в 100.

Нажмите кнопку Проверьте символ и вы должны увидеть круговую диаграмму, как показано ниже.

Шаг 3: Закройте таблицу графиков .

Шаг 4: Стиль и редактирование круговой диаграммы. Например, можно изменить цвет или добавить текст на круговую диаграмму.

Первое, что я бы сделал, это избавился от цвета обводки круговой диаграммы, чтобы она выглядела более современно.

Затем давайте изменим цвет круговой диаграммы.

Используйте Инструмент прямого выбора нажмите на черный цвет на круговой диаграмме и на черный прямоугольник рядом с данными A.

Выберите цвет из панели Swatches или используйте любые другие методы для заливки цвета.

Используйте тот же метод для изменения цвета данных B и C.

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

Конечно, существуют различные типы круговых диаграмм. Еще один популярный вариант - круговая диаграмма пончика.

Как сделать круговую диаграмму пончиков

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

Шаг 1: Нажмите на круговую диаграмму и перейдите в верхнее меню Объект > Разгруппировать. Вы увидите предупреждающее сообщение, нажмите Да .

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

Итак, выберите круговую диаграмму, щелкните правой кнопкой мыши и выберите Разгруппировать Вы также должны разгруппировать цвета.

Шаг 2: Используйте Инструмент "Эллипс ( L ), чтобы сделать круг, и поместите его в центр круговой диаграммы.

Шаг 3: Выберите круговую диаграмму и круг, затем выберите Инструмент "Построитель фигур ( Смена + M ) на панели инструментов.

Под кругом видна часть круговой диаграммы, разделенная на три части. Щелкните и нарисуйте внутри круга, чтобы объединить фигуры внутри круга.

Шаг 4: Выберите круг и удалите его после объединения фигур.

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

Как сделать трехмерную круговую диаграмму

Создание трехмерной круговой диаграммы - это просто добавление 3D-эффекта к двухмерной круговой диаграмме. Вы можете сделать трехмерной всю диаграмму или только ее часть. Выполните следующие шаги и посмотрите, как это работает.

Шаг 1: Создайте круговую диаграмму. По желанию можно изменить цвет до или после добавления 3D-эффекта.

Я собираюсь использовать круговую диаграмму выше, чтобы показать вам пример.

Шаг 2: Разгруппируйте круговую диаграмму, пока все фигуры не станут отдельными фигурами.

Шаг 3: Выберите круговую диаграмму, перейдите в верхнее меню Эффект > 3D и материалы > Выдавливание & фаска или вы можете выбрать режим 3D (Classic), если он вам более знаком.

Вы увидите 3D-версию круговой диаграммы, и следующим шагом будет регулировка значений некоторых параметров.

Шаг 4: Измените значение Depth, чем выше число, тем глубже уровень выдавливания. Я бы сказал, что около 50 pt является хорошим значением.

Затем измените значения Rotation (Вращение). Установите оба значения Y и Z значения на 0, и вы можете настроить X Вы также можете нажать на определенные части, чтобы добавить различные значения.

Вот что у меня получилось. Я также использовал инструмент "Прямое выделение", чтобы немного переместить форму желтого пирога.

Когда вы будете довольны внешним видом, выберите круговую диаграмму и перейдите в верхнее меню Объект > Расширение внешнего вида Это выведет вас из режима 3D-редактирования.

Заключение

Вы можете быстро создать круговую диаграмму в Adobe Illustrator с помощью инструмента Инструмент круговой диаграммы и вы можете редактировать график с помощью Инструмент прямого выбора Помните, что значения, которые вы добавляете в таблицу Graph, должны быть равны 100 и у вас получится красивая круговая диаграмма.