《Flash CS3中文版动画制作教学课件 PPT 作者 龙天才 模块五 简单动画制作》由会员分享，可在线阅读，更多相关《Flash CS3中文版动画制作教学课件 PPT 作者 龙天才 模块五 简单动画制作（46页珍藏版）》请在金锄头文库上搜索。
1、,主讲：,简单动画制作,图形的绘制,& 了解Flash动画的类型 & 掌握图形编辑命令的操作方理解帧和关键帧 & 掌握逐帧动画的制作 & 掌握补间形状动画的制作 & 掌握补间动作动画的制作,学习目标:,任务一 动画制作基础,操作一 操作帧,操作帧,操作帧,【操作要求】 （1）新建文档，创建实例对象。 （2）插入帧、关键帧、空白帧。 （3）复制帧。,操作帧,【操作步骤】 （1）新建文档，并在场景中绘制一个圆，创建一个实例对象，即创建了一个关键帧，如图5-5所示。 （2）将光标移动到第10帧处，按【F6】键插入关键帧，如图5-6所示。 （3）在第5帧处按【F7】键插入空白帧，如图5-7所示。 （4
2、）在第15帧处按【F5】键插入帧，如图5-8所示。,操作帧,（5）按住【Shift】键分别单击第5帧和第1帧连续选择多个帧，如图5-9所示。 （6）将光标移动到选择的1-5帧处单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令复制帧，然后将光标移动到第16帧出单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令粘贴帧，如图5-10所示 （7）选择第10-15帧，将光标移动到选择的帧上按住鼠标左键不放向右拖动到第21帧处松开鼠标左键完成移动帧操作，如图5-11所示。 （8）分别在第16、17、18、19帧处按【F5】键插入关键帧，如图5-12所示。,操作帧,（9）选择第16帧，按【Delete】键
3、删除此关键帧处的实例对象，此时关键帧变成空白关键帧，如图5-13所示。 （10）选择第16帧，按【Shift+F5】键删除帧，如图5-14所示。 （11）选择第16帧，单击鼠标右键，在弹出的快捷菜单中选择“清除关键帧”命令清除关键帧，如图5-15所示。 （12）选择第1-30帧，单击鼠标右键，在弹出的快捷菜单中选择“翻转帧”命令使1-30帧进行翻转排列，如图5-16所示。,任务二 逐帧动画,操作一 制作“变换的线条” 操作二 制作“计时器”,制作“变换的线条”,制作“变换的线条”,【操作要求】 （1）新建文档，绘制线条。 （2）插入关键帧，复制线条并旋转。 （3）重复复制各关键帧出的线条。,制
4、作“变换的线条”,【操作步骤】 （1）新建一个Flash文档，设置场景为黑色，并保存为“制作变换的线条.fla”，选择椭圆工具 ，设置填充颜色为无颜色，笔触颜色为七彩渐变色，绘制一个椭圆，如图5-17所示。 （2）在第2帧处按【F6】键插入关键帧，选择椭圆，按【Ctrl+C】复制图形，选择“编辑”“粘贴到当前位置”命令粘贴图形，然后在“变形”面板中设置旋转为20度，按【Enter】键旋转图形，如图5-18所示。 （3）在第3帧处按【F6】键插入关键帧，用与第2步相同的方法复制一个椭圆线条并旋转20度，如图5-19所示。 （4）用相同的方法，依次在第410帧插入关键帧并复制然后旋转20度，如图5
5、-20所示。,制作“变换的线条”,（5）在时间轴中选择第110帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，然后将光标定位到第11帧处单击鼠标右键，在弹出的快捷菜单中选“粘贴帧”命令，如图5-21所示。 （6）选择第1120帧，单击鼠标右键，在弹出的快捷菜单中选择“翻转帧”命令颠倒帧的播放顺序，如图5-22所示。 （7）按【Ctrl+S】键保存文档，然后按【Ctrl+Enter】键测试动画。,制作“计时器”,制作“计时器”,【操作要求】 （1）新建文档，绘制图形。 （2）输入文字。 （3）插入关键，更改各关键帧处的数字。,制作“计时器”,【操作步骤】 （1）新建一个Flash文档，设
6、置场景为黑色，并保存为“制作计时器.fla”，选择椭圆工具 ，设置填充颜色为灰色，笔触颜色为蓝色，笔触大小为3，然后在场景中绘制一个圆，如图5-23所示。 （2）选择文本工具 ，设置文本颜色为绿色、大小为90，然后输入数字“1”，如图5-24所示。 （3）在第10帧处按【F6】键插入关键帧，然后将数字改为“2”，如图5-25所示。 （4）用相同的方法，依次在第20、30、40帧处插入关键帧并将数字修给为“3”、“4”、“5”，如图5-26所示。 （5）按【Ctrl+S】键保存文档，然后按【Ctrl+Enter】键测试动画。,任务三 补间形状动画,操作一 制作“行进中的轨迹” 操作二 制作“变色
7、龙” 操作三 制作“三棱锥的旋转”,制作“行进中的轨迹”,制作“行进中的轨迹”,【操作要求】 （1）新建文档，绘制线条。 （2）制作各关键帧处的图形。 （3）应用补间形状。,制作“行进中的轨迹”,【操作步骤】 （1）新建Flash文档，设置场景大小为500200像素，背景色为“#0066FF”，并保存为“行动中的轨迹.fla”。 （2）选取直线工具 ，设置笔触色为白色、笔触大小为3，在场景中绘制一个小线段，如图5-30所示。 （3）在第10帧处插入关键帧，用部分选取工具 选择线段，然后将光标定位到右侧的控制点上，此时光标变成如图5-31所示的形状，单击选择此控制点，按【Shift+】键使线段增
8、长，如图5-32所示。 （4）在第12帧插入关键帧，并在线段右端向上绘制一条小线段，如图5-33所示。,制作“行进中的轨迹”,（5）在第15帧插入关键帧，用部分选取工具 选择上端的控制点，按【Shift+】键使线段增长，增长后如图5-34所示。 （6）在16帧插入关键帧，在垂直方向的线段上端向右绘制一条小线段，如图5-35所示。 （7）在第20帧插入关键帧，用部分选取工具选择小线段右端的控制点，按【Shift+】键使线段增长，增长后如图5-36所示。 （8）按（4）（7）步的方法完成其余阶梯线段的增长效果制作，完成后的线段如图5-37所示。,制作“行进中的轨迹”,（9）在第1帧处单击单击鼠标右
9、键，在弹出的快捷菜单中选择“创建补间形状”命令，如图5-38所示。 （10）用同样方法，分别在1115帧、第1620帧、第2125帧、第2630帧、第3135帧、第3640帧、第4145帧、第4650帧、第5155帧、第5660帧、第6165帧、第6675帧之间创建补间形状动画，完成的时间轴如图5-39所示。 （11）保存文档，按【Ctrl+Enter】键测试影片。,制作“变色龙”,制作“变色龙”,【操作要求】 （1）新建文档，输入文字。 （2）制作其它关键帧处的文字。 （3）应用补间形状。,制作“变色龙”,【操作步骤】 （1）新建Flash文档，设置场景大小为400200像素，背景色为黑色，
10、并保存为“制作变色龙.fla”。 （2）选取文本工具 ，设置字体为宋体、大小为80、颜色为蓝色，在场景中输入文字“变色龙”，如图5-40所示。 （3）选择文字，在“对齐”面板中设置相对场景水平垂直居中对齐，然后按【Ctrl+B】两次分离文字，如图5-41所示。 （4）在第5帧处插入关键帧，用用颜料桶工具 将文本填充为为“#00FF00”，如图5-42所示。,制作“变色龙”,（5）在第10帧插入关键帧，用用颜料桶工具 将文本填充为为“#336600”，如图5-43所示。 （6）在第15帧处插入关键帧，用用颜料桶工具 将文本填充为为“#FF0000”，如图5-44所示。 （7）在第20帧插入关键帧
11、，用用颜料桶工具 将文本填充为为“#0066FF”，如图5-45所示。 （8）在第1帧处单击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令创建形变动画，如图5-46所示。 （9）用相同的方法分别在第59、第1014、第1519帧处创建补间形状动画，完成的时间轴如图5-47所示。,制作“三棱锥的旋转”,制作“三棱锥的旋转”,【操作要求】 （1）新建文档，绘制图形。 （2）插入关键帧，并添加提示点。 （3）应用补间形状。,制作“三棱锥的旋转”,【操作步骤】 （1）新建Flash文档，设置场景大小为400300像素，并保存为“制作三棱锥的旋转.fla”。 （2）选取直线工具 ，设置笔触色为黑色
12、、笔触大小为0.25，在场景中绘制一个如图5-48所示的三棱锥图形轮廓。 （3）用颜料桶工具 将图形填充为黑白渐变颜色，然后删除轮廓线条，如图5-49所示。 （4）在第20帧处插入关键帧，然后选择图形，选择“修改”“变形”“水平翻转”命令，如图5-50所示。,制作“三棱锥的旋转”,（5）在第120帧处创键补间形状动画，如图5-51所示。 （6）将光标定位到时间轴的播放指针上，按住鼠标左键不放拖动查看动画效果，如图5-52所示。 （7）在第1帧处，选择“修改”“形状”“添加形状提示”命令插入形状提示符a，如图5-53所示。 （8）将光标定位到提示符a上，按住鼠标左键拖动到三棱锥顶部，如图5-54
13、所示。 （9）单击第20帧，在第20帧处也有与第1帧处对应的提示符a，在第20帧处将提示符a拖放到三棱锥顶部，如图5-55所示。,制作“三棱锥的旋转”,（10）用相同的方式插入提示符b，并在第1帧处将提示符调整到如图5-56所示的位置，在第20帧处将提示符调整到如图5-57所示的位置。 （11）用相同的方式插入提示符c和d，并在第1帧处将提示符调整到如图5-58所示的位置，在第20帧处将提示符调整到如图5-59所示的位置。 （12）用相同的方式插入提示符e和f，并在第1帧处将提示符调整到如图5-60所示的位置，在第20帧处将提示符调整到如图5-61所示的位置。 （13）保存围挡，在时间轴上拖动
14、播放指针预览动画过程，如图5-62、5-63所示。,任务四 补间动画,操作一 制作“闪出的文字” 操作二 制作“纸风车” 操作三 制作“弹跳的小球”,制作“闪出的文字”,制作“闪出的文字” ”,【操作要求】 （1）新建文档，输入文字。 （2）制作各关键帧处的文字。 （3）应用补间动画。,制作“闪出的文字”,【操作步骤】 （1）新建Flash文档，设置“文档大小”为500px300px、“背景颜色”为绿色，并保存文档为“制作闪出的文字.fla”。 （2）使用文本工具 在场景中输入文字“闪出的文字”，字体为楷体、大小为40、颜色为蓝色，如图5-65所示。 （3）将文字转换为图形元件“文字”，并将文
15、字实例移动到场景外，在第10帧处按【F6】键插入关键帧，并将文字实例移动到场景中，如图5-65所示。,制作“闪出的文字”,（4）在第1帧处单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，如图5-66所示。 （5）在第40帧处按【F6】键插入关键帧，并将文字实例向右移动少许位置，然后在第1039帧处创建补间动画，如图5-67所示。 （6）在第60帧处按【F6】键插入关键帧，选择文字实例，在“属性”面板中设置“颜色样式”的Alpha值为5%，然后在第40帧处创建补间动画，如图5-68所示。 （7）在时间轴中单击“绘制纸外观”按钮 ，在时间轴中单击帧并拖动指针可以预览动画变化过程，如图5-
16、69所示。,制作“纸风车”,制作“纸风车”,【操作要求】 （1）新建文档，绘制图形。 （2）制作其它关键帧处的图形。 （3）应用补间动画。,制作“纸风车”,【操作步骤】 （1）新建一个Flash文档，设置“文档大小”为400px400px，并保存文档为“制作纸风车.fla”。 （2）使用绘图工具在场景中绘制一个风车叶片图形，如图5-70所示。 （3）复制叶片图形，在“变形”面板中将其旋转90度，并调整位置，重复复制和旋转操作，完成图形如图5-71所示。,制作“纸风车”,（4）用绘图工具绘制一个如图5-72所示的图形。 （5）复制3个图形并旋转，然后将图形也叶片图形组合，如图5-73所示。 （6）在图形中心位置绘制一个圆，如图5-74所示。 （7）选择图形，按【F8】键将图形转换为“风车”影片剪辑元件，如图5-75所示。,制作“纸风车”,（8）用任意变形工具 选择风车实例，将光标移动到中心点上，按住鼠标左键不放将其拖动到如图5-76所示的位置。 （9）在第40帧处插入关键帧，在第139帧
