Тема 2. Контуры

Векторный рисунок в программе Flash состоит из отдельных элементов, которые задаются узловыми точками (anchor points). Это могут быть отрезки, ломаные, прямоугольники, овалы и др. Некоторые из этих инструментов

     Line — линия      Pencil — карандаш      Pen — перо

рисуют только контуры (stroke), другие

     Brush — кисть

создают только области (заливки, fill) без контура, а третьи

     Rectangle — прямоугольник      Oval — овал

имеют контур и заливку.

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

В верхнем левом углу палитры показан код цвета (в шестнадцатеричной системе). Параметр Alpha управляет прозрачностью: при Alpha=100% цвет полностью непрозрачен, при Alpha=0% — полностью прозрачен.

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

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

Ниже кнопок выбора цвета в палитре инструментов находятся еще три вспомогательные кнопки: — установить черный контур и белый цвет заливки; — поменять цвета контура и заливки; — выбрать прозрачный цвет (нет контура ли заливки).

Для рисования линий предназначены три инструмента:

     Pencil — карандаш      Line — линия      Pen — перо

Карандаш рисует так же, как и в редакторе Paint.

Наверняка вы заметили, что стороны квадрата оказались ровными, несмотря на то, что вы провели их несколько кривовато. Дело в том, что Flash пытается «улучшить» линию, а метод «улучшения» выбирается из дополнительного меню Options (режимы, настройки), которое появляется в нижней части панели инструментов. Меню для инструмента Pencil (см. рисунок справа) содержит 3 режима:

• Straighten — выпрямлять;
• Smooth — сглаживать;
• Ink — не изменять.

Сейчас включен вариант Straighten, это объясняет полученный эффект спрямления сторон квадрата.

В меню Modify-Shape есть команды Straighten, Smooth и Optimize, предназначенные для обработки уже нарисованных контуров:

• Straighten — выпрямить, линия становится более угловатой;
• Smooth — сгладить углы;
• Optimize — попытаться уменьшить количество узлов.

Метод Optimize позволяет уменьшить количество узлов линии. Это очень важно, потому что чем больше узлов, тем больше времени требуется на рисование линии, особенно при анимации.

При выборе пункта меню Modify-Shape-Optimize появляется окно точной настройки. По окончании действия выводится сообщение о результатах: сколько было сегментов (участков) в исходной кривой (original shape), сколько осталось (optimized shape) и каков процент упрощения (reduction).

Инструмент Line (линия) работает так же, как и в реакторе Paint — рисует отрезки выбранного цвета.

При включении инструмента Pencil или Line на панели Properties (свойства) в нижней части экрана появляются элементы для настройки свойств будущих линий.

В левом верхнем углу — кнопка для выбора цвета линии, такая же, как и на панели инструментов. Правее — окно для выбора толщины линии (сейчас установлена толщина 0,25), при щелчке на стрелке справа появляется движок, которым можно изменить значение. Еще правее — список для выбора стиля линии (сейчас выбран вариант Solid — сплошная линия). Кнопка Custom позволяет создать новый стиль линии. Остальные параметры:

• Scale определяет, как будут меняться размеры объекта при изменении размеров фильма;
• Stroke hinting позволяет улучшить качество скругленных участков для мелких элементов;
• Caps определяет стиль конечных точек линий (резкий обрыв, скругление, дорисовать квадрат). Разница видна только при большом увеличении или для толстых линий:

  

• Join задает стиль углов:

  

  В первом случае параметр Miter в отдельном окне определяет остроту углов.

• Smoothing определяет степень сглаживания для инструмента Pencil в режиме сглаживания.

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

Вы увидите, что выделена только одна сторона. Теперь можно отдельно установить свойства этого куска и даже переместить его в другое место, просто перетащив мышкой.

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

Существует еще один способ выделения: включить инструмент Selection и обвести все нужные объекты в прямоугольник.

Для изменения цвета можно также использовать инструмент Ink Bottle (чернильница). Включив этот инструмент, нужно установить желаемые свойства линии на панели Properties и щелкнуть мышью на нужном контуре.

Для того, чтобы отменить сделанную операцию, надо нажать клавиши Ctrl+Z или выбрать пункт меню Edit—Undo... (после слова Undo стоит название отменяемой операции). По умолчанию программа помнит 100 действий пользователя.

Если вы хотите вернуть отмененную операцию, надо нажать Ctrl+Y (меню Edit—Redo...).

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

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

Для вставки кадра выделим щелчком нужный кадр на шкале времени (над сценой) и нажмем одну из клавиш:

• F5 (меню Insert—Timeline—Frame) — промежуточный кадр;
• F6 (меню Insert—Timeline—Keyframe) — ключевой кадр, изображение копируется из предыдущего ключевого кадра;
• F7 (меню Insert—Timeline—Blank Keyframe) — пустой ключевой кадр.

Кроме того, можно использовать контекстное (всплывающее меню): щелкнуть правой кнопкой на нужном кадре и выбрать команду Insert Frame, Insert Keyframe или Insert Blank Keyframe.

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

Направляющие — это линии, которые помогают выравнивать элементы рисунка. Чтобы добавить направляющие, включите линейки, выбрав пункт меню View—Rulers (на линейках дана разметка в пикселях). Затем надо нажать левую кнопку мыши на линейке и, не отпуская ее, «вытащить» направляющую на сцену.

Чтобы убрать направляющую, просто перетащите ее за пределы сцены.

Иногда направляющие надо временно скрыть (убрать с экрана), чтобы они не мешали при работе. Для этого нужно нажать клавиши Ctrl+; или выбрать пункт меню View—Guides—Show Guides.

Другие операции с направляющими можно найти в меню View—Guides.

1	2

Для того, чтобы узловые точки линий «прилипали» к направляющим, нужно включить флажок View—Snapping—Snap to Guides (в меню).

С помощью инструмента Selection можно

• переместить узловые точки контура — просто перетащить мышью;
• изогнуть сегмент линии — «схватить» линию между узловыми точками и перетащить в нужное положение;
• добавить новую угловую точку — удерживая клавишу Ctrl, щелкнуть по линии и перетащить появившуюся новую опорную точку.

Когда курсор мыши может выглядеть по-разному:
     — над криволинейным участком;
     — над угловой точкой.

Для выполнения следующих операций удобнее скрыть направляющие (они по-прежнему работают, но не видны). Для этого снимите флажок в меню View—Guides—Show Guides.

3	4

У нас получилась фигура, напоминающая по форме сердце. Остается «скруглить» два угла в верхней части. Это можно сделать с помощь инструмента Subselection (частичное выделение) на панели инструментов (клавиша A).

Если щелкнуть этим инструментом по контуру, вы увидите все его узловые точки. Эти точки можно перетаскивать мышкой. Кроме того, если щелкнуть на какой-то опорной точке, появляются касательные — отрезки с точками на концах. Они определяют углы выхода и кривизну линий, выходящих из этой точки. Схватив за конец касательной, можно вращать ее и изменять длину.

5	6

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

В результате мы получили замкнутый контур сердечка. К такому контуру можно легко добавить заливку. Для этого используется инструмент Paint Bucket (ведро с краской).

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

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

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

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

Свойства инструмента Pen (на панели Properties) такие же, как для инструментов Line и Pencil.

После того, как контур нарисован, его можно редактировать с помощью инструментов Selection (клавиша V) и Subselection (клавиша A) так же, как описано выше.

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

	ставим начальный узел контура;
	ставим очередной (не первый) узел контура;
	добавляем узел (мышь наведена на сегмент между узлами);
	удаляем узел (мышь наведена на угловой узел);
	продолжить контур от этой точки (в данный момент не начат ни один контур);
	преобразовать сглаженный узел в угловой.

После включения инструмента Pen для редактирования контура нужно щелчком выделить его и использовать описанные выше приемы.

При нажатой клавише Ctrl можно перетаскивать весь контур (за сегмент между узлами) и отдельные узлы.

Если удерживать клавишу Alt, курсор приобретает форму угла . Щелчок по узлу в этом режиме преобразует угловой узел в гладкий. Кроме того, можно изменять касательные гладких узлов так же, как и инструментом Subselection.

Сейчас у нас три ключевых кадра с разными изображениями. Если просмотреть фильм, нажав на Ctrl+Enter, можно увидеть, как они мелькают на экране.