Иллюстрированный самоучитель по работе с Photoshop и Illustrator

         

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


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

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

  • 1. Создайте сгруппированную или пакетированную столбчатую диаграмму. Используя меню View (Вид), включите и опцию Snap to Point (Захватить точку), и опцию Smart Guides (Умные направляющие).
  • 2. Используйте инструмент direct-selection (Непосредственное выделение) для того, чтобы выделить наименьший столбец в диаграмме. Скопируйте его в Clipboard (Буфер обмена) и отмените выделение формы.
  • Наименьший столбец выбран для того, чтобы обеспечить, что верхний и боковой рисунки не перекроются, когда вы на шаге 11 проведете скользящую линию.
  • 3. Создайте новый слой и присвойте ему имя Graph Design (Рисунок графика). Выделите этот слой и вставьте в него прямоугольник. Скройте слой вместе с графиком в нем.
  • 4. Нарисуйте посредством обводки прямоугольник и залейте его цветом None (Нет). Скопируйте эту версию в Clipboard.
  • Это станет ограничивающим прямоугольником для вашего столбчатого рисунка.
  • 5. Выберите команду Edit (Редактировать) > Paste in Front (Вставить на переднюю сторону), чтобы вставить копию ограничивающего прямоугольника непосредственно поверх его самого. Закрасьте прямоугольник таким цветом, который вы хотите выбрать для лицевой стороны трехмерных столбцов.
  • 6. Сохраняя выделенным прямоугольник, выделите инструмент «Масштаб» и при нажатой клавише Option/Alt щелкните на верхнем левом углу прямоугольника. Выберите масштаб Non-Uniform (Неодинаковый) и введите значения масштаба Horizontal (Горизонтальный) в 100 % и Vertical (Вертикальный) в 20 %. Щелкните на Сору (Копировать). Закрасьте верхнюю сторону столбца другим цветом.

  • Эта форма станет верхней стороной трехмерного столбца.




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


  • Когда вы будете удовлетворены углом сдвига, отпустите кнопку мыши и затем клавишу Shift.




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




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




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


  • Эта линия будет скользящей границей - линией, ниже которой рисунок будет масштабироваться по вертикали в диаграмме. Зона выше линии изменяться не будет.




  • 11. Пользуясь инструментом непосредственного выделения, выделите только горизонтальную скользящую линию. Выберите команду View (Просмотреть) > Guides (Направляющие) > Make Guides (Создать направляющие).


  • Направляющая сгруппирована с рисунком столбца. Даже если и будет включена опция Lock Guides (Заблокировать направляющие), направляющая будет все еще выделенной, если выделена группа.






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




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




  • 14. Выберите команду View (Просмотреть) > Guides (Направляющие) > Hide Guides (Скрыть направляющие), чтобы оценить результаты.


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




  • CompEbook.ru Железо, дизайн, обучение и другие


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