1、简单动画的制作教学目标v理解动画的类型以及关键帧、普通帧的概念v 掌握渐变动画制作方法课堂讲解v预备知识v案例v课后小结预备知识v基本概念：帧：帧是构成动画的基本单位，不同帧表现不同时刻动画的某一动作。在时间轴中，每一帧都由时间轴上的小方格表示。渐变动画逐帧动画：Flash 动画的类型：案例v案例1 制作变色文字的动画v案例2 圆形变为矩形v案例3 文字的变形v案例4 添加形状提示案例1 制作变色文字的动画v练习目的：掌握颜色过渡动画的属性面板的设置方法，以及关键帧的修改方法。操作要点：（1）启动Flash，打开D:LX文件夹下Fa3-3.fla。另存为Fa3-4.fla。（2）单击工具栏中的
2、箭头工具按钮，选中第1帧中所输入的文字，连续两次选择【修改】【分离】菜单命令，将第1帧中的文本打散。（3）选中第30帧中所输入的文字，按同样的方法将第30帧中的文本打散。（4）在时间轴上的第1帧到第30帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。（5）单击工具栏中颜料桶工具按钮，将填充色设置为红色，使用颜料桶工具按钮，将第1帧中的文字填充为红色。（6）利用同样的方法将第30帧中的文字填充为绿色，如图3-15、图3-16所示。图3-15 第1帧 图3-16 第 30帧（7）按【Ctrl+Enter】组合键测试动画。（8）保存文件，退出Flash。案例2 圆形变为矩形v练习目的：掌握
3、形状过渡动画的制作方法和关键帧的修改方法。操作要点：v第一步：制作圆和矩形。（1）启动Flash，保存文件到D:LX，文件名为Fa3-5.fla。（2）并设置背景颜色为紫色（#9999FF），文件大小为550200像素，帧频为12fps。（3）单击工具栏中的按钮，将椭圆的填充色设置为红色，笔触颜色设置为无色。（4）按住【Shift】键，拖动鼠标在舞台工作区中画一个圆，如图3-17所示。图3-17 红色椭圆（5）选中第40帧，选择【插入】【时间轴】【空白关键帧】菜单命令，在该层的第40帧处插入一个空白关键帧（6）单击工具栏中的矩形工具按钮，将矩形的填充色设置为绿色，笔触颜色设置为无色，在舞台工作
4、区中画一个矩形，如图3-18所示 图3-18 绿色矩形 v第二步：制作形状过渡动画。（1）在时间轴上的第1帧到第40帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”，如图3-19所示。（2）按【Ctrl+Enter】组合键测试效果。（3）保存文件，退出Flash。图3-19 “属性”面板 案例3 文字的变形v练习目的：1、熟练掌握形状过渡动画的制作方法和关键帧的修改方法；2、熟练掌握运用任意变形工具改变图形形状；操作要点：v第一步：制作不同的文字。（1）启动Flash，保存文件到D:LX，文件名Fa3-6。（2）设置背景颜色为浅蓝色（#3399FF），文件大小为550200像素，帧频为
5、7fps。（3）单击工具栏中的文本工具按钮,按【Ctrl+F3】组合键打开属性面板，设置字体为Arial Black，大小为55，颜色为红色，在舞台的适当位置输入文字“FLASH MX”。（4）单击工具栏中的任意变形工具按钮，将文字“FLASH MX”进行拉伸，如图3-20所示。（5）选中第20帧，按【F7】键插入一个空白关键帧。（6）单击工具栏中的文本工具，在属性面板中设置字体为隶书，大小为55，颜色为黄色，在舞台工作中适当位置输入文字“变形精灵”。（7）单击工具栏中的任意变形工具按钮，将文字“变形精灵”进行拉伸，如图3-21所示。v第二步：制作动画。（1）单击工具栏中的箭头工具，选中第1帧
6、中所输入的文字，两次按【Ctrl+B】组合键，将文本打散。（2）采用同样的方法，将第20帧中所输入的文本打散。（3）在时间轴上的第1帧到第20帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。（4）按【Ctrl+Enter】组合键测试动画。（5）保存文件，退出Flash。图3-20 拉伸文字 图3-21 拉伸文字案例4 添加形状提示v练习目的：了解并熟悉怎样人为控制图形的变形规律 操作要点：v第一步：打开Flash文档，插入形状提示符。（1）启动Flash，打开D:LX下的Fa3-6.fla，另存到D:LX下，文件名为Fa3-7.fla。（2）选中第1帧中所输入的文字，单击【修改】【形
7、状】【添加形状提示】菜单命令 或 按【Ctrl+Shift+H】组合键，在舞台工作区中添加一个形状提示符。（3）点调整到文字“FLASH MX”的F字符的某一位置，如图3-22所示。（4）以同样的方法，添加第2个、第3个、第4个形状提示符，并将它拖到文字“FLASH MX”的其它地方，如图3-23所示。图3-22 添加形状状提示图3-23 添加多个形状提示v第二步：调整另一帧上提示符。（1）选中第20帧中，在舞台工作区中多出了和在第1帧中添加的提示符一样的形状提示符，这时拖动形状提示符到相应的地方，如图3-24所示。（2）按【Ctrl+Enter】组合键观察图形的变形。（3）保存文件，退出Flash。图3-24 拖动形状提示
