遮罩层动画ppt课件1信息技术八下

1、http:/主讲：主讲：zhi zuo zhe zhao ceng dong huahttp:/项目五 制作遮罩层动画任务一 理解遮罩层的概念及动画原理理解遮罩层的概念及动画原理任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画http:/理解遮罩层与被遮罩层的概念。理解遮罩层与被遮罩层的概念。理解遮罩动画产生的设计原理。理解遮罩动画产生的设计原理。了解多层遮罩动画的运用。了解多层遮罩动画的运用。掌握使用遮罩原理制作动画的方法和技巧。掌握使用遮罩原理制作动画的方法和技巧。了解复杂动画设计的方法和技巧。了解复杂动画设计的方法和技巧。教学目标教学目标: 项目五 制作遮罩层动画http:/操作

2、一 制作“动态文字”操作二 制作“水中倒影效果”操作三 制作“瀑布效果”任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理http:/任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理遮罩层和引导层一样，是遮罩层和引导层一样，是flashflash中特殊的中特殊的图层。合理地使用遮罩层可以创建出丰富多彩图层。合理地使用遮罩层可以创建出丰富多彩的动画效果。的动画效果。http:/一个遮罩效果的实现至少需要两个图层，上面的图一个遮罩效果的实现至少需要两个图层，上面的图层是遮罩层，下面的图层是被遮罩层，如图所示，其中层是遮罩层，下面的图层是被遮罩层，如图所示，其中

3、“图层图层2”2”是遮罩层，是遮罩层，“图层图层1”1”是被遮罩层。与普通层是被遮罩层。与普通层不同的是，在具有遮罩层的场景中，只能通过遮罩层上不同的是，在具有遮罩层的场景中，只能通过遮罩层上对象的形状，才可以看到被遮罩层上的内容。对象的形状，才可以看到被遮罩层上的内容。 任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理http:/本例将遮罩原理用于制作动感文字，在文字的轮廓本例将遮罩原理用于制作动感文字，在文字的轮廓中将中将出现出现流云的运动效果，避免文字过于呆板和单流云的运动效果，避免文字过于呆板和单调，增加其美感，最终设计效果如图所示。调，增加其美感，最终设计效果如图

4、所示。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作一 制作“动感文字”【 设 计 目 标 】【 设 计 目 标 】http:/科目一考试网 http:/ 科目一模拟考试2016科目四考试网 http:/ 科目四模拟考试驾校一点通365网 http:/ 驾校一点通2016科目一 科目四驾驶员理论考试网 http:/ 2016科目一考试 科目四考试http:/在最底层选取一幅图片做背景。在最底层选取一幅图片做背景。在这幅背景图上面做一个由文字和一组序在这幅背景图上面做一个由文字和一组序列图片组成的遮罩效果。列图片组成的遮罩效果。在静态的图片上面可以透过文字的轮廓看在静态

5、的图片上面可以透过文字的轮廓看到一幅动态的景色。到一幅动态的景色。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作一 制作“动感文字”【设计思路】【设计思路】http:/任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作一 制作“动感文字”视频：制作视频：制作“动感文字动感文字”制作制作“动感文字动感文字”的大致过程如下的大致过程如下: : 布置舞台。布置舞台。 制作遮罩。制作遮罩。 预览动画。预览动画。http:/利用遮罩原理可以表达很多动画效果。例如，利用遮罩原理可以表达很多动画效果。例如，“水水”是动画中常用的主题，波光粼粼的水面、是动画中常

6、用的主题，波光粼粼的水面、水中美丽的倒影、流动的小溪以及水中美丽的倒影、流动的小溪以及“飞流直下飞流直下三千尺三千尺”的瀑布都是动画设计师宠爱的题材。的瀑布都是动画设计师宠爱的题材。本例将进一步加深对遮罩效果的理解，掌握在本例将进一步加深对遮罩效果的理解，掌握在影片剪辑中制作遮罩效果的方法。影片剪辑中制作遮罩效果的方法。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作二 制作“水中倒影效果”【 设 计 目 标 】【 设 计 目 标 】http:/在主场景中创建图片的背景层和文字层。在主场景中创建图片的背景层和文字层。在文字层的上层放置一个影片剪辑，其内在文字层的上层放置

7、一个影片剪辑，其内部包含文字倒影的遮罩效果。部包含文字倒影的遮罩效果。利用倒影文字遮罩一组均匀相间的移动线利用倒影文字遮罩一组均匀相间的移动线条形成水波效果。条形成水波效果。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作二 制作“水中倒影效果”【设计思路】【设计思路】http:/任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作二 制作“水中倒影效果”视频：制作视频：制作“水中倒影效果水中倒影效果”制作制作“水中倒影效果水中倒影效果”的大致过程如下的大致过程如下: 布置舞台。布置舞台。 制作倒影。制作倒影。 制作波纹。制作波纹。 预览动画。预览动

8、画。http:/在位图中制作出逼真的遮罩效果。在位图中制作出逼真的遮罩效果。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作三 制作“瀑布效果”【 设 计 目 标 】【 设 计 目 标 】http:/遮罩动画的原理就是透过遮罩层物体的形状遮罩动画的原理就是透过遮罩层物体的形状看到被遮罩层物体的内容，因此要使图片中看到被遮罩层物体的内容，因此要使图片中静止的瀑布静止的瀑布“动起来动起来”，而其他区域的景色，而其他区域的景色则保持不变，应该分两步来处理。则保持不变，应该分两步来处理。首先分离瀑布流水。首先分离瀑布流水。然后给流水添加遮罩效果。然后给流水添加遮罩效果。任务一

9、理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作三 制作“瀑布效果”【设计思路】【设计思路】http:/任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作三 制作“瀑布效果”视频：制作视频：制作“瀑布效果瀑布效果”制作制作“瀑布效果瀑布效果”的大致过程如下的大致过程如下: : 新建新建flashflash文档。文档。 制作制作“瀑布瀑布”元件。元件。 制作制作“遮罩遮罩”元件。元件。 完成制作完成制作“瀑布瀑布”元件。元件。 预览动画。预览动画。http:/任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作一 制作“地球旋转效果”操作二 模拟“物

10、体在管道下落的效果”操作三 制作“卷轴展开效果”http:/ 任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画遮罩层中有动画对象存在的地方都会产生遮罩层中有动画对象存在的地方都会产生一个孔，与其链接的被遮罩层相应区域中的对一个孔，与其链接的被遮罩层相应区域中的对象可以显示出来；而没有动画对象的地方会产象可以显示出来；而没有动画对象的地方会产生一个罩子，遮住链接层相应区域中的对象。生一个罩子，遮住链接层相应区域中的对象。利用这个原理再辅之以其他动画设计方法，可利用这个原理再辅之以其他动画设计方法，可以制作出更多富有创意的设计作品。本任务将以制作出更多富有创意的设计作品。本任务将创建两个具

11、有实用价值的动画作品。创建两个具有实用价值的动画作品。http:/操作一 制作“地球旋转效果”任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画本例将使用多重遮罩的方法制作一个地球本例将使用多重遮罩的方法制作一个地球旋转的动画。蓝色背景中的地球模型均匀旋转的动画。蓝色背景中的地球模型均匀转动，可以清晰地看到其上的大陆版块图，转动，可以清晰地看到其上的大陆版块图，最终效果如图所示。最终效果如图所示。【设计效果】【设计效果】http:/操作一 制作“地球旋转效果”任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画首先制作蓝色方格背景。首先制作蓝色方格背景。然后制作半透明圆形球体作为遮罩

12、层。然后制作半透明圆形球体作为遮罩层。接着利用勾勒出来的大陆版块作为被遮罩接着利用勾勒出来的大陆版块作为被遮罩层。圆形球体是不运动的，但如果让被遮罩层。圆形球体是不运动的，但如果让被遮罩的大陆版块运动起来，圆形球体看起来就是的大陆版块运动起来，圆形球体看起来就是运动的。运动的。对大陆版块要分正面和背面，因此需要使对大陆版块要分正面和背面，因此需要使用多个被遮罩层。用多个被遮罩层。【设计思路】【设计思路】http:/视频：制作视频：制作“地球旋转效果地球旋转效果”制作制作“地球旋转效果地球旋转效果”的大致过程如下的大致过程如下: 新建一个新建一个flash文档。文档。 创建创建“元件元件”。 创

13、建创建“元件元件2”。 创建创建“元件元件3”和和“元件元件4”。 导入外部元件。导入外部元件。 创建动画创建动画 预览动画预览动画操作一 制作“地球旋转效果”任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画http:/任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画使用遮罩效果模拟现实生活中物体在管道中使用遮罩效果模拟现实生活中物体在管道中下落的运动效果，动画中使用简单的箭头图下落的运动效果，动画中使用简单的箭头图形来代表物体和管道，物体以不变的速度在形来代表物体和管道，物体以不变的速度在管道中下落，在转弯处自动改变方向，最后管道中下落，在转弯处自动改变方向，最后的设计效果如

14、图所示的设计效果如图所示。 【设计效果】【设计效果】操作二 模拟“物体在管道中下落的效果”http:/箭头物体在拐弯处转折的流畅性。本例采箭头物体在拐弯处转折的流畅性。本例采用两段无缝隙的遮罩动画来处理。用两段无缝隙的遮罩动画来处理。箭头物体在下落的过程中始终处于窗口的箭头物体在下落的过程中始终处于窗口的视野范围内。本例让箭头的下落和管道的视野范围内。本例让箭头的下落和管道的上升处于同步状态。上升处于同步状态。【设计思路】【设计思路】任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作二 模拟“物体在管道中下落的效果”http:/视频：模拟视频：模拟“物体在管道中下落的效果物体在管道中

15、下落的效果”模拟模拟“物体在管道下落的效果物体在管道下落的效果”的大致过程的大致过程如下如下: 创建元件。创建元件。 在在“管道管道”元件内新建一组图层。元件内新建一组图层。 创建动画。创建动画。 创建背景。创建背景。 创建主场景动画。创建主场景动画。 预览动画。预览动画。任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作二 模拟“物体在管道中下落的效果”http:/任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画本例将创建一个卷轴慢慢展开的动画，设计本例将创建一个卷轴慢慢展开的动画，设计中使用卷轴中图画的模糊效果图作为背景，中使用卷轴中图画的模糊效果图作为背景，随着卷轴慢慢

16、展开，模糊的图画逐渐清晰，随着卷轴慢慢展开，模糊的图画逐渐清晰，具有强烈的视觉冲击效果，最后的设计效果具有强烈的视觉冲击效果，最后的设计效果如图所示。如图所示。 【设计效果】【设计效果】操作三 制作“卷轴展开效果”http:/本例利用了两个遮罩。本例利用了两个遮罩。清晰图片逐渐覆盖模糊图片的遮罩。清晰图片逐渐覆盖模糊图片的遮罩。卷轴移动效果的遮罩。卷轴移动效果的遮罩。两个遮罩始终保持同步。两个遮罩始终保持同步。【设计思路】【设计思路】任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作三 制作“卷轴展开效果”http:/视频：制作视频：制作“卷轴展开效果卷轴展开效果”制作制作“卷轴展开

17、效果卷轴展开效果”的大致过程如下的大致过程如下: : 创建创建“元件元件1”1”。 创建创建“元件元件2”2”。 创建创建“元件元件3”3”和第二层遮罩。和第二层遮罩。 预览动画。预览动画。任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作三 制作“卷轴展开效果”http:/flashflash是一个工具软件，只有通过大量的是一个工具软件，只有通过大量的练习和思考，才能提高我们的动画制作水平。练习和思考，才能提高我们的动画制作水平。【实训目的】【实训目的】项目实训 重新制作所有习题http:/项目小结遮罩是遮罩是flash中的重要工具，其功能强大，中的重要工具，其功能强大，使用方法却很简单，许多优秀的使用方法却很简单，许多优秀的flash作品中作品中都有其身影，希望读者能熟练掌握并灵活运用都有其身影，希望读者能熟练掌握并灵活运用遮罩技术。本章通过大量的实例，由浅入深地遮罩技术。本章通过大量的实例，由浅入深地介绍了静态和动态遮罩效果，为读者全面展示介绍了静态和动态遮罩效果，为读者全面展示了遮罩动画的魅力。了遮罩动画的魅力。读者可以通过