Тема 3. Покадровая анимация

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

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

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

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

Если при перетаскивании кадра удерживать клавишу Alt, кадр копируется в новое место (на это указывает знак «плюс» у курсора).

Для удаления кадра надо выделить его, нажать правую кнопку мыши и выбрать команду Remove Frames (удалить кадры) из контекстного меню.

Эти операции можно выполнять и с несколькими выделенными кадрами. Для выделения можно протащить через них мышку при нажатой левой кнопке. Щелчками при нажатой клавише Ctrl можно выделить «несоседние» кадры.

Для работы с кадрами можно использовать специальный буфер обмена — команды Cut Frames (вырезать), Copy Frames (копировать) и Paste Frames (вставить) из контекстного меню.

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

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

Сейчас во всех кадрах — одинаковое изображение. Мы изменим фильм так, чтобы на первом кадре был самый маленький лист, а потом — все больше и больше.

Для уменьшения листа на 1-ом кадре применим инструмент Free Transform (свободные преобразования), который включается кнопкой на панели инструментов, клавишей Q, или командой Free Transform из контекстного меню (после нажатия правой кнопки мыши). Вокруг выделенного объекта появляется рамка с маркерами, такая же, как, например, в редакторе Word. Теперь можно:

• изменить размеры, перетаскивая за маркеры (при нажатой клавише Shift пропорции не меняются, при нажатии Alt точка вращения остается неподвижной);
• повернуть объект вокруг центра, обозначенного белым кружком (для этого нужно подвести мышь к углу рамки снаружи, чтобы курсор принял вид ), центр вращения можно перетаскивать мышкой;
• перекосить объект, схватив и потянув мышкой за рамку между маркерами (курсор );
• перетащить углы рамки при нажатой клавише Ctrl.

Другие варианты преобразования применяются с помощью меню Modify—Transform. В частности можно

• повернуть объект на 90 градусов (Rotate 90° CW — clockwise, по часовой стрелке; Rotate 90° CCW — counter-clockwise, против часовой стрелки);
• построить отражение объекта по вертикали (Flip Vertical) или горизонтали (Flip Horizontal);
• выполнить тонкую настройку контура с помощью команды Envelope.

Когда включен инструмент Transform, в нижней части панели инструментов появляются кнопки, позволяющие включать какой-то один вид преобразований:

	Rotate and Skew, вращение и поворот;
	Scale, изменение размеров;
	Distort, искажение, свободное перетаскивание узлов;
	Envelope, работа с огибающей.

При нажатии клавиш Ctrl+T открывается панель Transform, на которой можно точно задать угол поворота и скоса.

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

С помощью этого меню можно выбрать ширину кадров на шкале, а также изменить расположение шкалы времени (группа Placement) и уменьшить высоту кадров (установив режим Short).

Скорее всего, анимация с первого раза получится не очень равномерная. Для настройки покадровой анимации в программе Flash есть специальное средство, которое называется Onion Skin («луковая кожура»). Если включить этот режим, при обработке очередного кадра вы будете видеть полупрозрачные изображения соседних кадров, что поможет улучшить переходы.

Для включения этого режима надо щелкнуть по кнопке Onion Skin в нижней части временной шкалы (см. рисунок выше). Если нужно оставить только контуры фигур на соседних кадрах (чтобы заливка не мешала), можно щелкнуть по кнопке Onion Skin Outlines (контуры «луковой шелухи»). Область видимости регулируется движками над временной шкалой.

Щелкнув по кнопке , вы увидите меню, с помощью которого можно изменить настройки «луковой кожуры»

• всегда выводить маркеры — Always Show Markers;
• закрепить маркеры — Anchor Onion (иначе они смещаются вслед за читающей головкой);
• выделять 2 или 5 кадров слева от текущего — Onion 2 или Onion 5;
• выделять все кадры — Onion All.

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

Справа от кнопки Onion Skin Outlines расположена кнопка Edit Multiple Frames (редактировать несколько кадров). Она позволяет заменять положение объекта сразу во всех кадрах, ограниченных движками зоны видимости (над временной шкалой).

В этом режиме можно выполнять все действия также, как и обычно, разница в том, что захватываются несколько кадров.

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

	режим работы кисти: Paint Normal (нормальный) — закрашивается все; Paint Fills (заливки) — закрашиваются только заливки, контуры не изменяются; Paint Behind (задний план) — закрашиваются только те области, где нет ни контуров, ни заливок; Paint Selection (выделение) — закрашивается только та заливка, которая была заранее выделена; Paint Inside (внутри) — закрашивается только та заливка, откуда началось закрашивание.
	размер кисти;
	форма кисти (если выбрана круглая кисть, то на этой кнопке будет такой же рисунок, как и на предыдущей).

Если нужного цвета нет в палитре, нужно использовать панель Color (цвет), расположенную в правом верхнем углу экрана. Сейчас в левом верхнем углу (см. рисунок) нажата кнопка , это означает, что устанавливается цвет заливки.

Цвет можно выбрать с помощью движков, задать в виде тройки составляющих RGB (Red, Green, Blue) или ввести в виде шестнадцатеричного кода (в окне, где сейчас написано #EDEDED).

Параметр Alpha обозначает непрозрачность цвета в процентах (от 0% — полностью прозрачный — до 100% — полностью непрозрачный).

Панель Swatches (образцы) содержит палитру цветов, доступных при выборе цвета в панели инструментов и панели Properties. Можно добавлять цвета в палитру и удалять их.

Для того, чтобы добавить новый цвет в палитру, постройте его на панели Colors. Затем откройте меню палитры (щелкнув по кнопке в правом верхнем углу) и выберите пункт Add Swatch.

Чтобы удалить образец из палитры, надо выделить его на панели Swatches и выбрать пункт Delete Swatch из меню этой палитры.

Мы будем рисовать кистью Винни-Пуха. Вот такого:

1	2	3	4

Для редактирования заливки можно использовать инструмент Eraser (ластик, стирательная резинка). Он работает примерно так же, как и кисть. Внизу на панели инструментов можно выбрать размер и форму ластика, кнопка позволяет установить режим стирания (нормальный, только заливки, только линии, только выделенные заливки, только та заливка, с которой начали).

Если включить кнопку Faucet, одним щелчком стирается сразу вся заливка или весь контур, на котором щелкнули.

Контуры заливки, нарисованной от руки, можно улучшить с помощью верхнего меню Modify—Shape. Оно содержит пункты

• Smooth — сгладить границу;
• Straighten — выпрямить (сделать более угловатой).

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

5	6	7	8

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

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

Теперь сделаем покадровую анимацию так, чтобы Винни-Пух моргнул глазом.

Вспомните, что мы добавили в палитру два новых цвета, которыми рисовали Винни-Пуха. Теперь они расположены ниже основных цветов (см. рисунок).