简单动画的制作课件

简单动画的制作简单动画的制作教学目标

理解动画的类型以及关键帧、普通帧的概念掌握渐变动画制作方法教学目标

理解动画的类型以及关键帧、普通帧的概念课堂讲解

预备知识案例课后小结课堂讲解

预备知识预备知识基本概念：帧：帧是构成动画的基本单位，不同帧表现不同时刻动画的某一动作。在时间轴中，每一帧都由时间轴上的小方格表示。渐变动画逐帧动画：Flash动画的类型：预备知识基本概念：渐变动画逐帧动画：Flash动画的类型：案例案例1制作变色文字的动画案例2圆形变为矩形案例3文字的变形案例4添加形状提示案例案例1制作变色文字的动画案例1制作变色文字的动画练习目的：掌握颜色过渡动画的属性面板的设置方法，以及关键帧的修改方法。案例1制作变色文字的动画练习目的：操作要点：（1）启动Flash，打开D:\LX文件夹下Fa3-3.fla。另存为Fa3-4.fla。（2）单击工具栏中的箭头工具按钮，选中第1帧中所输入的文字，连续两次选择【修改】→【分离】菜单命令，将第1帧中的文本打散。（3）选中第30帧中所输入的文字，按同样的方法将第30帧中的文本打散。

（4）在时间轴上的第1帧到第30帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。

操作要点：（1）启动Flash，打开D:\LX文件夹下Fa3（5）单击工具栏中颜料桶工具按钮，将填充色设置为红色，使用颜料桶工具按钮，将第1帧中的文字填充为红色。

（6）利用同样的方法将第30帧中的文字填充为绿色，如图3-15、图3-16所示。

图3-15第1帧图3-16第30帧

（5）单击工具栏中颜料桶工具按钮，将填充色设置为红色，使用颜（7）按【Ctrl+Enter】组合键测试动画。（8）保存文件，退出Flash。

（7）按【Ctrl+Enter】组合键测试动画。案例2圆形变为矩形练习目的：掌握形状过渡动画的制作方法和关键帧的修改方法。案例2圆形变为矩形练习目的：操作要点：第一步：制作圆和矩形。

（1）启动Flash，保存文件到D:\LX，文件名为Fa3-5.fla。

（2）并设置背景颜色为紫色（#9999FF），文件大小为550×200像素，帧频为12fps。

（3）单击工具栏中的按钮，将椭圆的填充色设置为红色，笔触颜色设置为无色。

（4）按住【Shift】键，拖动鼠标在舞台工作区中画一个圆，如图3-17所示。

操作要点：第一步：制作圆和矩形。图3-17红色椭圆

（5）选中第40帧，选择【插入】→【时间轴】→【空白关键帧】菜单命令，在该层的第40帧处插入一个空白关键帧

图3-17红色椭圆（5）选中第40帧，选（6）单击工具栏中的矩形工具按钮，将矩形的填充色设置为绿色，笔触颜色设置为无色，在舞台工作区中画一个矩形，如图3-18所示

图3-18绿色矩形

（6）单击工具栏中的矩形工具按钮，将矩形的填充色设置为绿色，第二步：制作形状过渡动画。（1）在时间轴上的第1帧到第40帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”，如图3-19所示。（2）按【Ctrl+Enter】组合键测试效果。（3）保存文件，退出Flash。

图3-19“属性”面板

第二步：制作形状过渡动画。图3-19“属性”面板案例3文字的变形练习目的：1、熟练掌握形状过渡动画的制作方法和关键帧的修改方法；2、熟练掌握运用任意变形工具改变图形形状；案例3文字的变形练习目的：操作要点：第一步：制作不同的文字。（1）启动Flash，保存文件到D:\LX，文件名Fa3-6。（2）设置背景颜色为浅蓝色（#3399FF），文件大小为550×200像素，帧频为7fps。（3）单击工具栏中的文本工具按钮,按【Ctrl+F3】组合键打开属性面板，设置字体为ArialBlack，大小为55，颜色为红色，在舞台的适当位置输入文字“FLASHMX”。操作要点：第一步：制作不同的文字。（4）单击工具栏中的任意变形工具按钮，将文字“FLASHMX”进行拉伸，如图3-20所示。（5）选中第20帧，按【F7】键插入一个空白关键帧。（6）单击工具栏中的文本工具，在属性面板中设置字体为隶书，大小为55，颜色为黄色，在舞台工作中适当位置输入文字“变形精灵”。（7）单击工具栏中的任意变形工具按钮，将文字“变形精灵”进行拉伸，如图3-21所示。（4）单击工具栏中的任意变形工具按钮，将文字“FLASH第二步：制作动画。（1）单击工具栏中的箭头工具，选中第1帧中所输入的文字，两次按【Ctrl+B】组合键，将文本打散。（2）采用同样的方法，将第20帧中所输入的文本打散。（3）在时间轴上的第1帧到第20帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。（4）按【Ctrl+Enter】组合键测试动画。（5）保存文件，退出Flash。图3-20拉伸文字

图3-21拉伸文字第二步：制作动画。图3-20拉伸文字案例4添加形状提示练习目的：了解并熟悉怎样人为控制图形的变形规律

案例4添加形状提示练习目的：操作要点：第一步：打开Flash文档，插入形状提示符。

（1）启动Flash，打开D:\LX下的Fa3-6.fla，另存到D:\LX下，文件名为Fa3-7.fla。（2）选中第1帧中所输入的文字，单击【修改】→【形状】→【添加形状提示】菜单命令或按【Ctrl+Shift+H】组合键，在舞台工作区中添加一个形状提示符@。（3）@点调整到文字“FLASHMX”的F字符的某一位置，如图3-22所示。（4）以同样的方法，添加第2个、第3个、第4个形状提示符，并将它拖到文字“FLASHMX”的其它地方，如图3-23所示。操作要点：第一步：打开Flash文档，插入形状提示符。

图3-22添加形状状提示图3-23添加多个形状提示图3-22添加形状状提示图3-2第二步：调整另一帧上提示符。

（1）选中第20帧中，在舞台工作区中多出了和在第1帧中添加的提示符一样的形状提示符，这时拖动形状提示符到相应的地方，如图3-24所示。（2）按【Ctrl+Enter】组合键观察图形的变形。（3）保存文件，退出Flash。

图3-24拖动形状提示

第二步：调整另一帧上提示符。图3-24拖动形简单动画的制作简单动画的制作教学目标

理解动画的类型以及关键帧、普通帧的概念掌握渐变动画制作方法教学目标

理解动画的类型以及关键帧、普通帧的概念课堂讲解

预备知识案例课后小结课堂讲解

预备知识预备知识基本概念：帧：帧是构成动画的基本单位，不同帧表现不同时刻动画的某一动作。在时间轴中，每一帧都由时间轴上的小方格表示。渐变动画逐帧动画：Flash动画的类型：预备知识基本概念：渐变动画逐帧动画：Flash动画的类型：案例案例1制作变色文字的动画案例2圆形变为矩形案例3文字的变形案例4添加形状提示案例案例1制作变色文字的动画案例1制作变色文字的动画练习目的：掌握颜色过渡动画的属性面板的设置方法，以及关键帧的修改方法。案例1制作变色文字的动画练习目的：操作要点：（1）启动Flash，打开D:\LX文件夹下Fa3-3.fla。另存为Fa3-4.fla。（2）单击工具栏中的箭头工具按钮，选中第1帧中所输入的文字，连续两次选择【修改】→【分离】菜单命令，将第1帧中的文本打散。（3）选中第30帧中所输入的文字，按同样的方法将第30帧中的文本打散。

（4）在时间轴上的第1帧到第30帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。

操作要点：（1）启动Flash，打开D:\LX文件夹下Fa3（5）单击工具栏中颜料桶工具按钮，将填充色设置为红色，使用颜料桶工具按钮，将第1帧中的文字填充为红色。

（6）利用同样的方法将第30帧中的文字填充为绿色，如图3-15、图3-16所示。

图3-15第1帧图3-16第30帧

（5）单击工具栏中颜料桶工具按钮，将填充色设置为红色，使用颜（7）按【Ctrl+Enter】组合键测试动画。（8）保存文件，退出Flash。

（7）按【Ctrl+Enter】组合键测试动画。案例2圆形变为矩形练习目的：掌握形状过渡动画的制作方法和关键帧的修改方法。案例2圆形变为矩形练习目的：操作要点：第一步：制作圆和矩形。

（1）启动Flash，保存文件到D:\LX，文件名为Fa3-5.fla。

（2）并设置背景颜色为紫色（#9999FF），文件大小为550×200像素，帧频为12fps。

（3）单击工具栏中的按钮，将椭圆的填充色设置为红色，笔触颜色设置为无色。

（4）按住【Shift】键，拖动鼠标在舞台工作区中画一个圆，如图3-17所示。

操作要点：第一步：制作圆和矩形。图3-17红色椭圆

（5）选中第40帧，选择【插入】→【时间轴】→【空白关键帧】菜单命令，在该层的第40帧处插入一个空白关键帧

图3-17红色椭圆（5）选中第40帧，选（6）单击工具栏中的矩形工具按钮，将矩形的填充色设置为绿色，笔触颜色设置为无色，在舞台工作区中画一个矩形，如图3-18所示

图3-18绿色矩形

（6）单击工具栏中的矩形工具按钮，将矩形的填充色设置为绿色，第二步：制作形状过渡动画。（1）在时间轴上的第1帧到第40帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”，如图3-19所示。（2）按【Ctrl+Enter】组合键测试效果。（3）保存文件，退出Flash。

图3-19“属性”面板

第二步：制作形状过渡动画。图3-19“属性”面板案例3文字的变形练习目的：1、熟练掌握形状过渡动画的制作方法和关键帧的修改方法；2、熟练掌握运用任意变形工具改变图形形状；案例3文字的变形练习目的：操作要点：第一步：制作不同的文字。（1）启动Flash，保存文件到D:\LX，文件名Fa3-6。（2）设置背景颜色为浅蓝色（#3399FF），文件大小为550×200像素，帧频为7fps。（3）单击工具栏中的文本工具按钮,按【Ctrl+F3】组合键打开属性面板，设置字体为ArialBlack，大小为55，颜色为红色，在舞台的适当位置输入文字“FLASHMX”。操作要点：第一步：制作不同的文字。（4）单击工具栏中的任意变形工具按钮，将文字“FLASHMX”进行拉伸，如图3-20所示。（5）选中第20帧，按【F7】键插入一个空白关键帧。（6）单击工具栏中的文本工具，在属性面板中设置字体为隶书，大小为55，颜色为黄色，在舞台工作中适当位置输入文字“变形精灵”。（7）单击工具栏中的任意变形工具按钮，将文字“变形精灵”进行拉伸，如图3-21所示。（4）单击工具栏中的任意变形工具按钮，将文字“FLASH第二步：制作动画。（1）单击工具栏中的箭头工具，选中第1帧中所输入的文字，两次按【Ctrl+B】组合键，将文本打散。（2）采用同样的方法，将第20帧中所输入的文本打散。（3）在时间轴上的第1帧到第20帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。（4）按【Ctrl+Enter】组合键测试动画。（5）保存文件，退出Flash。图3-20拉伸文字

图3-21拉伸文字第二步：制作动画。图3-20拉伸文字案例4添加形状提示练习目的：了解并熟悉怎样人为控制图形的变形规律

案例4添加形状提示练习目的：操作要点：