Flash动画制作之—制作引导层动画PPT学习课件

1、第7步，创建引导层动画，了解引导层动画模拟篮球的效果。使用引导层动画掌握气泡飘动效果。使用引导层动画掌握表达艺术创意的方法。使用多层导向动画模拟鱼游泳的效果。1，7.1引导层动画原理7.2引导层动画7.3课后工作改进，本章概述，2，7.1引导层动画原理，7.1.1知识点说明，引导层动画生成方法和原理通过以下学习可以很容易掌握。图7-1两个层的参数，一个，创建引导层和引导层。图7-2创建引导层，图7-3多层引导，3，2，引导层动画原理。图7-4示出了从第1帧和第50帧引导的层的小球位置。图7-5显示引导层的整体运动轨迹、球在第1帧的位置、球在第50帧的位置、图7-4设置球的开始位置、图7-5球运

2、动、引导层的路径在发布后不显示，仅显示作为引导元素的运动轨迹。在引导层上引导的图形必须是元件，并且必须创建补间动画。此外，若要成功创建引导层动画，必须将关键帧中元件的“变形中心”设置为引导层的路径。4，7.1.2样本分析(a)要制作引导层动画练习，学生们在老师的指导下进行引导层动画制作练习，完成以下操作：1，在学习资源中创建素材讲座7 创建引导层动画练习赛车。打开fla文件。2，在默认图层1上绘制路径，如图7-6所示。图7-6绘制路径、5、3，并将帧插入图层1的第80帧。4.将新层重命名为层2，然后将其拖动到层1下方。5、将“汽车1”元件从“库”面板拖到舞台上，然后设置其位置，如图7-7所示。

3、变形中心、整体效果、放大图、图7-7放置汽车组件，在第6层、第2层的第80帧放置关键帧，并将第80帧的汽车组件位置设置为图7-8所示。变形中心，图7到8阶位置放置，6，7，在第2层的第1帧到第80帧之间创建补间动画。右键单击第8层、第1层，然后从弹出快捷菜单中选择“引导层”命令，将第1层转换为引导层，然后将第2层向下拖动到第1层，将图层效果转换为引导层，如图7-9所示。创建图7-9引导层动画，按Ctrl Enter热键，测试影片播放，发现汽车的运动效果不对。10、关闭测试播放器，然后选择第2层的第1帧，并在“属性”面板上选择“调整到路径”选项，如图7-10所示。重新测试了电影，发现汽车的运动效

4、果是正确的。图7-10路径上选择调整选项7，7.1.3实例分析(2)-制作“街头篮球”，篮球是目前世界上最受欢迎的运动之一，我相信读者也很熟悉。要使用动画创建射击效果，需要具有图7-11所示设计理念和效果的引导层动画。图7-11设计思路和效果，1，打开模板进行分析。8，(1)在这种情况下，重点是引导层动画，因此本书中提供了场景、道具、角色等，并提供了用于制作的模板，因此读者只需要完成引导层动画的相关部分。如图7-12所示，教育资源的资料。讲座7。街头篮球。街头篮球。打开fla文件。使用图7-12打开模板、9、双击场景中的“男孩”元件，观察前5帧的动画，如图7-13所示。在第4帧，可以看到篮球在

5、少年手中消失了，可以推断，在第5帧，少年进行了射门动作，引导层动画应在第4帧开始，篮球的位置应根据第4帧少年手的位置确定。，第1帧、第2帧、第3帧、第4帧、第5帧，图7-13男孩组件的前5帧动画，第10帧，(2)回到主场景，观察整个舞台，在篮球移动的同时，“男孩的手”，“篮子”，如图7-14所示视角分析显示，必须在具有三个元件的男孩、篮筐前端、网所在的层下、具有三个元件的层上创建引导层。男孩的手，篮框前沿，球，篮板，篮框后，图7-14层分析，11，2，引导层动画。(1)锁定所有图层，在“反弹”图层上创建新图层，然后根据前面的分析在时间轴的第4帧上插入关键帧，如图7-15所示。(2)在参考线层的

6、第4帧上，使用线工具和选择工具绘制篮球的轨迹，如图7-16所示。读者在画篮球路径曲线的时候，要充分发挥想象力，画篮球的实际飞行路径。绘制图7-15中的新参考线、图7-16中的参考线、12、(3)在参考线图层下创建新图层，将该图层重命名为“篮球”图层，在第4帧中插入关键帧，然后将篮球元件从“库”面板拖到“篮球”图层上，如图7-17所示。篮球、层效果、拖动到篮球、创建图7-17篮球层、(4)在“篮球”层的第30帧中插入关键帧，以及在第4帧到第30帧之间创建补间动画。13，(5)按下“接近对象”按钮，使用选择工具将第4帧的篮球设置到准则的最左端，将第30帧设置到准则的右端，篮球组件的变形中心必须位于

7、准则上，如图7-18所示。(6)右键单击引导层，然后从弹出快捷菜单中选择“引导层”命令，将其转换为引导层。(7)将篮球图层拖动到“参考线图层”图层下方，然后释放“参考线图层”图层上的图标，将其转换为参考线图层，如图7-19所示。设置篮球在第4帧的位置，篮球在第30帧的位置，在图7-18中设置篮球的位置，在图7-19中创建参考线层动画，14，完成参考线层动画的创建，如果测试视频中篮球没有沿参考线层的路径移动，则参考线为“篮球”元件的“变形中心”，3，改进引导层动画。(1)通过按Ctrl Enter快捷键测试视频，我们发现篮球的运动非常僵硬，没有速度变化，与实际篮球非常不同，需要慢慢设置。(2)选

8、择篮球层的第4帧，然后单击“属性”面板上的按钮以打开自定义缓入/缓出对话框，如图7-21所示的效果，图7-20帧“属性”面板，图7-21中的篮球速度调整，15，(3)，篮球在第13帧的位置，篮球在第14帧的位置，图7-23篮球通过效果，16，(5)一般情况下，球在越过球网时以惯性和自身灵活性反弹。因此，如图7-24所示，需要在网格层的第13、14和15帧中插入关键帧，并在第14帧中调整网格形状。第13帧的网格形状、第14帧的网格形状、第15帧的网格形状、图7-24 web的动态效果、(6)保存测试视频，可以看到非常真实、完美的街头篮球效果。，17，7.1.4课堂练习 制作花泡泡，学生们使用引导

9、层动画制作风吹花泡泡的动画效果，如图7-25所示。1，导入素材布局场景。执行图7-25最终设计效果，18，(2)“文件”/“导入”/“打开外部库”菜单命令，然后执行培训资源中的素材讲座7 花朵气泡花朵气泡，如图7-26所示。打开fla文件，将所有内容复制到当前库面板中。(3)创建新图层，重命名图层，然后在所有图层的帧120中插入帧，直到出现图层效果，如图7-27所示。图7-26打开外部库。图7-27层效果，19，(4)作为“背景”层背景，如图7-28所示。png以设置位置坐标x、y为“0”，宽度为“800px518px”。(5)前景层，如图7-29所示。拖动png以将位置坐标x、y分别设置为“

10、-25”、“250”，并将宽度高度设置为“933px250px”。图7-28设置背景图，图7-29设置前景图，2，创建气泡飘动效果。(1)为了便于操作，隐藏前景图层，然后在气泡1路径和气泡2路径图层上绘制引导线，如图7-30所示。气泡1参考线、气泡2参考线、图7-30分别将路径曲线、20、(2)气泡1和气泡2元件拖至气泡1和气泡2层，然后设置第1帧的位置，如图7-31所示。(3)在“气泡1”和“气泡2”层的帧120中插入关键帧，图7-31在该帧中设置“气泡1”和“气泡2”符号的位置，图7-32在帧120中设置气泡的位置21，图7-32图7-33引导层制作动画，(5)保存制作美丽梦想花泡沫动画效

11、果的测试视频。22、7.2引导层动画增强功能，通过上一节中的学习，相信学生已经掌握了如何创建引导层动画以及设计原则，本节将使用多层引导层动画来创建复杂的Flash动画。7.2.1知识点说明，生活观察引导层动画可以表达创造性的东西。使用引导层动画模拟想法。搜集资料丰富作品。在制作过程中不断地完成自己的作品。23，7.2.2的案例分析 “蜻蜓桥相遇”的制作在中国流传着美丽的织女、忠厚的牵牛和穿越长长星系的神话。他们彼此相爱，但每年只能通过喜鹊桥见面一次。为了让他们再看一次，可爱的蜻蜓也建立了“蜻蜓桥”，实现了另一个神话“蜻蜓桥”的相遇！使用Flash创建此效果的设计理念和效果如图7-34所示。图7

12、-34想法和效果，24，1，获取材质制作背景。(1)创建新的Flash文档，将文档的“大小”设置为“700px400px”，“帧速率”设置为“24fps”，其他属性保留默认参数。(2)运行“文件”/“导入”/“打开外部库”菜单命令，在学习资源中会见素材讲座7 打开fla文件。将影片剪辑元件(背景、牛郎、蜻蜓和织女)复制到当前的“库”面板中。(3)将基底图层1重命名为背景图层，将背景元件拖到舞台上，然后确保宽度高度为700px400px，位置坐标x和y都为“0”，如图7-36所示。图7-35打开外部库，图7-36背景拖动25，2，创建飞行效果。(1)在背景层上创建新层，然后将其重命名为蜻蜓桥，以

13、绘制参考线，如图7-37所示。图7-37绘制了曲线的起点和终点都是直线，场景的中心部分是曲线的引导线。这样绘制的优点是，您可以更好地控制正在引导的元件的旋转方向。如图7-38所示，选择26，(2)绘制的引导线，然后在按住Ctrl键的同时再次复制这两条线。(3)选择三条曲线，按F8快捷键将其转换为影片剪辑元件，然后将其重命名为“飞行”。(4)单击按钮进入元件内部进行编辑，在舞台上选择底部曲线并将其分布到图层上，选择中心曲线并将其分布到图层上。(5)从上到下将图层重命名为“路径上”图层、“路径内”图层、“路径下”图层等，然后在三个图层的第220帧中插入帧，如图7-39所示。图7-38线复制，图7-

14、39设置层27，(6)设计为蜻蜓三次移动到舞台上。在这种情况下，“路径上”和“路径下”的“蜻蜓”从舞台左向右移动，“路径内”的“蜻蜓”从舞台右向左移动。(40)在“路径”图层上方创建一个新图层(如图7-40所示)，将其重命名为“蜻蜓上”图层，将“蜻蜓”元件拖动到“蜻蜓上”图层，并设置第1帧的位置。(80在蜻蜓层的第220帧处插入关键帧，并将该位置设置到曲线的右端，如图7-41所示。图7-40设定影格1蜻蜓的位置，图7-41设定影格220蜻蜓的位置，28，(9)在蜻蜓上方图层的影格1至220之间建立移动补间动画，路径上方图层转换为导引线图层，以及蜻蜓上方(10)选择“蜻蜓上方”图层的第1帧，然后

15、在“属性”面板中选择“调整到路径”选项。(11)此“蜻蜓上方”的引导层动画采用相同的方法设置“蜻蜓中”和“蜻蜓下方”的动画。设置元件位置时(如图7-40和图7-41所示)，必须将元件的变形中心放置在路径上。如果变形中心不在路径上，则引导层动画将失败。29，3，创建蜻蜓腿效果。(1)返回主场景，选择“飞行”元件(如图7-42所示)，按F8快捷键将其转换为影片剪辑元件，然后将其命名为“蜻蜓桥”。(2)双击“蜻蜓桥”元件进行编辑，将帧插入图层1的第200帧。您可以在图7-42中选择“飞行”元件(3)，选择“飞行”元件，按Ctrl C快捷键复制元件，在第20帧中插入关键帧，然后在该帧中按Ctrl Sh

16、ift V快捷键粘贴元件，使用相同的方法在每20帧中插入关键帧，然后将元件粘贴到第200帧。图层效果如图7-43所示。30，(4)选择第200帧，然后按F9快捷键打开“动作-帧”面板，并显示代码“stop()；”输入，如图7-44所示。图7-43层效果1，图7-44输入代码31，(5)返回主场景，按Ctrl Enter快捷键测试视频，完成了美丽的蜻蜓腿效果。图7-45创建蜻蜓腿，4，制作牛郎织女动画。(1)在图层上方创建新图层，重命名图层，然后在所有图层的帧320中插入帧，如图7-46所示。(2)在“人路径”层上绘制类似于“蜻蜓桥”曲线的引导线，如图7-47所示。32，(3)在牛郎和织女图层的第220帧插入关键帧，将“库”面板中的牛郎和织女元件分别拖动到牛郎和织女图层，然后设置位置，如图7-48所示。图