(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Уроки Adobe Illustrator: Основы построения диаграмм. Часть 2

Светлана Шляхтина

Настройка опций диаграммы

Несмотря на то что первоначально в программе Illustrator предусмотрено только девять типов диаграмм, каждый из них можно кардинально видоизменять, корректируя опции диаграммы в окне Graph Type (команда Object=>Graph=>Type - Объект=>Диаграмма=>Тип).

 
Изменение ширины столбцов

Для примера возьмем за основу диаграмму на рис. 23, откроем окно Graph Type и рассмотрим принцип создания перекрывающихся столбцов. С этой целью изменим значения параметров Column Width (Ширина столбца) и Cluster Width (Ширина группы) (рис. 24 и 25). Полученный результат представлен на рис. 26. При такой настройке красные столбцы перекрывают столбцы, залитые градиентом, однако можно все сделать наоборот, отключив в окне Graph Type флажок First Column in Front (Первый столбец на передний план; рис. 27). При создании диаграммы типа Bar перекрывание столбцов тоже может выглядеть эффектным, особенно если длина находящихся на переднем плане столбцов всегда будет меньше длины столбцов на заднем плане (рис. 28).

Рис. 23. Исходная диаграмма
 
Рис. 24. Графическая иллюстрация назначения параметров Column Width и Cluster Width
 
 
Рис. 25. Изменение параметров столбцов в окне Graph Type
 
Рис. 26. Диаграмма после корректировки ширины столбцов
 
Рис. 27. Результат выдвижения на передний план столбцов с градиентной заливкой
 
Рис. 28. Вариант диаграммы в стиле Bar с перекрывающимися столбцами
 

Изменение длины маркеров

В ряде случаев может оказаться полезным добавление к диаграмме сетки, которая строится путем увеличения длины имеющихся разделительных маркеров. Для большей наглядности вначале преобразуйте рабочую диаграмму (см. рис. 23) к рис. 29, транспортировав ее столбцы и строки. Кстати, обратите внимание, что после столь радикального изменения диаграммы вам придется вновь заниматься вопросом заливки столбцов (поэтому-то и не стоит наводить лоск раньше времени). Выделите диаграмму, воспользуйтесь командой Object=>Graph=>Type (Объект=>Диаграмма=>Тип), в открывающемся списке выберите вариант Category Axis (Ось категорий) и для параметра Length (Длина) установите вариант Full Width (Полная ширина). Итогом станет появление разделяющей линии между столбцами первой и второй категорий (рис. 30 и 31). Затем вновь откройте окно Graph Type, установите в списке вариант Value Axis (Ось значений) и опять максимально увеличьте длину оси (рис. 32). Результат показан на рис. 33. При необходимости можно поступить и наоборот, то есть полностью отказаться от маркеров, установив в обоих случаях значение None (Нет); (рис. 34).

Рис. 29. Диаграмма после транспортирования столбцов и строк
 
Рис. 30. Изменение длины вертикальных разделительных маркеров
Рис. 31. Диаграмма после корректировки длины вертикальных маркеров
 
 
Рис. 32. Изменение длины горизонтальных разделительных маркеров
Рис. 33. Диаграмма после корректировки длины горизонтальных маркеров
 

Рис. 34. Диаграмма после полного удаления маркеров

Корректировка параметров оси значений

Помимо рассмотренной выше возможности изменения длины маркеров в окне Graph Type на вкладке Value Axis (Ось значений) имеется еще немало полезных настроек. Можно, к примеру, регулировать все опорные значения, выставляемые на оси, и интервал между ними. Для этого требуется включить флажок Override Calculated Values (Установка расчета значений) и настроить параметры изменения опорных значений в соответствии с поставленной задачей, например как на рис. 35. Итог показан на рис. 36.

Рис. 35. Изменение параметров расчета значений оси
Рис. 36. Диаграмма после корректировки значений оси
 
 
Кроме того, к значениям, отображаемым на оси, можно добавлять так называемые приставку (Prefix) и (или) суффикс (Suffix), что повышает информативность диаграммы. Для примера добавим суффикс (рис. 37), и диаграмма станет примерно такой, как на рис. 38.
 
 
Рис. 37. Добавление суффикса к значению оси

Рис. 38. Диаграмма после добавления суффикса

Затем, чтобы было удобнее ориентироваться, добавим горизонтальные разделительные линии описанным выше способом (рис. 39). Видно, что линии, создаваемые по умолчанию, слишком толстые. Для уменьшения их толщины выделите все линии двумя щелчками с помощью инструмента Group Selection (Групповое выделение в группе) и в палитре Stroke (Граница) уменьшите ширину границы, например до 0,1 пиксела. Диаграмма примет такой вид, как на рис. 40.

Рис. 39. Исходная диаграмма с разделительными горизонтальными линиями

Рис. 40. Диаграмма после уменьшения толщины разделительных линий

И напоследок приведите заливку диаграммы к какому-то единому стилю, например как на рис. 41 или 42. Таких эффектов можно добиться только вручную, последовательно выделяя инструментом Group Selection соответствующие столбцы и устанавливая нужный вариант заливки. В случае использования градиентных заливок их придется создавать (или воспользоваться встроенными - они имеются в папке Presets\Gradients), а однотонные заливки с подходящими цветовыми переходами можно взять из какой-нибудь библиотеки Windows=>Swatch Libraries (Окно=>Коллекция библиотек) - в рассматриваемом примере были задействованы цвета из библиотеки Pastels. Кроме того, в диаграмме, представленной на рис. 42, мы отказались от достаточно грубой тени, устанавливаемой в окне Graph Type, в пользу тени, получаемой путем накладывания эффекта Effect=>SVG Filters=>AI BevelShadow_1.

Рис. 41. Диаграмма с градиентной заливкой

Рис. 42. Диаграмма с однотонной пастельной заливкой

Ссылки по теме


 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 08.11.2011 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Microsoft 365 Apps for business (corporate)
Microsoft Office 365 Профессиональный Плюс. Подписка на 1 рабочее место на 1 год
Allround Automation PL/SQL Developer - Unlimited license
ABViewer Standart пользовательская
Panda Gold Protection - ESD версия - на 1 устройство - (лицензия на 1 год)
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
OS Linux для начинающих. Новости + статьи + обзоры + ссылки
Все о PHP и даже больше
Компьютерная библиотека: книги, статьи, полезные ссылки
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100