第二单元第二课 制作形状补间动画

图2-2.4 打开帧的属性面板图
2-2.5 帧的属性面板
操作步骤 这时Flash根据第1帧和第30帧的内容自 动地生成两个关键帧之间的帧（见图2-2.6）。
图2-2.6
操作步骤 按住快捷键Ctrl＋Enter测试，可以观察 到圆变正方形的整个过程。 在时间轴上，形状补间动画建好后，时 间帧面板的背景色变为淡绿色，在起始帧和 结束帧之间有一个长长的箭头。
图2-2.2
操作步骤 第三步：单击第30帧（空白关键帧），选择矩形工 具，选择合适的填充色在舞台上画出一个正方形 （按住Shift画正方形）（见图2-2.3）。
图2-2.3 第30帧画正方形
操作步骤 第四步：选择第1帧，单击鼠标右键，然后选 择【属性(P)】，打开帧的属性面板（见图22.4）。选择补间方式为形状（见图2-2.5）。
第二课 制作形状补间动画
一、图形的变形
例1 制作一个圆变成正方形的动画
操作步骤 第一步：新建一个动画文件。选择椭圆工具， 画圆（按住Shift键画圆）。如图2-2.1所示。
在第1帧画圆
选择椭圆工具。
设置填充颜色。
图2-2.1 用椭圆工具画图
操作步骤 第二步：单击时间轴的第30帧，单击鼠标右键，插入空白关 键帧。图2-2.2所示。 这时播放头移到第30帧，在第1帧至第30帧直接自动地 插入了帧，它们的内容都与第1帧相同，称为“静止帧”。
试一试 使用形状补间动画的制作方法，在第1帧 画鱼，在第30帧画螃蟹，制作一个鱼变螃蟹 的动画。见图2-2.7。
图2-2.7
操作步骤 例2 将文字“信息技术”变形为“FLASH动 画” 第一步：在第1个关键帧输入文字“信息技 术”。调整文字的大小、颜色、字体等(图22.8所示)。
图2-2.8 文字工具及文字属性面板
图2-2.10 分离文字
操作步骤 同样地，将第20个关键帧的文字 “பைடு நூலகம்LASH动画”也分离成图形。
第四步：选择第1个关键帧，打开属性 面板，设置补间为“形状”。
试一试 制作形状补间动画：将文字“信息技术” 变形为长方形。
操作步骤 第二步：在第20帧处插入一个空白关键帧，输入文 字“FLASH动画”。调整文字的大小、颜色、字体 等（图2-2.9）。
图2-2.9 在20帧处输入文字
操作步骤 第三步：选择第1个关键帧，单击菜单【修改(M)】→ 【分离(K)】 ，将“信息技术”分离成单独的文字； 再次单击菜单【修改(M)】→ 【分离(K)】 ，将字符分 离成图形。如图2-2.10所示。