Тема 4. Геометрические фигуры

Чтобы нарисовать прямоугольник надо включить инструмент Rectangle (прямоугольник), щелкнув по кнопке на панели инструментов. Теперь можно рисовать так же, как и в редакторе Paint — нажать левую кнопку в одном из углов прямоугольника, растянуть и отпустить.

Если при растяжении удерживать клавишу Shift, получается квадрат.

При нажатии Alt прямоугольник рисуется не из угла, а из центра (точки пересечения диагоналей).

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

• Rectangle (прямоугольник);
• Oval (овал);
• Rectangle Primitive (прямоугольник с настройкой);
• Oval Primitive (овал с настройкой);
• PolyStar (многоугольник, звезда).

Если при растягивании овала удерживать нажатой клавишу Shift, получается круг. При нажатой клавише Alt круг рисуется из центра.

Фигуры с настройкой можно регулировать уже после рисования: изменить радиус скругления углов прямоугольника или сделать из овала кольцо с разрезом.

Когда выбран инструмент Rectangle, внизу на панели Properties (Свойства) можно настраивать свойства будущего прямоугольника:

В левом верхнем углу находятся кнопки для выбора цветов контура и заливки. Окно, где на рисунке видна цифра 1, позволяет регулировать толщину линии. Список справа определяет стиль (Solid — сплошная линия).

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

На панели свойств овала есть некоторые новые элементы

• Start angle — начальный угол;
• End angle — конечный угол;
• Inner radius — радиус внутреннего выреза;
• Close path — флажок, показывающий, нужно ли замыкать контур (у незамкнутого контура не будет заливки).

Кнопка Reset сбрасывает все эти значение в нуль.

В панели дополнительных настроек геометрических фигур есть две кнопки:

	включить/отключить режим рисования объектов (Object Drawing);
	включить/отключить привязку к объектам (Snap to Objects).

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

Далее мы рассмотрим подробно два режима рисования геометрических фигур: стандартный режим (слияние) и режим рисования объектов.

Вы увидите, что часть контура, оказавшаяся под заливкой, стерта.

Таким образом,

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

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

Мы нарисуем стилизованный логотип фирмы Apple:

1	2	3	4

5	6

Градиентом называется плавный переход между двумя или несколькими цветами. Различают линейные градиенты (полосы) и радиальные (идущие от некоторого центра).

Для создания градиентов используется панель Colors. Сейчас включена кнопка , поэтому строится градиентная заливка (а не контур). В правом верхнем углу надо выбрать тип заливки:

• None — нет заливки;
• Linear — линейный (полосовой) градиент;
• Radial — радиальный градиент;
• Bitmap — заливка узором.

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

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

Для удаления движка (цвета из градиента) надо просто стащить его вниз с линии градиента.

Построенный градиент можно добавить в палитру, выбрав команду Add Swatch из меню панели Color. Градиенты отображаются в самой нижней строке палитры.

Теперь фигура залита градиентом слева направо, нам же нужно, чтобы верхняя часть была светлая, а нижняя — темнее. Для преобразования градиента (размер, направление, угол поворота) служит инструмент Gradient Transform, который включается с помощью той же кнопки, что и Free Transform. Для быстрого включения можно также использовать клавишу F.

   

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

Вот так должен выглядеть окончательный результат:

Перетаскивая прямоугольник, мы видим, что

1. контур и заливка составляют одно целое (один объект) и выделяются одним щелчком;
2. объект не сливается с другими заливками и контурами, не «режет» их.

Чтобы сменить цвет и стиль контура или заливки объекта достаточно выделить его и изменить свойства на панели Properties.

Щелкнув дважды на таком объекте, мы попадем в режим редактирования, где контур и заливка — отдельные элементы, как в режиме слияния. При этом над сценой появляется надпись Drawing Object:

Это говорит о том, что мы редактируем нарисованный объект, находящийся на сцене Scene 1. Теперь можно добавлять, удалять и перекрашивать контуры и заливки. Заметим, что в объект может входить более одного контура и одной заливки. Однако нельзя добавлять другой объект внутрь объекта — при этом главный объект будет преобразован в группу, которая имеет несколько другие свойства (например, для группы невозможна анимация формы).

Для того, чтобы разбить нарисованный объект на отдельные составляющие, надо выделить его и выбрать команду Break Apart (разбить на части) из контекстного меню или из меню Modify.

Для возврата к сцене щелкните на тексте Scene 1 или на голубой стрелке слева от него.

Нарисованный объект можно построить и после того, как фигура была нарисована. Можно также объединить в один объект контуры и заливки, нарисованные независимо. Для этого нужно выделить все необходимые контуры и заливки и выбрать команду Modify—Combine Objects—Uniion. Именно это мы сделали чуть раньше с логотипом Apple, когда строили его отражение.

Для того, чтобы преобразовать фигуру или несколько фигур в объект рисования, надо выделить их и выбрать пункт меню Modify—Combine Objects—Union.

Если теперь перетащить новый объект на объект-прямоугольник, вы увидите, что новый объект оказался сверху. Если нужно изменить порядок объектов, используют меню Modify—Arrange или группу команд Arrange из контекстного меню:

• Bring to Front — на самый верх;
• Bring Forward — на одну позицию вверх;
• Send Backward — на одну позицию вниз;
• Send to Back — в самый низ.

Эти операции применяют к выделенным объектам.

Фигуры с настройкой (так называемые «примитивные фигуры») — это новшество версии Flash CS3. Существуют две таких фигуры:

	Rectangle Primitive (прямоугольник с настройкой)
	Oval Primitive (овал с настройкой)

Они включаются с помощью той же кнопки, что и прямоугольник.

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

Если выделить такую фигуру инструментом Selection, на контуре появляются точечные маркеры (они мигают на рисунке ниже).

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

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

Все свойства выделенного объекта с настройкой можно изменять также и с помощью панели Properties.

Чтобы преобразовать такой объект в пару «контур—заливка», нужно выбрать команду Break Apart из контекстного меню или из меню Modify. После этого «настраиваемость» фигур теряется.

Мы нарисуем логотип Adobe CS3, зальем его градиентом с двумя переходами цветов и придадим фигуре объемный вид с помощью фильтров:

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

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

На этой панели четыре группы кнопок:

• Align — выравнивание выделенных объектов (по левой, правой, верхней или нижней границе, по центру);
• Distribute — распределение на равных расстояниях (по какой-либо границе или по середине);
• Match size — увеличение размера выделенных объектов до размера большего из них;
• Space — выравнивание расстояний между объектами.

Включив кнопку To Stage можно выровнять объекты относительно сцены (а не относительно друг друга).

Вот что у вас должно получиться:

Теперь, щелкая мышкой в различных областях фигуры, вы увидите, что она состоит из трех заливок: темно-красной основной части и двух белых треугольников.

Теперь нужно вырезать некоторую область внутри буквы А. Для этого мы выделим ее и удалим, нажав клавишу Delete.

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

	«волшебная палочка» (используется при работе с растровыми рисунками;
	параметры «волшебной палочки»;
	Polygon Mode, режим многоугольника.

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

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

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

Вот результат этого этапа:

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

В правой части панели Filters можно менять настройки выделенного фильтра, а кнопка удаляет фильтр. Значок слева от названия фильтра говорит о том, что фильтр включен. Если по нему щелкнуть, фильтр временно отключается и появляется значок . Повторный щелчок в этом же месте снова включит фильтр.

Отметим, что применение фильтров — обратимая операция, изображение при этом не портится.

Вот окончательный результат работы: