Я помню, что создание инфографики, графиков и диаграмм было одним из моих первых занятий по Adobe Illustrator на первом курсе. Отвечает ли это на ваш вопрос о том, подходит ли Adobe Illustrator для создания графиков? Конечно, да!

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

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

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

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

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

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

Нашли? Давайте продолжим и построим несколько графиков!

Как использовать инструмент "График" в Adobe Illustrator

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

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

Пример 1: Как сделать столбчатый/полосный график в Illustrator

Гистограмма и столбчатая диаграмма - это, по сути, одно и то же, только данные отображаются в разных ориентациях. Ну, это мое мнение. В любом случае, давайте начнем с инструмента столбчатой диаграммы по умолчанию.

Шаг 1: Выберите Инструмент колоночного графика на панели инструментов или воспользуйтесь комбинацией клавиш J чтобы активировать его.

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

Как только вы нажмете на OK появится лист, на котором можно ввести данные графика.

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

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

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

Например, Дата A составляет 20%, Данные B - 50%, Данные C - 25%, а Данные D - 5%, поэтому вы можете добавить числа 20, 50, 25 и 5 под соответствующими данными.

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

Вы также можете импортировать и редактировать график из Excel в Adobe Illustrator. Поэтому, если у вас уже есть данные в Excel и вы не хотите создавать их заново, вы можете нажать кнопку Импорт данных и выбрать файл Excel, чтобы импортировать данные из Excel в Adobe Illustrator.

После ввода данных нажмите кнопку проверки и закройте лист.

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

Шаг 4: Выберите график и перейдите в раздел Объект > Разгруппировать чтобы разгруппировать график, чтобы вы могли его редактировать. При разгруппировке вы получите сообщение, подобное этому. Нажмите Да .

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

Примечание: после снятия группировки вы не сможете изменить данные с помощью инструмента графика. Поэтому, если вы не уверены в данных на 100%, продублируйте график на случай, если захотите внести какие-либо изменения.

После того как вы разгруппировали объекты, вы можете придать графику стиль. Вы можете изменить цвета, добавить текстуру, добавить текст или даже сделать трехмерный граф, если хотите. Начнем, например, с цветов.

Шаг 5: Выберите столбцы и измените цвета. В Adobe Illustrator существует множество способов заливки цветов. Если вы не можете найти свой любимый цвет из образцов, вы можете сделать свои собственные образцы.

Вот и все. Не стесняйтесь придать больше стиля своему графу.

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

Вы можете использовать тот же метод, который я представил выше, для стилизации гистограммы. Например, помимо изменения цветов, здесь я также изменил размер гистограммы.

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

Как я уже говорил, метод работает аналогично, поэтому вы можете выполнить те же шаги из примера 1, чтобы сделать круговую диаграмму. Но на шаге 1, вместо того чтобы выбрать инструмент "Колоночная диаграмма", выберите инструмент "График". Инструмент круговой диаграммы .

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

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

Просто некоторые идеи, которыми можно поделиться 🙂

Пример 3: Как сделать линейный график в Illustrator

Инструмент линии обычно используется, когда вы хотите сравнить данные между разными временными интервалами. Это немного сложнее, чем создание столбцовой или круговой диаграммы, когда вы вводите данные на лист. На самом деле, это тот же способ, которым вы вводите данные в электронную таблицу Excel.

Быстрый пример: магазин мороженого просит 1000 человек проголосовать за их любимые вкусы мороженого, и вот данные за прошлый год.

Это выглядело не очень стильно, верно?

Вы можете разгруппировать объекты и использовать для их стилизации тот же метод, что и в примере 1. Вы можете изменить форму индикатора, например, я выбрал разные формы для представления вкуса.

Быстрый совет: Если вы разгруппировали все, но хотите выбирать одинаковые формы или цвета Вы можете перейти в верхнее меню и выбрать пункт Выберите > То же > Внешний вид .

Теперь выглядит лучше?

Подведение итогов

Самое лучшее в создании графиков и диаграмм в Adobe Illustrator - это то, что их можно легко стилизовать и придать визуализации данных великолепный вид. Три примера в этом уроке помогут вам разобраться с остальными инструментами для работы с графиками.

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