Photoshop и Illustrator

         

Трехмерные столбчатые диаграммы

Adobe Illustrator 10 или более поздние версии

Инструмент graph (График) в программе Adobe Illustrator создает плоские базовые несложные графики. Но он полезен для вычисления правильного соотношения или размера графических элементов. Начните в этой технике с базовой столбчатой диаграммы и создайте свой собственный дизайн трехмерной столбчатой диаграммы. Третье измерение делает диаграмму немного более интересной визуально, но будьте осторожны, чтобы не создать дизайн, который окажется слишком сложным. Цель столбчатой диаграммы состоит в том, чтобы представлять информацию, которая может легко сравниваться. Простой столбчатый дизайн выполняет эту задачу лучше всего!

  1. 1. Создайте сгруппированную или пакетированную столбчатую диаграмму. Используя меню View (Вид), включите и опцию Snap to Point (Захватить точку), и опцию Smart Guides (Умные направляющие).


  1. 2. Используйте инструмент direct-selection (Непосредственное выделение) для того, чтобы выделить наименьший столбец в диаграмме. Скопируйте его в Clipboard (Буфер обмена) и отмените выделение формы.
  2. Наименьший столбец выбран для того, чтобы обеспечить, что верхний и боковой рисунки не перекроются, когда вы на шаге 11 проведете скользящую линию.

  1. 3. Создайте новый слой и присвойте ему имя Graph Design (Рисунок графика). Выделите этот слой и вставьте в него прямоугольник. Скройте слой вместе с графиком в нем.

  1. 4. Нарисуйте посредством обводки прямоугольник и залейте его цветом None (Нет). Скопируйте эту версию в Clipboard.
  2. Это станет ограничивающим прямоугольником для вашего столбчатого рисунка.

  1. 5. Выберите команду Edit (Редактировать) > Paste in Front (Вставить на переднюю сторону), чтобы вставить копию ограничивающего прямоугольника непосредственно поверх его самого. Закрасьте прямоугольник таким цветом, который вы хотите выбрать для лицевой стороны трехмерных столбцов.

  1. 6. Сохраняя выделенным прямоугольник, выделите инструмент «Масштаб» и при нажатой клавише Option/Alt щелкните на верхнем левом углу прямоугольника. Выберите масштаб Non-Uniform (Неодинаковый) и введите значения масштаба Horizontal (Горизонтальный) в 100 % и Vertical (Вертикальный) в 20 %. Щелкните на Сору (Копировать). Закрасьте верхнюю сторону столбца другим цветом.
  2. Эта форма станет верхней стороной трехмерного столбца.

  1. 7. Выделите инструмент Shear (Сдвиг) и щелкните один раз на том же верхнем левом углу прямоугольника, на котором вы щелклули на шаге 6. Этим устанавливается начальная точка. Затем щелкните на правой верхней точке верхнего прямоугольника, нажмите и удерживайте клавишу Shift и перетаскивайте вдоль направления 0° Smart Guide (Умная направляющая).
  2. Когда вы будете удовлетворены углом сдвига, отпустите кнопку мыши и затем клавишу Shift.

  1. 8. Выберите инструмент Selection (Выделение). Щелкните на одной из левых угловых точек сдвинутого верхнего прямоугольника и перетаскивайте вправо. Держите нажатыми клавиши Shift и Option/Alt, чтобы сделать копию и удерживать её вдоль направления 0° Smart Guide. Когда вы достигнете соответствующей правой угловой точки, отпустите кнопку мыши и затем клавиши Shift и Option/Alt.

  1. 9. Пользуясь инструментом непосредственного выделения, выделите две крайние правые анкерные точки копии, которую вы только что сделали. Щелкните на передней правой точке и перетаскивайте ее вниз до тех пор, пока она не прикрепится к нижней правой угловой точке столбца. Закрасьте боковую сторону столбца другим цветом.

  1. 10. Пользуясь инструментом «Перо» или «Отрезок линии», начертите горизонтальную линию, которая пересекает рисунок столбца. Позиционируйте её между верхней и нижней угловыми точками. Выделите линию и рисунок столбца и выберите команду Object (Объект) > Group (Группировать).
  2. Эта линия будет скользящей границей - линией, ниже которой рисунок будет масштабироваться по вертикали в диаграмме. Зона выше линии изменяться не будет.

  1. 11. Пользуясь инструментом непосредственного выделения, выделите только горизонтальную скользящую линию. Выберите команду View (Просмотреть) > Guides (Направляющие) > Make Guides (Создать направляющие).
  2. Направляющая сгруппирована с рисунком столбца. Даже если и будет включена опция Lock Guides (Заблокировать направляющие), направляющая будет все еще выделенной, если выделена группа.

  1. 12. Выделите группу и выберите команду Object (Объект) > Graph (Диаграмма) > Design (Рисунок). Щелкните на кнопке New Design (Новый рисунок). Щелкните на кнопке Rename (Переименовать), если вы хотите присвоить рисунку какое-нибудь другое имя, нежели имя по умолчанию. Щелкните на ОК.

  1. 13. Скройте слой Graph Design (Рисунок диаграммы) на палитре Layers (Слои). Покажите слой, содержащий столбчатую диаграмму. Выделите его и выберите команду Object > Graph > Column (Столбец). Выделите новый рисунок столбца и выберите в качестве параметра Column Type (Тип столбца) опцию Sliding (Скользящий). Щелкните на ОК.

  1. 14. Выберите команду View (Просмотреть) > Guides (Направляющие) > Hide Guides (Скрыть направляющие), чтобы оценить результаты.
  2. Скорректируйте, если нужно, распределение по слоям осевых линий или столбцов. Воспользуйтесь инструментом непосредственного выделения, чтобы выделить формы или линии, и меню Arrange (Расположить), чтобы переставить их. Вы можете также в этот момент изменять стиль типа и копировать его.


Содержание раздела