第3章简单动画的制作.ppt

《第3章简单动画的制作.ppt》由会员分享，可在线阅读，更多相关《第3章简单动画的制作.ppt（34页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第3章 flash简单动画的制作v教学目标v课堂讲解v课后小结教学目标v理解动画的类型以及关键帧、普通帧的概念v 掌握逐帧动画和渐变动画制作方法课堂讲解v预备知识v案例v课后小结预备知识v基本概念：帧：帧是构成动画的基本单位，不同帧表现不同时刻动画的某一动作。在时间轴中，每一帧都由时间轴上的小方格表示。渐变动画逐帧动画：Flash 动画的类型：案例v案例3.1 制作一个转盘v案例3.2 制作一只飞舞的蝴蝶v案例3.3 文字由小变大v案例3.4 制作变色文字的动画v案例3.5 圆形变为矩形v案例3.6 文字的变形v案例3.7 添加形状提示案例3.1 制作一个转盘v练习目的：v熟练掌握使用颜料桶工

2、具进行不同颜色的填充；v掌握使用任意变形工具对图形进行旋转变形；v理解并体会逐帧动画的制作方法和技巧；操作要点：v第一步：新建一个Flash文档；v第二步：绘制所需要的转盘；1、单击工具栏中的椭圆工具按钮绘制一个圆；2、单击工具栏中的线条工具按钮，在圆内画几条线段，将圆分为几部分，如图3-1所示。3、单击工具栏中的颜料桶工具按钮，将每一小块分别填充为红色、黄色、蓝色、绿色、紫色、黑色，如图所示；v第三步：制作逐帧动画 1、选中第2帧，按【F6】键插入一个关键帧，如图所示。2、单击工具栏中的任意变形工具按钮，将圆旋转一定的角度；3、用同样的方法，分别选中第3帧、第4帧、第5帧、第6帧插入一个关键

3、帧，并使用任意变形工具按钮分别将各帧的图形旋转一定的角度，如图所示；v第四步：按【Ctrl+Enter】组合键测试动画；v第五步：保存文件，退出Flash；案例3.2 制作一只飞舞的蝴蝶v练习目的：掌握图片文件的导入方法和使用任意变形工具改变图形大小的方法；操作要点：v第一步：新建Flash文档；v第二步：单击【文件】【导入】【导入到舞台】菜单命令，从素材文件夹中导入图片“Lx3-2-2.jpg”。v第三步：制作飞舞的蝴蝶；1、选中第2帧，点击鼠标右键在弹出的快捷菜单中选择“插入关键帧”命令，在该层的第2帧处插入一个关键帧；2、单击工具栏中的任意变形工具按钮，改变图形的大小，如图所示；3、同理

4、在第3帧、第4帧、第5帧处插入关键帧，并利用工具栏中的任意变形工具按钮，改变各帧中图形的大小，如图所示；v第四步：按【Ctrl+Enter】组合键测试动画；v第五步：保存文件，退出Flash；案例3.3 文字由小变大v练习目的：掌握文本属性的设置、图形大小的修改；掌握运动过渡动画的属性面板的设置方法和关键帧的修改方法；操作要点：v第一步：新建Flash文档；v第二步：设置背景颜色为蓝色，文件大小为550200像素，帧频为8fps；v第三步：单击工具栏中的文本工具按钮，选择【窗口】【属性】菜单命令打开属性面板，设置字体为华文彩云,大小为55，颜色为黄色，在舞台工作中适当位置输入文字“精彩制作”，

5、如图所示；v第四步：制作运动过渡动画；1、选中第30帧，按【F6】键插入一个关键帧；2、单击工具栏中的任意变形工具按钮，将文字“精彩制作”进行拉伸，如图所示；3、在时间轴上的第1帧到第30帧之间任意选中一帧，在属性面板中将“补间”设置为“动作”，如图所示；v第五步：按【Ctrl+Enter】组合键测试动画；v第六步：保存文件，退出Flash；案例3.4 制作变色文字的动画v练习目的：掌握颜色过渡动画的属性面板的设置方法，以及关键帧的修改方法。操作要点：（1）启动Flash，打开D:LX文件夹下Fa3-3.fla。另存为Fa3-4.fla。（2）单击工具栏中的箭头工具按钮，选中第1帧中所输入的文

6、字，连续两次选择【修改】【分离】菜单命令，将第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。案例3.5 圆形变为矩形v练习目的：掌握形状过渡动画的制作方法和关键帧的

7、修改方法。操作要点：v第一步：制作圆和矩形。（1）启动Flash，保存文件到D:LX，文件名为Fa3-5.fla。（2）并设置背景颜色为紫色（#9999FF），文件大小为550200像素，帧频为12fps。（3）单击工具栏中的按钮，将椭圆的填充色设置为红色，笔触颜色设置为无色。（4）按住【Shift】键，拖动鼠标在舞台工作区中画一个圆，如图3-17所示。图3-17 红色椭圆（5）选中第40帧，选择【插入】【时间轴】【空白关键帧】菜单命令，在该层的第40帧处插入一个空白关键帧（6）单击工具栏中的矩形工具按钮，将矩形的填充色设置为绿色，笔触颜色设置为无色，在舞台工作区中画一个矩形，如图3-18所示

8、 图3-18 绿色矩形 v第二步：制作形状过渡动画。（1）在时间轴上的第1帧到第40帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”，如图3-19所示。（2）按【Ctrl+Enter】组合键测试效果。（3）保存文件，退出Flash。图3-19 “属性”面板 案例3.6 文字的变形v练习目的：1、熟练掌握形状过渡动画的制作方法和关键帧的修改方法；2、熟练掌握运用任意变形工具改变图形形状；操作要点：v第一步：制作不同的文字。（1）启动Flash，保存文件到D:LX，文件名Fa3-6。（2）设置背景颜色为浅蓝色（#3399FF），文件大小为550200像素，帧频为7fps。（3）单击工具栏中

9、的文本工具按钮,按【Ctrl+F3】组合键打开属性面板，设置字体为Arial Black，大小为55，颜色为红色，在舞台的适当位置输入文字“FLASH MX”。（4）单击工具栏中的任意变形工具按钮，将文字“FLASH MX”进行拉伸，如图3-20所示。（5）选中第20帧，按【F7】键插入一个空白关键帧。（6）单击工具栏中的文本工具，在属性面板中设置字体为隶书，大小为55，颜色为黄色，在舞台工作中适当位置输入文字“变形精灵”。（7）单击工具栏中的任意变形工具按钮，将文字“变形精灵”进行拉伸，如图3-21所示。v第二步：制作动画。（1）单击工具栏中的箭头工具，选中第1帧中所输入的文字，两次按【Ct

10、rl+B】组合键，将文本打散。（2）采用同样的方法，将第20帧中所输入的文本打散。（3）在时间轴上的第1帧到第20帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。（4）按【Ctrl+Enter】组合键测试动画。（5）保存文件，退出Flash。图3-20 拉伸文字 图3-21 拉伸文字案例3.7 添加形状提示v练习目的：了解并熟悉怎样人为控制图形的变形规律 操作要点：v第一步：打开Flash文档，插入形状提示符。（1）启动Flash，打开D:LX下的Fa3-6.fla，另存到D:LX下，文件名为Fa3-7.fla。（2）选中第1帧中所输入的文字，单击【修改】【形状】【添加形状提示】菜单

11、命令或按【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 拖动形状提示