动画范例「气球动画」

专案 10「气球动画」

专案 10

我们现在来做一个简单的气球动画

步骤 1

先利用圆形工具画一个圆，再调整其外形，再用直线工具在圆里面画线，最後用油漆筒填色工具填入各种颜色，再取消外框线。 如图ex10-1

图ex10-1

步骤 2
用箭头工具框选整个气球，把它转为正式的角色元件Symbol，指令为Insert(插入)→ Convert to Symbol(转变为元件) 如图ex10-2


图ex10-2

在出现的Symbol Properties(元件属性视窗)中，在Name栏位键入"汽球"，在Behavior(元件行为)，勾选Graphic(图像)。 如图ex10-3

图ex10-3

步骤 3


这时舞台上的这个一般物件就转变成正式的角色元件Symbol，而这个Symbol的名字就叫做"汽球" 如图ex10-4，行为为Graphic的Symbol元件都会有一个轴心喔!(同学可利用这个特徵来判别)

图ex10-4

步骤 4


同学我们现在就可以做动画了，目前Timeline的Layer1(图层1)的第一个影格中有一个实心黑点，它代表的就是一个Keyframe要害影格，也告诉我们目前整个Flash影片只有一格的画面， 也就是影片长度只有1/12秒， 因为我们的FPS为12(每一秒播放12个影格Frame)。 我们现在希望在2秒钟时，汽球请会移到舞台右边，且变小。2秒钟，也就是我们要在第24格插入Keyframe要害影格。 请同学将滑鼠游标移至Layer1的第24个影格(Frame24)，再按右键，出现选项视窗後，选择Insert Keyframe， 如图ex10-5


图ex10-5

步骤 5

这时我们影片长度就有24格(2秒钟)，且有2个Keyframe了，请点选Frame24，再把舞台上的汽球移到右边且缩小， 这表示在第2秒钟时的汽球是与其他时间的状态是不一样的。 如图ex10-6

图ex10-6

步骤 6


接下来就是要将Frame1到Frame24气球整个变化，把它连续的　接起来，成为连续的动态画面，就是动画啦! 请同学将滑鼠游标移到Layer1的两个Keyframe之间，按右键，出现选项视窗後，请选择Create Motion Tween 如图ex10-7

图ex10-7

步骤 7

这时Layer1的影片变成淡紫色，且中间有一条实线就表示成为一段连续的动画了，如图ex10-8 请同学先直接按Enter键测试，或是选择Control→Play来测试

图ex10-8
《原始档下载》


--------------------------------------------------------------------------------
Motion动画内容的选项设定

我们刚刚的专案范例，只是速度平均的直线运动，我们现在再做一个加速或是减速的动画，来更了解动画的设定