项目五 引导路径动画 遮罩动画教学课件 二维动画设计软件应用（Flash CS6） 中职 高教版.pptx

《项目五 引导路径动画 遮罩动画教学课件 二维动画设计软件应用（Flash CS6） 中职 高教版.pptx》由会员分享，可在线阅读，更多相关《项目五 引导路径动画 遮罩动画教学课件 二维动画设计软件应用（Flash CS6） 中职 高教版.pptx（42页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、项 目导 读 Flash作品中，我们经常会看到鱼儿在水中自由自在的游、卫星绕着地球旋转、绚烂的光线、MTV字幕等动画效果，这些动画效果单纯的依靠设置关键帧是很难实现的。Flash为我们提供了引导层和遮罩层来实现复杂动画的制作。在项目五中，我们将学会如何应用引导层和遮罩层来制作复杂动画。储备新知识学习重点任务1引导线动画纸飞机思考与探索项目内容任务3遮罩引导综合动画 网站广告任务2遮罩动画放大镜效果学习重点项目五 引导路径动画、遮罩动画学习重点学会什么？学会什么？1.了解引导层的功能，掌握引导层动画的制作方法2.了解遮罩层的功能，掌握遮罩层动画的制作方法3.学会综合运用引导层和遮罩层制作复杂动画

2、学习重点：学习重点：本项目重点了解引导路径动画和遮罩动画的工作原理，学习引导路径动画和遮罩动画的制作方法及使用技巧。0102储备新知识项目五 引导路径动画、遮罩动画储备新知识1.引导路径动画原理 引导层是Flash中一种特殊的图层，Flash通过引导路径动画来实现对象沿着复杂路径移动，灵活地使用引导层可以创建出丰富多彩的动画效果。引导路径动画就是利用引导层中的引导线确定移动路径，使被引导层里的物体沿着指定的路径移动。需要注意的是引导层上绘制的引导线仅作为路径，在发布时是不会显示出来的。引导路径动画引导路径动画是将一个或多个层链接到一个运动引导层，使一个或多个对象沿由运动引导层指定的路径运动的动

3、画。引导路径动画由引导层和被引导层组成。项目五 引导路径动画、遮罩动画储备新知识2.创建引导路径动画的步骤（1）在普通层“图层1”中创建一个对象，插入关键帧，在两个关键帧之间创建传统补间动画。（2）将鼠标指向“图层1”，单击鼠标右键，在打开的快捷菜单中选择“添加传统运动引导层”，单击鼠标左键，为“图层1”添加引导层，此时“图层1”缩进成为“被引导层”。（3）在引导层中绘制一条路径，然后在时间轴面板中插入帧，将绘制的路径沿用到已做好的补间动画的终止帧。（4）在被引导层中，调整对象的位置，在起始帧处将对象的中心点移动到路径的起点，在终止帧处将对象的中心点移动到路径的终点。注意对象中心的十字星一定要

4、正好对准引导线的端头，引导路径动画引导路径动画是将一个或多个层链接到一个运动引导层，使一个或多个对象沿由运动引导层指定的路径运动的动画。引导路径动画由引导层和被引导层组成。项目五 引导路径动画、遮罩动画储备新知识1.遮罩动画原理 遮罩相当于在普通层上创建一个任意形状的“视窗”，普通层上的内对象通过“视窗”显示出来，“视窗”之外的对象不会显示。在Flash中，“遮罩动画”是通过“遮罩层”来实现有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。遮罩动画遮罩也被称为蒙版，是Flash中一个重要的功能，灵活地将遮罩动画与其他Flash技

5、术相互配合使用，可以使作品更加丰富生动。2.遮罩动画步骤在Flash中遮罩层是由普通层转化的。在某个图层上单击右键，在弹出的快捷菜单中选择“遮罩层”。该图层就会转化成遮罩层，同时遮罩层下面的图层被自动关联为“被遮罩层”。3.遮罩层与被遮罩层所使用的内容 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。任务1 引导线动画纸飞机项目五 引导路径动画、遮罩动画任务1任务分析：任务分析：利用引

6、导层路径动画实现纸飞机沿着指定的路径飞行。纸飞机动画部分截图项目五 引导路径动画、遮罩动画任务1任务实施任务实施步骤1 选择“文件”“新建”菜单命令，新建一个flash文档。设置相关参数。项目五 引导路径动画、遮罩动画任务1任务实施任务实施步骤2 选择“文件”“导入”“导入到舞台”菜单命令，导入光盘中的素材“项目五任务1背景.jpg”，并将时间轴面板中的图层1命名为背景。步骤3 选择背景层，在第50帧处插入帧。项目五 引导路径动画、遮罩动画任务1任务实施任务实施步骤4 选择“文件”“导入”“导入库”菜单命令，导入光盘中的素材“项目五任务1飞机.png”导入到库中。步骤5 新建图层2，并将其命名

7、为飞机。将“飞机.png”从库中拖拽到舞台上，并将“飞机.png”缩小到70%，步骤6 选择飞机层，在50帧处插入关键帧，将飞机移动到舞台的其他位置，并创建飞机的补间动画。项目五 引导路径动画、遮罩动画任务1任务实施任务实施步骤7 将鼠标放在飞机层上，单击鼠标右键，在打开的快捷菜单栏中选择“添加传统运动引导层”命令，再单击鼠标左键，为飞机层添加引导层，项目五 引导路径动画、遮罩动画任务1任务实施任务实施步骤8 选中引导线层，选择工具栏中的铅笔工具，并将铅笔模式设置为“平滑”，在舞台中绘制飞机飞行的路径，并调整路径的平滑，步骤9 选中时间轴面板上飞机层的第1帧，将飞机移动到引导线的起始端，注意飞

8、机的中心要与引导线的起始端对正；再选中第50帧，将飞机移动到引导线的终止端，同样注意飞机的中心与引导线的终止端对正。这是保证飞机沿引导线移动的关键。拖到时间线，看到飞机沿着引导线移动。项目五 引导路径动画、遮罩动画任务1任务实施任务实施步骤10 选中飞机层，在属性面板中勾选“调整到路径”命令，步骤11按【ctrl+enter】键播放动画查看效果。保存文件，命名为“飞行的纸飞机”。项目五 引导路径动画、遮罩动画任务1任务实施任务实施任务经验任务经验在制作引导路径动画时，我们需要明确引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出

9、的线段。“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状补间动画。任务2 遮罩动画放大镜效果项目五 引导路径动画、遮罩动画任务2任务分析：任务分析：本例中我们运用遮罩动画来实现图像的放大效果。其中原图为背景层，放大的原图做为被遮罩层，椭圆工具绘制的圆形做为遮罩层。放大镜效果动画部分截图项目五 引导路径动画、遮罩动画任务2步骤1 选择“文件”“新建”菜单命令，新建一个flash文档。设置相关参数。任务实施任务实施项目五 引导路径动画、遮罩动画任务2步骤2 选择“文件”“导入”“导入到库”菜单命令，将光盘中的素材“项目五任务2原图.jpg、镜框.png

10、”导入到库中。步骤3 将库中的“原图”拖到舞台中，利用对齐面板将其“与舞台对齐”，并将图层1命名为背景，在20帧处插入帧。任务实施任务实施项目五 引导路径动画、遮罩动画任务2步骤4新建图层2，并将其命名为“大图”，将库中的原图导入到舞台，将其缩放到140%，稍微调整大图的位置，任务实施任务实施项目五 引导路径动画、遮罩动画任务2步骤5 新建图层3，命名为“放大镜”，选择椭圆工具在舞台绘制圆形，并在第1帧到第20帧之间创建圆形从左向右移动的补间动画。步骤6 新建图层4，命名为“镜框”，将库中的“镜框.png”拖入到舞台，调整大小和位置，按照步骤5的方法创建从左到右的补间动画。任务实施任务实施项目

11、五 引导路径动画、遮罩动画任务2步骤7 选中放大镜层，单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”，将放大镜层转化为遮罩层。任务实施任务实施步骤8 按【ctrl+enter】键播放动画查看效果。保存文件，命名为“放大镜效果”。项目五 引导路径动画、遮罩动画任务2任务实施任务实施任务经验任务经验如果你对放大镜放大的倍数的效果不满意，可以先点击时间轴面板上大图图层的锁头，解锁后，调整下大图的缩放比例，调整好缩放比例后，千万别忘记把锁头锁上，否则你是看不到遮罩效果的呀！想想看，如果你想改变放大镜移动的位置又该如何操作呢！任务3 遮罩引导综合动画 网站广告项目五 引导路径动画、遮罩动画任务3任务分析

12、：任务分析：本例是遮罩动画和路径引导动画的综合运用。实例中运用绘图工具绘制飞机和白板部分，飞机沿指定的路径飞行，随着飞机的飞行，白板展开，广告文字分别以逐个及探照灯效果出现。网页广告动画部分截图项目五 引导路径动画、遮罩动画任务3步骤1 选择“文件”“新建”菜单命令，新建一个flash文档。设置相关参数。任务实施任务实施项目五 引导路径动画、遮罩动画任务3步骤2 选择“文件”“导入”“导入到库”菜单命令，将光盘中的素材“项目五任务3地球.jpg”导入到库中。步骤3 将库中的“地球.jpg”拖拽到舞台中央，将图层1命名为“背景”，在50帧处插入帧，并将背景层锁定，任务实施任务实施项目五 引导路径

13、动画、遮罩动画任务3步骤4 选择“插入”“新建元件”菜单命令，元件命名为“飞机”，绘制飞机。任务实施任务实施项目五 引导路径动画、遮罩动画任务3步骤5 新建图层2，命名为“白板”，并绘制如图所示的图形。任务实施任务实施项目五 引导路径动画、遮罩动画任务3步骤6 新建图层3，命名为“遮罩层”，绘制如图5-33的形状；在第10帧处插入关键帧，将绘制图形的形状调整成如图所示的形状，在第1帧和第10帧之间创建形状补间动画。任务实施任务实施项目五 引导路径动画、遮罩动画任务3步骤7 选中遮罩层，单击鼠标右键，选中“遮罩层”，将图层转化为遮罩层，如图所示。按下回车键，可以看到白板的渐显效果。任务实施任务实

14、施项目五 引导路径动画、遮罩动画任务3步骤8 新建图层4，命名为“飞机”，将库中绘制的元件“飞机”拖入舞台，并调整其大小。步骤9 在第1帧和第10帧之间制作飞机从舞台左下方飞向舞台右上方的动画。任务实施任务实施项目五 引导路径动画、遮罩动画任务3步骤10 选择飞机层，单击鼠标右键，选择“添加传统引导线层”，并绘制引导线路径，将飞机移动到路径上，适当调整路径的位置。任务实施任务实施项目五 引导路径动画、遮罩动画任务3步骤11 新建图层5，命名为“音乐”，在第11帧处插入关键帧，输入文本“一个人带着音乐去旅行”，字体为“幼圆”，文字颜色为“#cc0066”。步骤12 制作文字逐个出现效果。新建图层

15、6，命名为“矩形”，在第11帧处插入关键帧，绘制矩形。并制作矩形有第11帧到第15帧的从左向右移动的动画效果，并将“矩形”层转化为“音乐”层的遮罩层，任务实施任务实施项目五 引导路径动画、遮罩动画任务3步骤13 同步骤11和步骤12制作，分别在第16帧至第20帧和第21帧至25帧制作其他两组文字的动态效果。任务实施任务实施项目五 引导路径动画、遮罩动画任务3步骤14 新建图层10，命名为“精英”，在第26帧处插入关键帧，输入文本“精英英语 助你圆梦”。步骤15 制作文字的探照灯效果。新建图层11，命名为“小球”，在第26帧处插入关键帧，绘制小球，并在第26帧和第40帧之间制作小球从左向右移动的

16、动画。然后将“小球”层转化为遮罩层。步骤16 按【ctrl+enter】键播放动画查看效果。保存文件，命名为“网站广告”任务实施任务实施项目五 引导路径动画、遮罩动画任务3任务实施任务实施任务经验任务经验本实例的制作过程中，要注意飞机飞行和白板出现的节奏要合理，可以通过调整遮罩层形状的变化来把握节奏。文字出现运用了遮罩原理，大家可以广开思路，想想利用遮罩原理还可以制作哪些文字的动态效果。飞机沿路径飞行时，注意首尾端的对齐。思考与探索项目五 引导路径动画、遮罩动画思考与探索思考思考01探索探索021.引导路径动画的原理？2.引导层和被引导层分别可以是哪些元素？3.遮罩动画的原理？4.遮罩层和被遮罩层分别可以使用哪些元素？1.根据所给的素材制作引导路径动画“游来游去的小蝌蚪”2.利用遮罩原理制作图片切换效果。本项目是flash软件教学中的重点内容之一，通过典型的任务范例讲授了flash引导路径动画和遮罩动画的制作方法及使用技巧。引导路径与遮罩是Flash中的重要工具，虽然他们的使用方法很简单，但是其功能非常强大，许多优秀的Flash作品中都离不开这两项技术，希望大家在熟练掌握本章内容的基础上，灵活运用引导和遮罩技术，创作出更加丰富的Flash作品。项目总结