简单动画制作.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,模块五,主讲：,简单动画制作,图形的绘制,&,了解,Flash,动画的类型,&,掌握图形编辑命令的操作方理解帧和关键帧,&,掌握逐帧动画的制作,&,掌握补间形状动画的制作,&,掌握补间动作动画的制作,学习目标,:,任务一,动画制作基础,操作一,操作帧,操作帧,操作帧,【,操作要求,】,（,1,）新建文档，创建实例对象。,（,2,）插入帧、关键帧、空白帧。,（,3,）复制帧,。,操作帧,【,操作步骤,】,（,1,）新建文档，并在场景中绘制一个圆，创建一个实例对象，即创建了一个关键帧，如图,5-5,所示。,（,2,将光标移动到第,10,帧处，按,【F6】,键插入关键帧，如图,5-6,所示。,（,3,）在第,5,帧处按,【F7】,键插入空白帧，如图,5-7,所示。,（,4,）在第,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】,键删除此关键帧处的实例对象，此时关键帧变成空白关键帧，如图,5-13,所示。,（,10,）选择第,16,帧，按,【Shift+F5】,键删除帧，如图,5-14,所示。,（,11,）选择第,16,帧，单击鼠标右键，在弹出的快捷菜单中选择“清除关键帧”命令清除关键帧，如图,5-15,所示。,（,12,）选择第,1-30,帧，单击鼠标右键，在弹出的快捷菜单中选择“翻转帧”命令使,1-30,帧进行翻转排列，如图,5-16,所示。,任务二,逐帧动画,操作一制作“变换的线条”,操作二制作“计时器”,制作“变换的线条”,制作“变换的线条”,【,操作要求,】,（,1,）新建文档，绘制线条。,（,2,）插入关键帧，复制线条并旋转。,（,3,）重复复制各关键帧出的线条。,制作“变换的线条”,【,操作步骤,】,（,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-20,所示。,制作“变换的线条”,（,5,）在时间轴中选择第,110,帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，然后将光标定位到第,11,帧处单击鼠标右键，在弹出的快捷菜单中选“粘贴帧”命令，如图,5-21,所示。,（,6,）选择第,1120,帧，单击鼠标右键，在弹出的快捷菜单中选择“翻转帧”命令颠倒帧的播放顺序，如图,5-22,所示。,（7）按【Ctrl+S】键保存文档，然后按【Ctrl+Enter】键测试动画。,制作“计时器”,制作“计时器”,【,操作要求,】,（,1,）新建文档，绘制图形。,（,2,）输入文字。,（,3,）插入关键，更改各关键帧处的数字。,制作“计时器”,【,操作步骤,】,（,1,）新建一个,Flash,文档，设置场景为黑色，并保存为“制作计时器,.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】,键测试动画。,任务三,补间形状动画,操作一制作“行进中的轨迹”,操作二制作“变色龙”,操作三 制作“三棱锥的旋转”,制作“行进中的轨迹”,制作“行进中的轨迹”,【,操作要求,】,（,1,）新建文档，绘制线条。,（,2,）制作各关键帧处的图形。,（,3,）应用补间形状。,制作“行进中的轨迹”,【,操作步骤,】,（,1,）新建,Flash,文档，设置场景大小为,500200,像素，背景色为“,#0066FF”,，并保存为“行动中的轨迹,.fla”,。,（,2,）选取直线工具，设置笔触色为白色、笔触大小为,3,，在场景中绘制一个小线段，如图,5-30,所示。,（,3,）在第,10,帧处插入关键帧，用部分选取工具 选择线段，然后将光标定位到右侧的控制点上，此时光标变成如图,5-31,所示的形状，单击选择此控制点，按,【Shift+】,键使线段增长，如图,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,帧处单击单击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令，如图,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,像素，背景色为黑色，并保存为“制作变色龙,.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,帧插入关键帧，用用颜料桶工具 将文本填充为为“,#0066FF”,，如图,5-45,所示。,（,8,）在第,1,帧处单击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令创建形变动画，如图,5-46,所示。,（,9,）用相同的方法分别在第,59,、第,1014,、第,1519,帧处创建补间形状动画，完成的时间轴如图,5-47,所示。,制作“三棱锥的旋转”,制作“三棱锥的旋转”,【,操作要求,】,（,1,）新建文档，绘制图形。,（,2,）插入关键帧，并添加提示点。,（,3,）应用补间形状。,制作“三棱锥的旋转”,【,操作步骤,】,（,1,）新建,Flash,文档，设置场景大小为,400300,像素，并保存为“制作三棱锥的旋转,.fla”,。,（,2,）选取直线工具，设置笔触色为黑色、笔触大小为,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,所示。,（,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,）保存围挡，在时间轴上拖动播放指针预览动画过程，如图,5-62,、,563,所示。,任务四,补间动画,操作一制作“闪出的文字”,操作二制作“纸风车”,操作三 制作“弹跳的小球”,制作“闪出的文字”,制作“闪出的文字”,”,【,操作要求,】,（,1,）新建文档，输入文字。,（,2,）制作各关键帧处的文字。,（,3,）应用补间动画。,制作“闪出的文字”,【,操作步骤,】,（,1,）新建,Flash,文档，设置“文档大小”为,500px300px,、“背景颜色”为绿色，并保存文档为“制作闪出的文字,.fla”,。,（,2,）使用文本工具 在场景中输入文字“闪出的文字”，字体为楷体、大小为,40,、颜色为蓝色，如图,5-65,所示。,（,3,）将文字转换为图形元件“文字”，并将文字实例移动到场景外，在第,10,帧处按,【F6】,键插入关键帧，并将文字实例移动到场景中，如图,5-65,所示。,制作“闪出的文字”,（,4,）在第,1,帧处单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，如图,5-66,所示。,（,5,）在第,40,帧处按,【F6】,键插入关键帧，并将文字实例向右移动少许位置，然后在第,1039,帧处创建补间动画，如图,5-67,所示。,（,6,）在第,60,帧处按,【F6】,键插入关键帧，选择文字实例，在“属性”面板中设置“颜色样式”的,Alpha,值为,5%,，然后在第,40,帧处创建补间动画，如图,5-68,所示。,（,7,）在时间轴中单击“绘制纸外观”按钮，在时间轴中单击帧并拖动指针可以预览动画变化过程，如图,5-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,帧处创建补间动画，然后在“属性”面板中设置“旋转”为逆时针、旋转数为,1,次，如图,5-77,所示此时的时间帧如图,5-78,所示。,（,10,）在时间轴上预览动画变化过程，如图,5-77,所示。,制作“弹跳的小球”,制作“弹跳的小球”,【,操作要求,】,（,1,）新建文档，绘制图形，并转化为元件。,（,2,）插入关键帧，移动元件位置。,（,3,）应用补间动画。,制作“弹跳的小球”,【,操作步骤,】,（,1,）新建一个,Flash,文档，设置“文档大小”为,200px400px,，并保存文档为“制作弹跳的小球,.fla”,。,（,2,）使用绘图工具在场景中绘制一个小球图形，选择图形并按,【F8】,间打开“转换为元件”对话框，名称输入“小球”、类型选择为“图形”，如图,5-78,所示。,（3,）单击 按钮关闭对话框，小球实例如图,5-79,所示。,（,4,）分别在第,20,、,40,帧处插入关键帧，如图,5-80,所示。,制作“弹跳的小球”,（,5,）在第,20,帧处，按住,【Shift】,键将小球实例向下拖动，如图,5-81,所示。,（,6,）在第,119,帧处单击鼠标右键，在弹出的快捷的菜单中选择“创建补间动画”命令，如图,5-82,所示。,（,7,）单击第,1,帧，在“属性”面板中单击 按钮打开“自定义缓入,/,缓出”对话框，在“自定义线”上单击出现“控制点”，拖动控制点调整自定义线弧度，用相同的方法调整自定义线到合适的位置，单击 按钮可以预览动画效果，如图,5-83,所示。单击 按钮关闭对话框。,制作“弹跳的小球”,（,8,）在时间轴中单击“绘制纸外观轮廓”按钮，预览,120,帧动画变化，从实例轮廓可以看出效果向下运动速度越来越快，如图,5-84,。,（,9,）在第,2039,帧处创建补间动画，单击第,20,帧，在“属性”面板中单击 按钮打开“自定义缓入,/,缓出”对话框，并调整“自定义线”的位置，如图,5-85,所示。,（,10,）单击 按钮关闭对话框，此时的时间轴如图,5-86,所示。,（,11,）按,【Ctrl+Enter】,键测试东哈效果如图,5-87,所示。,