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

Группировка и разбор объектов

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

Сгруппированные объекты последовательно накладываются друг на друга в одном слое изображения позади находящегося на переднем плане объекта, поэтому при группировке может измениться расположение объектов по слоям и их порядок наложения в определенном слое. Если выделить объекты в разных слоях и сгруппировать их, объекты будут сгруппированы в слое находящегося на переднем плане выделенного объекта.

Группы также могут быть вложенными — это означает, что их можно сгруппировать внутри других объектов или групп для формирования более крупных групп. Группы отображаются в виде элементов в палитре «Слои». С помощью палитры «Слои» можно перемещать элементы в группу и из группы.

Выделите объекты, которые нужно сгруппировать, или группу, которую нужно разгруппировать.
Выберите команду «Объект» > «Сгруппировать» или «Объект» > «Разгруппировать».

Разбор объектов

Разбор объектов позволяет делить целые объекты на несколько составляющих их объектов. Например, если разобрать простой объект, такой как круг с однотонной заливкой и обводкой, заливка и обводка станут отдельными объектами. Если разобрать более сложное изображение, например объект с узорной заливкой, узор будет разделен на составляющие его контуры.

Обычно разбирают объекты, когда нужно изменить атрибуты оформления и другие свойства входящих в объект определенных элементов. Кроме того, разбор объектов может быть полезен, если нужно использовать собственный объект программы Illustrator (например, объект с сеткой) в другом приложении, которое не распознает этот объект.

До разбора объекта, имеющего заливку и обводку, (слева) и после него (справа)

Примечание.

Разбор особенно полезен, если возникли трудности с печатью эффектов прозрачности, объемных объектов, узоров, градиентов, обводок, переходов, бликов, оболочек или символов.

Выделите объект.

Выберите команду «Объект» > «Разобрать». Если к объекту применены атрибуты оформления, команда «Объект» > «Разобрать» недоступна. В этом случае выберите команду «Объект» > «Разобрать оформление», а затем команду «Объект» > «Разобрать».

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

khokku.ru

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

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

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

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

Создание диаграммы в иллюстраторе

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

Откройте Adobe Illustrator и создайте новый документ.
Выберите инструмент > или >, чтобы создать формы, которые будут представлять отдельные элементы диаграммы.
Используйте инструменты выбора и трансформации, чтобы изменить размеры и форму созданных элементов.
Добавьте текстовые блоки для подписей элементов диаграммы. Используйте инструмент > для создания и форматирования текста.
Разместите созданные элементы на холсте в соответствии с желаемой структурой диаграммы.
Используйте инструменты линий и формы, чтобы соединить элементы диаграммы и показать связи между ними.
Примените желаемый стиль и цвет для каждого элемента диаграммы. Используйте панель свойств или инструменты редактирования цвета в Illustrator.
Добавьте легенду или подписи к диаграмме, если необходимо. Используйте инструменты текста и форматирования, чтобы создать читаемые и информативные подписи.
Проверьте созданную диаграмму на наличие ошибок или необходимость внесения изменений.
Сохраните документ в формате Adobe Illustrator (.ai) или экспортируйте его в нужный вам формат для использования в других приложениях.

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

Выбор типа диаграммы

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

Вот некоторые из наиболее популярных типов диаграмм, которые предлагает Adobe Illustrator:

Круговая диаграмма – отображает соотношение разных категорий данных в виде секторов, составляющих целое;
Столбчатая диаграмма – представляет значения величин различных категорий в виде прямоугольных столбцов, у которых высота соответствует значению данных;
Линейная диаграмма – подходит для представления изменения величин в течение времени, строится с помощью линий, которые соединяют точки с координатами соответствующими значениям данных;
Гистограмма – аналогична столбчатой диаграмме, но столбцы не имеют промежутков между собой;
Квартальная диаграмма – используется для представления изменения данных в течение года, каждая категория данных имеет по четыре значения внутри одного года;
Пузырьковая диаграмма – демонстрирует взаимосвязь между тремя переменными: две переменные отображаются на осях координат, а третья переменная определяет размер и местоположение пузырей на графике;

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

Добавление данных на диаграмму

Для добавления данных на диаграмму в Adobe Illustrator, вам понадобится использовать инструменты таблиц и текстов. Вот пошаговая инструкция:

Выберите инструмент «Таблицы» из панели инструментов или нажмите клавишу T на клавиатуре.
На холсте Illustrator, щелкните и перетащите, чтобы создать таблицу с необходимым количеством строк и столбцов для вашей диаграммы.
Если необходимо, настройте размеры и расположение таблицы при помощи инструментов «Прямоугольник» и «Перемещение».
Щелкните дважды на таблице, чтобы активировать режим редактирования текста и добавить данные в ячейки таблицы.
Для создания диаграммы, щелкните на любой ячейке таблицы и выберите «Преобразовать в график» в контекстном меню.
В открывшемся окне «График», выберите необходимый тип диаграммы и настройте другие параметры диаграммы, если необходимо.
Нажмите «ОК», чтобы применить настройки и добавить диаграмму на холст.

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

Не забывайте сохранять свою работу, чтобы не потерять все настройки и данные, внесенные в диаграмму.

Настройка внешнего вида диаграммы

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

Вот некоторые основные способы настройки внешнего вида диаграммы:

Выбор цветовой схемы: В Adobe Illustrator вы можете выбрать цветовую схему для вашей диаграммы из палитры цветов. Вы можете использовать предустановленные цветовые схемы или создать свою собственную.
Настройка типа линий и штрихов: Illustrator предоставляет множество возможностей для настройки линий и штрихов в диаграмме. Вы можете выбрать тип линии, толщину, цвет и стиль штриха в соответствии с вашими потребностями.
Добавление эффектов: Чтобы сделать вашу диаграмму более привлекательной, вы можете добавить различные эффекты, такие как тень, отражение, объем и другие. Это поможет сделать вашу диаграмму более реалистичной и стильной.
Выбор типа шрифта и размера текста: Важным аспектом внешнего вида диаграммы является выбор подходящего шрифта и размера текста. Выберите шрифт, который легко читается, и убедитесь, что размер текста достаточно большой, чтобы было удобно читать информацию на диаграмме.
Выравнивание элементов: Чтобы создать аккуратную и сбалансированную диаграмму, выровняйте элементы по линиям или сетке. Это поможет создать единый и структурированный вид диаграммы.
Добавление подписей и легенды: Чтобы сделать вашу диаграмму более понятной и информативной, добавьте подписи к основным элементам и легенду, которая объясняет значения различных цветов или символов на диаграмме.

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

Редактирование диаграммы

После разбора диаграммы в Adobe Illustrator вы можете приступить к ее редактированию. Вот несколько шагов, которые помогут вам в этом процессе:

Выберите инструменты для редактирования: с помощью инструмента «Выделение» вы можете выделить элементы диаграммы и перемещать их по холсту. Инструмент «Кисть» позволяет добавлять дополнительные элементы или редактировать существующие.
Изменяйте форму и размер элементов: с помощью инструмента «Преобразование размера» вы можете растягивать или сжимать элементы диаграммы, а с помощью инструмента «Форма» изменять их форму.
Изменяйте цвет и стиль элементов: чтобы изменить цвет элемента, выберите его и используйте панель инструментов для настройки цвета. Вы также можете применить различные стили, такие как тень, градиент, обводка и другие.
Добавьте текстовую информацию: с помощью инструмента «Текст» вы можете добавлять текстовые блоки к диаграмме, чтобы расшифровать данные или добавить описания. Выберите подходящий шрифт, размер и цвет текста.
Удалите ненужные элементы: если вам необходимо удалить некоторые элементы диаграммы, просто выберите их и нажмите клавишу «Delete» на клавиатуре. Вы также можете использовать инструмент «Выделение» для выбора нескольких элементов и удаления их одновременно.
Добавьте дополнительные элементы: чтобы улучшить визуальное впечатление от диаграммы, вы можете добавить дополнительные элементы, такие как стрелки, рамки или иллюстрации. Инструменты «Линия» и «Кисть» позволяют создавать эти элементы и настраивать их.

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

Изменение типа диаграммы

Adobe Illustrator позволяет легко изменить тип диаграммы в несколько кликов. Это полезно, если вы хотите изменить стиль и визуальное представление данных.

Для того чтобы изменить тип диаграммы, выполните следующие шаги:

Выберите диаграмму, которую вы хотите изменить, щелкнув на нее левой кнопкой мыши.
В верхней панели меню выберите вкладку «Диаграмма».
В выпадающем меню выберите «Изменить тип диаграммы».

После этого откроется окно с настройками типа диаграммы. В нем вы сможете выбрать новый тип диаграммы из списка предлагаемых вариантов.

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

После того как вы выбрали новый тип диаграммы и настроили нужные параметры, нажмите кнопку «Применить», чтобы применить изменения.

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

Вопрос-ответ

Какими инструментами можно разобрать диаграмму в иллюстраторе?

В иллюстраторе для разбора диаграммы можно использовать инструменты «Прямоугольник», «Элипс» и «Линия». Они позволяют выделить отдельные элементы диаграммы и изменять их размеры и положение.

Каким образом можно изменить размер элементов диаграммы в иллюстраторе?

Чтобы изменить размер элементов диаграммы в иллюстраторе, нужно выделить нужный элемент с помощью инструментов «Прямоугольник», «Элипс» или «Линия», а затем изменить его размер, используя соответствующие инструменты и панельы с настройками размеров.

Как можно перемещать элементы диаграммы в иллюстраторе?

Для того чтобы перемещать элементы диаграммы в иллюстраторе, нужно выделить нужный элемент с помощью инструментов «Прямоугольник», «Элипс» или «Линия», затем нажать на этот элемент и перетащить его на нужное место на холсте.

Как можно изменить цвет элементов диаграммы в иллюстраторе?

Для того чтобы изменить цвет элементов диаграммы в иллюстраторе, нужно выделить нужный элемент с помощью инструментов «Прямоугольник», «Элипс» или «Линия», а затем выбрать нужный цвет из палитры цветов или настроить его самостоятельно в панели настроек цвета.

Можно ли добавить новые элементы на диаграмму в иллюстраторе?

Да, в иллюстраторе можно добавить новые элементы на диаграмму. Для этого нужно использовать инструменты «Прямоугольник», «Элипс» или «Линия», чтобы создать новый элемент, а затем настроить его размеры, цвет и положение на холсте.

Как можно отобразить значения элементов диаграммы в иллюстраторе?

Чтобы отобразить значения элементов диаграммы в иллюстраторе, нужно использовать текстовые инструменты, такие как «Текстовое поле» или «Текстовая область». С помощью этих инструментов можно добавить текст с нужными значениями рядом с элементами диаграммы.

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

Что-то никак не нашел способ. Разобрать оно не дает или я торможу. Все время остается объект «диаграмма». И вообще красивые диаграммки графики в чем лучше делать?

Развернуть подпись
Артемон, отведи Буратино в темный чулан!

andrejK

R.I.P.
Сообщения 10 300 Реакции 5 216

Ответ: Диаграммы превратить в кривые как?

и, встретившись лицом с прохожим, ему бы в рожу наплевал, когда б желания того же в его глазах не прочитал © А.Блок

Йожег

без телевизора

Топикстартер
12 лет на форуме
Сообщения 8 775 Реакции 4 267

Ответ: Диаграммы превратить в кривые как?

Доперло. Пока открыто окошко данных оно ничего не делало.

Развернуть подпись
Артемон, отведи Буратино в темный чулан!
Статус Закрыто для дальнейших ответов.
Поделиться:

Дизайн и Вёрстка
Adobe Illustrator

RUDTP gray fixed
Русский (RU)

Обратная связь
Условия и правила
Политика конфиденциальности
Помощь
RSS

Перевод: Jumuro | Хостинг: DataForce

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

Манипуляции данными в круговых диаграммах

Мы с смотрим фильмы в 3D, строим гиперповерхности в разных программах, делаем двумерные картинки с эффектом полноценного пространства. Все рады — всё прекрасно.

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

Не поймите меня неправильно: 3D визуализации имеет преимущество перед 2D, а если внесен интерактив, то это вообще прекрасно. Но в первую очередь, это хорошо для для данных, которые имеют третью пространственную составляющую. Для данных, которые не имеют этой характеристики добавление третьего измерения часто вредит коммуникации.

Пример, который хотелось бы разобрать будет продемонстрирован на круговых диаграммах (pie charts)
Основной интерпретации данных в круговой диаграмме является сектор — угол со скругленным краем.
В 2D круговой диаграмме, углы точно представлены, но, как вы можете видеть на изображении ниже, в 3D круговой диаграмме, углы должны быть искажены для создания 3D-эффекта. Наш мозг не умеет точно интерпретировать 3D представление, поэтому кореектность данных была уничтожена 3D эффектом.

angle — угол, data — данные

Угол не единственный способ искажения. Район также даёт разную интерпретацию.К сожалению (всеми менеджерами очень любимая) 3D круговая диаграмма также искажает реальные данные.

видимая область двумерной диаграммы видимая область трехмерной диаграммы

Круговые диаграммы не единственный пример искажения данных, это может быть и с распространёнными инфокартами

инфокарта

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

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

Добавление третьего измерения, безусловно, добавляет к фактор «крутости». Но в инфографике этот фактор напрямую связан с тем, насколько он полезен. Поэтому добавление третьего измерения в инфографику не должно ухудшать восприятие. Подумайте о вашей технике визуализации, так как от неё, возможно, стоит отказаться.

Это блог Инфографика в примерах
Подписывайтесь на канал, читайте в тви, жмите лайки.

Разрезание и разворачивание круговой диаграммы

Excel для Microsoft 365 Word для Microsoft 365 PowerPoint для Microsoft 365 Excel 2021 Word 2021 PowerPoint 2021 Excel 2019 Word 2019 PowerPoint 2019 Excel 2016 Word 2016 PowerPoint 2016 Excel 2013 Word 2013 PowerPoint 2013 Еще. Меньше

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

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

Нажмите круговую диаграмму.
Дважды нажмите нужный сегмент и перетащите его от центра диаграммы.

Полное разрезание круговой диаграммы

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

Чтобы более точно управлять расширением, выполните следующие действия:

Ползунок разрезанной круговой диаграммы на панели

Щелкните круговую диаграмму правой кнопкой мыши и выберите формат ряда данных.
Чтобы увеличить разделение, перетащите ползунок 2010 г. или введите число в поле в процентах.

Совет: Вы также можете поворачивать круговую диаграмму, поворачив ее.

Привлекайте внимание к небольшим срезам в круговой или линой круговой диаграмме

Круговая диаграмма и линеек круговой диаграммы упрощают просмотр небольших срезов круговой диаграммы. Эти типы диаграмм отделяют небольшие от основной круговой диаграммы и отображают их во вторичной круговой диаграмме или линеек с стопкой.

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

с круговой диаграммой после:

Если не указать, сколько точек данных должно отображаться во вторичной круговой диаграмме или стопке, на диаграмме автоматически появятся три наименьших точки. В этом примере это 3%, 3% и 4%.

Выполните следующие действия, чтобы сделать это самостоятельно:

Щелкните диаграмму правой кнопкой мыши и выберите команду Изменить тип диаграммы для ряда.
Выберите пункт Круговая, а затем — Вторичная круговая или Вторичная линейчатая.
Чтобы изменить вид круговой диаграммы, щелкните ее часть, а затем в поле Разделить ряд на области Формат ряда данных выберите тип данных, которые будут отображаться на вторичной диаграмме.
Изменить количество точек данных вторичной диаграммы можно двумя способами.
1. Если ряд разделяется по позиции: в поле Значения во второй области уведите нужное количество позиций (например, 3, если вы хотите получить 3 наименьших).
2. Если ряд разделяется по значению или проценту: в поле Значения меньше введите другое число. В примере выше (с 3%, 3% и 4%) можно ввести 5 %.
- Диаграмма слева — всегда основная, а диаграмма справа — всегда вторичная. Изменить их порядок нельзя.
- Соединитеальные линии будут добавлены автоматически. Вы можете удалить их или изменить их стиль.
- В Excel процентные значения в заголовках данных могут быть округлены. В этом случае, скорее всего, их не будет больше 100. Чтобы исправить эту ошибку, измените количество десятичных десятичных знаков, указанное в процентах, на вкладке Число в окне Формат ячеек(вкладка Главная > Группа Число, > диалоговое окно ).
Как разобрать диаграмму в иллюстраторе

В этом уроке вы узнаете, как нарисовать круговую диаграмму в Illustrator. Для работы мы будем использовать специальный инструмент – Pie Graph Tool (Круговая диаграмма), благодаря которому полученный результат можно будет легко настроить под свои нужды. Также вы узнаете, как изменить внешний вид диаграммы, создать легенду и простой фон.

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

Создаем новый документ и график

Шаг 1

Жмем сочетание клавиш Ctrl+N, чтобы создать новый документ. В выпадающем меню Units (Единицы измерения) выбираем Pixels (Пикселы), затем вводим ширину 850 пикселей и высоту – 980, затем нажимаем на кнопку Advanced (Дополнительно). Color Mode (Цветовой режим) устанавливаем на RGB, Raster Effects (Растровые эффекты) – на Screen (72 ppi) (Экранное) и жмем кнопку Create Document (Создать документ).

Далее активируем сетку View – Show Grid (Просмотр – Показать сетку) и привязку View – Snap to Grid (Просмотр – Привязать к сетке). Чтобы настроить сетку, переходим в меню Edit – Preferences – Guides & Grid (Редактирование – Установки – Направляющие и сетка). В поле Gridline every (Линия через каждые) вводим 10, а в Subdivision (Внутреннее деление на) – 1. Сетка облегчит нам работу, а если вы хотите ее отключить/включить, то воспользуйтесь комбинацией клавиш Ctrl+”.

Также нам нужно открыть панель Window – Info (Окно – Информация), чтобы в реальном времени видеть размеры и положение объектов композиции. Не забудьте установить единицы измерения на пикселы Edit – Preferences – Units (Редактирование – Установки – Единицы измерения). Все эти параметры необязательны, но они значительно ускорят рабочий процесс.

Шаг 2

Переходим на панель инструментов и дважды кликаем по Pie Graph Tool (Круговая диаграмма), чтобы открыть диалоговое окно Graph Type (Тип диаграммы). Выбираем значения, указанные ниже, и жмем ОК.

Ставим галочку напротив First Column in Front (Первый столбец на переднем плане)

В меню Legend (Легенда) выбираем Legends in Wedges (Легенды на врезках)

Шаг 3

Проверяем, чтобы инструмент Pie Graph Tool (Круговая диаграмма) был выбран и просто кликаем по рабочей области мышкой, чтобы открыть окно Graph (Диаграмма). Устанавливаем Width/Height (Ширина/Высота) на 450 пикселей и жмем ОК.

Появится следующее окно, в котором нам нужно ввести данные. Для примера вписываем туда цифры со скриншота ниже. Закончив, нажимаем кнопку с галочкой в правом верхнем углу. Размещаем созданную диаграмму примерно, как показано ниже.

Как настроить диаграмму

Шаг 1

Активируем Direct Selection Tool (A) (Прямое выделение), выделяем часть диаграмма, показанную ниже на скриншоте, и переходим на панель Window – Appearance (Окно – Оформление).

Удаляем обводку и выбираем заливку. Устанавливаем ее цвет на R=255 G=190 B=123 и переходим Effect – Distort & Transform – Transform (Эффект – Исказить и трансформировать – Трансформировать). Передвигаем ползунок Move – Vertical (Перемещение – По вертикали) на -1 пиксель и в поле Copies (Копии) вводим 15. Жмем ОК, чтобы применить изменения. Возвращаемся на панель Appearance (Оформление) и нажимаем на кнопку Add New Fill (Добавить новую заливку), чтобы добавить новую заливку. Выбираем ее, меняем цвет на R=255 G=223 B=153 и переходим Effect – Distort & Transform – Transform (Эффект – Исказить и трансформировать – Трансформировать). Передвигаем ползунок Move – Vertical (Перемещение – По вертикали) на -15 пиксель. Закончив, жмем ОК.

Шаг 2

С помощью Direct Selection Tool (A) (Прямое выделение) поочередно выбираем каждую часть диаграммы и меняем их цвета, как показано ниже на скриншоте. Также не забываем удалить обводку.

Шаг 3

Активируем инструмент Group Selection Tool (Групповое выделение) и выбираем одну из цифр на диаграмме. Затем снова кликаем по той же цифре, чтобы выбрать все цифры одновременно.

Открываем панель Window – Type – Character (Окно – Текст – Символ) и выбираем шрифт Alma Mono Heavy. Устанавливаем размер на 25 пикселей и выбираем белый цвет R=255 G=255 B=255.

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

Шаг 1

Берем Move Tool (V) (Перемещение), выбираем всю диаграмму и переходим на панель Appearance (Оформление).

Добавляем новую заливку, выбираем ее и проверяем, чтобы она находился ниже раздела Contents (Содержимое). Устанавливаем цвет заливки на R=255 G=242 B=236 и переходим Effect – Convert to Shape – Ellipse (Эффект – Преобразовать в фигуру – Эллипс). Ставим галочку напротив Absolute (Абсолютная), устанавливаем Width/Height (Ширина/Высота) на 500 пикселей и жмем ОК. После этого переходим Effect – Distort & Transform – Transform (Эффект – Исказить и трансформировать – Трансформировать). Передвигаем ползунок Move – Vertical (Перемещение – По вертикали) на 7 пикселей. После этого добавляем тень Effect – Stylize – Drop Shadow (Эффект – Стилизация – Тень). Вводим значения, как показано ниже, и жмем ОК.
- Mode (Режим): Normal (Нормальный)
- Opacity (Непрозрачность): 100%
- X Offset (Сдвиг по оси X): 0
- Y Offset (Сдвиг по оси Y): 1
- Blur (Размытие): 0
- Цвет: R=255 G=255 B=255
Шаг 2

Проверяем, чтобы была выбрана вся диаграмма и продолжаем работу на панели Appearance (Оформление). Добавляем вторую заливку и размещаем ее под первой.

Переключаем цвет новой заливки на R=255 G=82 B=119, уменьшаем Opacity (Непрозрачность) до 30% и переходим Effect – Convert to Shape – Ellipse (Эффект – Преобразовать в фигуру – Эллипс). Ставим галочку напротив Absolute (Абсолютная), устанавливаем Width/Height (Ширина/Высота) на 440 пикселей и жмем ОК. После этого переходим Effect – Distort & Transform – Transform (Эффект – Исказить и трансформировать – Трансформировать). Передвигаем ползунок Move – Vertical (Перемещение – По вертикали) на 45 пикселей. После этого добавляем размытие Effect – Blur – Gaussian Blur (Эффект – Размытие – Размытие по Гауссу). Устанавливаем Radius (Радиус) на 15 пикселей и жмем ОК.

Шаг 3

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

Переключаем цвет новой заливки на R=255 G=82 B=119, уменьшаем Opacity (Непрозрачность) до 50% и переходим Effect – Convert to Shape – Ellipse (Эффект – Преобразовать в фигуру – Эллипс). Ставим галочку напротив Absolute (Абсолютная), устанавливаем Width/Height (Ширина/Высота) на 350 пикселей и жмем ОК. После этого переходим Effect – Distort & Transform – Transform (Эффект – Исказить и трансформировать – Трансформировать). Передвигаем ползунок Move – Vertical (Перемещение – По вертикали) на 35 пикселей. После этого добавляем размытие Effect – Blur – Gaussian Blur (Эффект – Размытие – Размытие по Гауссу). Устанавливаем Radius (Радиус) на 15 пикселей и жмем ОК.

Создаем легенду

Шаг 1

Берем Rectangle Tool (M) (Прямоугольник), создаем прямоугольник размером 510 х 80 пикселей и размещаем его под диаграммой. Проверяем, чтобы фигура была выбрана, и переходим на панель Appearance (Оформление).

Выбираем заливку, меняем ее цвет на R=255 G=242 B=236 и переходим Effect – Stylize – Rounded Corners (Эффект – Стилизация – Скругленные углы). Устанавливаем Radius (Радиус) на 40 пикселей и жмем ОК. После этого переходит Effect – Stylize – Drop Shadow (Эффект – Стилизация – Тень), вводим значения, как на скриншоте ниже, и жмем ОК.

Шаг 2

Проверяем, чтобы фигура была выбрана, и переходим на панель Appearance (Оформление). Добавляем вторую заливку и размещаем ее под первой.

Меняем ее цвет на R=255 G=82 B=119 и уменьшаем непрозрачность до 30%. Затем переходим Effect – Stylize – Rounded Corners (Эффект – Стилизация – Скругленные углы) и устанавливаем Radius (Радиус) на 40 пикселей. После этого применяем Effect – Distort & Transform – Transform (Эффект – Исказить и трансформировать – Трансформировать). Вводим значения, показанные ниже. В конце добавляем размытие Effect – Blur – Gaussian Blur (Эффект – Размытие – Размытие по Гауссу). Устанавливаем Radius (Радиус) на 15 пикселей и жмем ОК.

Шаг 3

Для данного шага нам нужно изменить настройки сетки. Переходим Edit – Preferences – Guides & Grid (Редактирование – Установки – Направляющие и сетка) и устанавливаем Gridline every (Линия через каждые) на 5.

Берем Ellipse Tool (L) (Эллипс) и создаем окружность диаметром 60 пикселей (цвет не имеет значение). Затем активируем Rectangle Tool (M) (Прямоугольник) и создаем квадрат шириной 30 пикселей. Размещаем квадрат поверх окружности, как показано ниже. Меняем его цвет на R=255 G=190 B=123. Выбираем обе фигуры и на панели Window – Pathfinder (Окно – Обработка контуров) нажимаем на кнопку Intersect (Пересечение).

Шаг 4

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

Шаг 5

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

Шаг 6

Переходим на панель инструментов и устанавливаем цвет переднего плана на R=178 G=70 B=116. Затем на панели Character (Символ) выбираем шрифт Auro и устанавливаем размер текста на 16 пикселей.

Берем Type Tool (T) (Текст), кликаем по рабочей области и пишем название цвета рядом с первой четвертинкой. Добавляем подписи к другим фигурам.

Шаг 7

Выбираем все четыре фигуры и переходим Effect – Stylize – Drop Shadow (Эффект – Стилизация – Тень). Устанавливаем значения, как показано ниже, и жмем ОК.

Создаем простой фон

Берем Rectangle Tool (M) (Прямоугольник) и создаем фигуру размером 870 х 1000 пикселей. Заливаем ее цветом R=255 G=255 B=250. Проверяем, чтобы она покрывало всю монтажную область, и переносим на задний план (Shift+Ctrl+[).

Поздравляю, мы закончили!

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

Не бойтесь экспериментировать и менять настройки диаграммы, чтобы получить свой авторский дизайн. Больше ресурсов для работы вы найдете на сайте GraphicRiver. Приятного творчества!

Диаграммы

В Illustrator можно создавать диаграммы разных типов и настраивать их в соответствии со своими требованиями. Для просмотра всех типов диаграмм, которые можно создать, нажмите и удерживайте инструмент «Диаграмма» () на панели «Инструменты».

Создание диаграмм

Выберите инструмент «Диаграмма». В инструменте «Диаграмма» сначала определите тип диаграммы для создания в Illustrator. Например, чтобы создать столбцовую диаграмму, выберите инструмент «Вертикальные полосы». Изменить тип диаграммы можно будет позже. Дополнительные сведения представлены в разделе Изменение типа диаграммы.

Определите размеры диаграммы одним из следующих способов:
- Перетащите курсор по диагонали от угла, в котором должна начинаться диаграмма, до противоположного угла. Удерживая нажатой клавишу Alt (Windows) или Option (macOS), перетащите курсор, чтобы нарисовать диаграмму от ее центра. Удерживайте клавишу Shift, чтобы ограничить диаграмму квадратом.
- Щелкните в том месте, где следует поместить диаграмму. Введите значения ширины и высоты диаграммы, затем нажмите кнопку ОК . Примечание. Заданные размеры относятся к основной области диаграммы и не включают области меток и условные обозначения.
Введите данные для диаграммы в окне «Данные диаграмм». Дополнительные сведения представлены в разделе Ввод данных диаграммы.

Примечание.
Данные диаграммы должны быть организованы определенным образом в зависимости от типа диаграммы.

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

Окно «Данные диаграмм» останется открытым, пока вы его не закроете. Это позволяет легко переключаться между редактированием данных диаграммы и работой в монтажной области.

Ввод данных диаграммы

Для ввода данных используется окно «Данные диаграмм». Это окно автоматически выводится на экран при использовании инструмента «Диаграммы» и остается открытым до принудительного закрытия.

Текстовое поле ввода

Импорт данных, сохраненных, как текстовый файл

Поменять местами столбцы и строки

Меняются местами столбцы и строки данных

Поменять местами оси X и Y

Меняются местами оси X и Y диаграммы
Настройка ширины столбца или количества знаков после запятой в ячейках

Отмена изменений, внесенных в данные диаграммы

Применение изменений, внесенных в данные диаграммы

Чтобы вывести окно «Данные диаграмм» для существующей диаграммы, выделите всю диаграмму с помощью инструмента «Выделение» и выберите команду Объект > Диаграмма > Данные .

Введите данные одним из способов.
- Выберите ячейку таблицы и введите данные в текстовое поле вверху окна. Нажмите клавишу Tab , чтобы ввести данные и выбрать следующую ячейку в строке. Нажмите клавишу Enter или Return , чтобы ввести данные и выбрать следующую ячейку в столбце. Пользуйтесь клавишами со стрелками для перехода от ячейки к ячейке или просто нажмите другую ячейку, чтобы ее выбрать.
- Скопируйте данные из электронных таблиц, например Lotus® 1‑2‑3 или Microsoft Excel. В окне «Данные диаграмм» нажмите ячейку, чтобы сделать ее левой верхней ячейкой для вставляемых данных, и выберите команду Редактирование > Вставить .
- Создайте текстовый файл с помощью текстового редактора. При вводе разделяйте данные, содержащиеся в разных ячейках, символом табуляции, и разделяйте строки знаком конца абзаца. Данные должны содержать только десятичные точки или десятичные запятые, в противном случае они не будут отображаться на диаграмме. (Например, следует вводить 732000, а не 732,000.) В окне «Данные диаграмм» нажмите ячейку, чтобы сделать ее левой верхней ячейкой для импортированных данных, нажмите кнопку «Импорт данных» ( ) и выберите текстовый файл.
Примечание.
- Если данные диаграммы случайно были введены в обратном порядке (то есть строки вместо столбцов или наоборот), нажмите кнопку «Поменять местами» (), чтобы поменять местами столбцы и строки данных.
- Чтобы поменять местами оси X и Y на точечной диаграмме, нажмите кнопку «Поменять местами» () .
Нажмите кнопку «Применить» или нажмите клавишу Enter на цифровой клавиатуре, чтобы создать диаграмму.

Использование меток диаграммы и наборов данных

Метки — это слова или числа, описывающие следующее:
- наборы данных, которые требуется сравнить,
- категории, в рамках которых следует производить сравнение.
A. Метки набора данных наборов данных B. Пустая ячейка C. Метки категорий

Метки наборов данных

Введите метки для разных наборов данных в верхнюю строку. Эти метки появятся в условных обозначениях.

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

Введите метки для категорий в ячейки самого левого столбца.

Ввод меток

Для диаграмм «вертикальные полосы», «вертикальный стек», «горизонтальные полосы», «горизонтальный стек», «радар», линейных и комбинированных гистограмм метки следует вводить в таблицу следующим образом.
- Для создания условных обозначений к диаграмме в программе Illustrator удалите содержимое левой верхней ячейки и оставьте ее пустой.
- Введите метки для разных наборов данных в верхнюю строку. Эти метки будут использованы в условных обозначениях. Если не требуется создавать условные обозначения к диаграмме с помощью программы Illustrator, не вводите метки для наборов данных.
- Введите метки для категорий в ячейки самого левого столбца. В качестве категорий часто выбираются единицы времени, например дни, месяцы или годы. Эти метки располагаются вдоль горизонтальной или вертикальной оси диаграммы, за исключением диаграммы «радар», на которой эти метки расположены на отдельной оси.
- Для создания меток, состоящих только из чисел, заключите числа в прямые кавычки. Например, чтобы использовать в качестве метки 2013 год, введите «2013».
- Для включения в метки разрывов строк используйте для разделения строк вертикальную черту. Например, введите Все|продажи|2013 для получения следующей метки диаграммы:
Ввод наборов данных

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

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

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

Длина полосы соответствует сравниваемому значению. Можно сочетать положительные и отрицательные значения. Отрицательные значения изображаются в виде столбцов ниже горизонтальной оси.

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

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

Значения должны быть или положительными, или отрицательными. Каждая строка данных соответствует заполненной области диаграммы с областями. На диаграмме с областями значения каждого столбца добавляются к сумме предыдущих столбцов. Таким образом, даже если диаграмма с областями и линейная диаграмма содержат одинаковые данные, они сильно отличаются.

Точечная диаграмма отличается от других типов диаграмм тем, что обе оси служат мерами значений, а категории отсутствуют.
- Введите метки наборов данных в каждую ячейку верхней строки таблицы, начиная с первой ячейки. Эти метки будут использованы в условных обозначениях.
- Введите данные для оси Y в первом столбце, а данные для оси X во втором столбце.
Примечание. Отключите режим Соединить точки , чтобы удалить соединительные линии.

Наборы данных для круговых диаграмм можно организовать аналогично данным для других диаграмм. Однако каждая строка данных в таблице создает отдельную диаграмму.
- Введите метки наборов данных, как для диаграммы «вертикальные полосы», «вертикальный стек», «горизонтальные полосы», «горизонтальный стек», «радар», линейной диаграммы и диаграммы с областями. Чтобы создать имена диаграмм, введите метки категорий.
- Чтобы создать одиночную круговую диаграмму, выведите одну строку данных, содержащую только положительные или только отрицательные значения.
- Чтобы создать несколько круговых диаграмм, выведите дополнительные строки данных, содержащие только положительные или только отрицательные значения. По умолчанию размер отдельных круговых диаграмм пропорционален сумме всех данных диаграммы.
Каждое число выводится по оси и соединяется с другими значениями на той же оси, образуя «паутину». Для диаграммы «радар» можно совместно использовать положительные и отрицательные значения.

Настройка ширины столбца или количества знаков после запятой

Настройте ширину столбца, чтобы просматривать больше или меньше цифр в столбце. Это изменение не влияет на ширину столбцов в диаграмме.

Настройка ширины столбца

Выполните одно из следующих действий:
- Нажмите кнопку «Стиль ячейки» () и введите значение от 0 до 20 в текстовом поле «Ширина столбца».
- Установите курсор на границу столбца, ширину которого следует изменить. Курсор превратится в двойную стрелку . Затем перетащите маркер в нужное место.
Настройка в текстовом поле «Ширина столбца», чтобы в столбце отображалось меньше цифр

Настройка в текстовом поле «Ширина столбца», чтобы в столбце отображалось больше цифр

Настройка количества знаков после запятой

Нажмите кнопку «Стиль ячейки» () и введите в текстовое поле «Количество знаков после запятой» значение от 0 до 10.

Если по умолчанию задано 4 десятичных знака, введенное в ячейке число 2000 появляется в окне «Данные диаграмм», как 2000.00.

Если по умолчанию задано 2 десятичных знака, введенное в ячейке число 2000 появляется в окне «Данные диаграмм», как 2000.0000.

Комбинирование разных типов диаграмм

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

Выберите инструмент «Групповое выделение» ().

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

Не перемещая курсор инструмента «Групповое выделение» с условных обозначений, нажмите еще раз. Будут выбраны все столбцы с этими условными обозначениями.
- Выберите Объект > Диаграмма > Тип .
- Дважды нажмите инструмент «Диаграмма» на панели «Инструменты».
Выберите тип диаграммы и параметры.
Примечание.
- Если используется несколько типов диаграмм, можно расположить один набор данных вдоль правой оси, а остальные наборы данных вдоль левой оси. Таким образом на каждой оси будут откладываться значения своих данных.
- При использовании вертикального стека совместно с другими типами диаграмм убедитесь, что используете одну ось для всех наборов данных, отображаемых на вертикальных стеках. Если одни наборы данных используют левую ось, а другие правую, высота столбцов может быть неправильной или перекрываться.
Форматирование и настройка диаграмм

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

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

Диаграмма — это сгруппированный объект, связанный со своими данными. Может оказаться, что, разгруппировав диаграмму, не удастся внести необходимые изменения. Для редактирования выберите ту часть диаграммы, которую следует изменить, не разгруппировывая диаграмму. Используйте инструмент «Прямое выделение» () или «Групповое выделение» ().

Элементы диаграммы связаны друг с другом. Вся диаграмма вместе с условными обозначениями представляет собой одну группу. Все наборы данных являются подгруппой диаграммы. В свою очередь каждый набор данных вместе со своим полем условных обозначений является подгруппой всех наборов данных. Каждое значение является подгруппой своего набора данных и т. д. Никогда не разгруппировывайте и не перегруппировывайте объекты в диаграмме.

Выберите инструмент «Групповое выделение» ().

Нажмите условные обозначения столбцов, которые нужно выбрать.

Не перемещая курсор инструмента «Групповое выделение» с условных обозначений, нажмите еще раз. Будут выбраны все столбцы с этими условными обозначениями.

Можно также выбрать группу. Для этого нажмите одну из ее частей, затем нажмите еще раз, чтобы выбрать столбцы, сгруппированные с ней, и нажмите в третий раз для выбора условных обозначений. Каждый щелчок добавляет к выбранному множеству еще один уровень группируемых объектов, начиная со следующей группы вверх по иерархии. Можно нажать столько раз, сколько групп следует добавить к выбранному множеству.
Похожие публикации: