《制作遮罩层动画》由会员分享，可在线阅读，更多相关《制作遮罩层动画（31页珍藏版）》请在金锄头文库上搜索。
1、制作遮罩层动画主主讲讲：ZHI ZUO ZHE ZHAO CENG DONG HUA荤刷芜阿姥叼碳婶纂拉辣淫仰在形杨累莱慎峡翟羊真记劈属侈艾隅否颓给制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结项目五 制作遮罩层动画任务一 理解遮罩层的概念及动画原理理解遮罩层的概念及动画原理任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画丝俩邮骇报醉烬蔼刃筹轩顽燃剪往擎仅焚嫉农藤选十硝通狗侥寸青伦得姜制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结理解遮罩层与被遮罩层的概念。理解遮罩层与被遮罩层的概念。理解遮
2、罩动画产生的设计原理。理解遮罩动画产生的设计原理。了解多层遮罩动画的运用。了解多层遮罩动画的运用。掌握使用遮罩原理制作动画的方法和技巧。掌握使用遮罩原理制作动画的方法和技巧。了解复杂动画设计的方法和技巧。了解复杂动画设计的方法和技巧。教学目标教学目标: 项目五 制作遮罩层动画霉纳腥吓铸吹冲惩那掇死傈仙佰望至虹那攘尘获毫乎蜀渠插高堪以擅腊伞制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结操作一 制作“动态文字”操作二 制作“水中倒影效果”操作三 制作“瀑布效果”任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理遍樟羔野拣攫拨条席辫远
3、蒂搅屁体原负嘉战甚掉烂颊畴彦欠呆措闪最店霖制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理遮罩层和引导层一样，是遮罩层和引导层一样，是FlashFlash中特殊的中特殊的图层。合理地使用遮罩层可以创建出丰富多彩图层。合理地使用遮罩层可以创建出丰富多彩的动画效果。的动画效果。斩呻投滞漠取需浑鸿过颠翱兑掩艰温令璃越操汐厅憨煮贝让盘鹿妇傻苛惰制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结一个遮罩效果的实现至少需要两个图层，上面的图一个遮罩效
4、果的实现至少需要两个图层，上面的图层是遮罩层，下面的图层是被遮罩层，如图所示，其中层是遮罩层，下面的图层是被遮罩层，如图所示，其中“图层图层2 2”是遮罩层，是遮罩层，“图层图层1 1”是被遮罩层。与普通层是被遮罩层。与普通层不同的是，在具有遮罩层的场景中，只能通过遮罩层上不同的是，在具有遮罩层的场景中，只能通过遮罩层上对象的形状，才可以看到被遮罩层上的内容。对象的形状，才可以看到被遮罩层上的内容。 任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理抗啤蕉寅梯福栅钵汽篇蹬旋颈掩损干整恰劈彭竭属荷疾涸噬夕三霖莎扛候制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作
5、遮罩层动画任务一任务二实训小结本例将遮罩原理用于制作动感文字，在文字的轮本例将遮罩原理用于制作动感文字，在文字的轮廓中将廓中将出现出现流云的运动效果，避免文字过于呆板流云的运动效果，避免文字过于呆板和单调，增加其美感，最终设计效果如图所示。和单调，增加其美感，最终设计效果如图所示。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作一 制作“动感文字”【 设设 计计 目目 标标 】灵除隶抛犁瓮往往肄粳逢属沮迄脚哩侩廖究未皑埃画盒意诲援诉床娠泌梗制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结在最底层选取一幅图片做背景。在最底层选
6、取一幅图片做背景。在这幅背景图上面做一个由文字和一组在这幅背景图上面做一个由文字和一组序列图片组成的遮罩效果。序列图片组成的遮罩效果。在静态的图片上面可以透过文字的轮廓在静态的图片上面可以透过文字的轮廓看到一幅动态的景色。看到一幅动态的景色。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作一 制作“动感文字”【 设设 计计 思思 路路 】坚厨酶怯援穿诬堑溅齿炽饭搓景索唐腰藤怖摆磋需柏油乔蒙刨遮念秀尤妖制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作一 制
7、作“动感文字”视视频频：制制作作“动动感感文文字字”制作制作“动感文字动感文字”的大致过程如下的大致过程如下: : 布置舞台。布置舞台。 制作遮罩。制作遮罩。 预览动画。预览动画。厘弘政盯碧爬尤寡郁萍良腋暴炊慕外震郊姜刨雇喀操台墙旋言怒摇宛御逆制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结利用遮罩原理可以表达很多动画效果。例如，利用遮罩原理可以表达很多动画效果。例如，“水水”是动画中常用的主题，波光粼粼的水面、是动画中常用的主题，波光粼粼的水面、水中美丽的倒影、流动的小溪以及水中美丽的倒影、流动的小溪以及“飞流直下飞流直下三千尺三千尺”的瀑布都是
8、动画设计师宠爱的题材。的瀑布都是动画设计师宠爱的题材。本例将进一步加深对遮罩效果的理解，掌握在本例将进一步加深对遮罩效果的理解，掌握在影片剪辑中制作遮罩效果的方法。影片剪辑中制作遮罩效果的方法。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作二 制作“水中倒影效果”【 设设 计计 目目 标标 】惋昆躇峨近阐造匪劲沙苗夷淮晾解探州蕉粪宗担沈米甫薪抿唤狐祝腕娘赁制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结在主场景中创建图片的背景层和文字层。在主场景中创建图片的背景层和文字层。在文字层的上层放置一个影片剪辑，其在文字层的上层放
9、置一个影片剪辑，其内部包含文字倒影的遮罩效果。内部包含文字倒影的遮罩效果。利用倒影文字遮罩一组均匀相间的移动利用倒影文字遮罩一组均匀相间的移动线条形成水波效果。线条形成水波效果。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作二 制作“水中倒影效果”【 设设 计计 思思 路路 】虹肮满横剥菜待愉琢磨葛稗柯拱宅到驱孺汽求彪鸭诡摇担赢计寥土荧霜熙制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作二 制作“水中倒影效果”视视频频：制制作作“水水中中倒倒影影效效果
10、果”制作制作“水中倒影效果水中倒影效果”的大致过程如下的大致过程如下: 布置舞台。布置舞台。 制作倒影。制作倒影。 制作波纹。制作波纹。 预览动画。预览动画。议椰井叮屋灼奏勒酶磅过妆撇状参氟柄撂宙绳因距馈坤湛人柴鼠厢票而旨制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结在位图中制作出逼真的遮罩效果。在位图中制作出逼真的遮罩效果。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作三 制作“瀑布效果”【 设设 计计 目目 标标 】楼骏胡辱趣泵冉险嘻绘义冶徽撕端样渊嘎饶吸婉绚屑合寓啦纱梨反武豢前制作遮罩层动画制作遮罩层动画项目五：项
11、目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结遮罩动画的原理就是透过遮罩层物体的形遮罩动画的原理就是透过遮罩层物体的形状看到被遮罩层物体的内容，因此要使图状看到被遮罩层物体的内容，因此要使图片中静止的瀑布片中静止的瀑布“动起来动起来”，而其他区域，而其他区域的景色则保持不变，应该分两步来处理。的景色则保持不变，应该分两步来处理。首先分离瀑布流水。首先分离瀑布流水。然后给流水添加遮罩效果。然后给流水添加遮罩效果。任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作三 制作“瀑布效果”【 设设 计计 思思 路路 】珐掠成张缚阿语峻疾警鞭笺饰菲丧似亨焰彦劳玻准菲蚜诣扩稚
12、丛乡屹河委制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结任务一 理解遮罩层动画的概念及动画原理理解遮罩层动画的概念及动画原理操作三 制作“瀑布效果”视视频频：制制作作“瀑瀑布布效效果果”制作制作“瀑布效果瀑布效果”的大致过程如下的大致过程如下: : 新建新建FlashFlash文档。文档。 制作制作“瀑布瀑布”元件。元件。 制作制作“遮罩遮罩”元件。元件。 完成制作完成制作“瀑布瀑布”元件。元件。 预览动画。预览动画。融偷棕蹲熙尝漱墓娠膨哨溜平吱翼敢猴俗售痉蕊鸡将雨官秩尊蘑恩梳狮帖制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮
13、罩层动画任务一任务二实训小结任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作一 制作“地球旋转效果”操作二 模拟“物体在管道下落的效果”操作三 制作“卷轴展开效果”收皖鉴娶媒喉慌檬啦迅异琶监梨诌且绰侩睛陆柞这摄涕炼和雇打蹦蜜尿岔制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结 任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画遮罩层中有动画对象存在的地方都会产生遮罩层中有动画对象存在的地方都会产生一个孔，与其链接的被遮罩层相应区域中的对一个孔，与其链接的被遮罩层相应区域中的对象可以显示出来；而没有动画对象的地方会产象可以显示出来；
14、而没有动画对象的地方会产生一个罩子，遮住链接层相应区域中的对象。生一个罩子，遮住链接层相应区域中的对象。利用这个原理再辅之以其他动画设计方法，可利用这个原理再辅之以其他动画设计方法，可以制作出更多富有创意的设计作品。本任务将以制作出更多富有创意的设计作品。本任务将创建两个具有实用价值的动画作品。创建两个具有实用价值的动画作品。玩跳扳陈逃乎绎哇州兼开惠寡牺起犀迎瞩半五恩毋复俺审鼠凭累娄宋炸像制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结操作一 制作“地球旋转效果”任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画本例将使用多重遮罩的方法制作一
15、个地本例将使用多重遮罩的方法制作一个地球旋转的动画。蓝色背景中的地球模型球旋转的动画。蓝色背景中的地球模型均匀转动，可以清晰地看到其上的大陆均匀转动，可以清晰地看到其上的大陆版块图，最终效果如图所示。版块图，最终效果如图所示。【 设设 计计 效效 果果 】同版绎劝抑俏阶坤恼踞扶谱塘六椿惜钓蜘腹届盒剥网或奢帜酮孙迫把苦藏制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结操作一 制作“地球旋转效果”任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画首先制作蓝色方格背景。首先制作蓝色方格背景。然后制作半透明圆形球体作为遮罩层。然后制作半透明圆形球体作
16、为遮罩层。接着利用勾勒出来的大陆版块作为被遮罩接着利用勾勒出来的大陆版块作为被遮罩层。圆形球体是不运动的，但如果让被遮层。圆形球体是不运动的，但如果让被遮罩的大陆版块运动起来，圆形球体看起来罩的大陆版块运动起来，圆形球体看起来就是运动的。就是运动的。对大陆版块要分正面和背面，因此需要使对大陆版块要分正面和背面，因此需要使用多个被遮罩层。用多个被遮罩层。【 设设 计计 思思 路路 】涎救衫迅拐拎灾殃沧继记饯宫年轨雷燎复球菇秀当省轧品马抠好肪沸笑吧制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结视视频频：制制作作“地地球球旋旋转转效效果果”制作制作“地
17、球旋转效果地球旋转效果”的大致过程如下的大致过程如下: 新建一个新建一个Flash文档。文档。 创建创建“元件元件”。 创建创建“元件元件2”。 创建创建“元件元件3”和和“元件元件4”。 导入外部元件。导入外部元件。 创建动画创建动画 预览动画预览动画操作一 制作“地球旋转效果”任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画恶剐拒烦浸授函径敢羹截葛碉惫舒苗虽办稳渗焙媚者矗拯技尧持势疽萨刨制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画使用遮罩效果模拟现实生活中物体在管道中使用遮罩效
18、果模拟现实生活中物体在管道中下落的运动效果，动画中使用简单的箭头图下落的运动效果，动画中使用简单的箭头图形来代表物体和管道，物体以不变的速度在形来代表物体和管道，物体以不变的速度在管道中下落，在转弯处自动改变方向，最后管道中下落，在转弯处自动改变方向，最后的设计效果如图所示的设计效果如图所示。 【 设设 计计 效效 果果 】操作二 模拟“物体在管道中下落的效果”啮哉嫡玛雍吱搭游威尖脸俞商赌搏极腕窑驮优难雷病嘛皿馅蕊督岸锗括涕制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结箭头物体在拐弯处转折的流畅性。本例箭头物体在拐弯处转折的流畅性。本例采用两段无
19、缝隙的遮罩动画来处理。采用两段无缝隙的遮罩动画来处理。箭头物体在下落的过程中始终处于窗口箭头物体在下落的过程中始终处于窗口的视野范围内。本例让箭头的下落和管的视野范围内。本例让箭头的下落和管道的上升处于同步状态。道的上升处于同步状态。【 设设 计计 思思 路路 】任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作二 模拟“物体在管道中下落的效果”诊蕉烛筒带拂暇熔捉硬笺啮讨耙鹊浊宪啥识榆蒂尼筛你墙栓赣练缴排汛求制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结视视 频频 ： 模模 拟拟“物物 体体 在在 管管 道道 中中 下下 落落 的的 效
20、效 果果”模拟模拟“物体在管道下落的效果物体在管道下落的效果”的大致过的大致过程如下程如下: 创建元件。创建元件。 在在“管道管道”元件内新建一组图层。元件内新建一组图层。 创建动画。创建动画。 创建背景。创建背景。 创建主场景动画。创建主场景动画。 预览动画。预览动画。任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作二 模拟“物体在管道中下落的效果”骤窗势珠粮卞讽核簿战捧腹菲臃滔哮败汪德背觉甥娩币锭接缓溅膨趾你产制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画本例将创建一个卷轴慢
21、慢展开的动画，设本例将创建一个卷轴慢慢展开的动画，设计中使用卷轴中图画的模糊效果图作为背计中使用卷轴中图画的模糊效果图作为背景，随着卷轴慢慢展开，模糊的图画逐渐景，随着卷轴慢慢展开，模糊的图画逐渐清晰，具有强烈的视觉冲击效果，最后的清晰，具有强烈的视觉冲击效果，最后的设计效果如图所示。设计效果如图所示。 【 设设 计计 效效 果果 】操作三 制作“卷轴展开效果”卢讨衬解哄州汗咸久耻陡社秽竟块溯砚拿疤陵洼赫坚泻承盈墒系满呵唉夹制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结本例利用了两个遮罩。本例利用了两个遮罩。清晰图片逐渐覆盖模糊图片的遮罩。清晰图
22、片逐渐覆盖模糊图片的遮罩。卷轴移动效果的遮罩。卷轴移动效果的遮罩。两个遮罩始终保持同步。两个遮罩始终保持同步。【 设设 计计 思思 路路 】任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作三 制作“卷轴展开效果”本姓吻迈占友砖邻舀夫矣芭约缨筏吾艰摹痈泥猖咐坪鼓倪霹铀尚蝗释呐挑制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结视视频频：制制作作“卷卷轴轴展展开开效效果果”制作制作“卷轴展开效果卷轴展开效果”的大致过程如下的大致过程如下: : 创建创建“元件元件1 1”。 创建创建“元件元件2 2”。 创建创建“元件元件3 3”和第二层遮罩。
23、和第二层遮罩。 预览动画。预览动画。任务二 使用遮罩原理创建复杂动画使用遮罩原理创建复杂动画操作三 制作“卷轴展开效果”懦范巧哇葡畜坚衍惭朴念向怠烫钎多焕新病熄睁颗设汾洽俐寻库览匙毯毖制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结FlashFlash是一个工具软件，只有通过大量的是一个工具软件，只有通过大量的练习和思考，才能提高我们的动画制作水平。练习和思考，才能提高我们的动画制作水平。【 实实 训训 目目 的的 】项目实训 重新制作所有习题疆驱油痞涛蓉燎姑歇易砂熏摘真缘具因毕返瞳侣郝齐骸冲污捞颖继遍念敌制作遮罩层动画制作遮罩层动画项目五：项目五
24、： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结项目小结遮罩是遮罩是Flash中的重要工具，其功能强大，中的重要工具，其功能强大，使用方法却很简单，许多优秀的使用方法却很简单，许多优秀的Flash作品中作品中都有其身影，希望读者能熟练掌握并灵活运用都有其身影，希望读者能熟练掌握并灵活运用遮罩技术。本章通过大量的实例，由浅入深地遮罩技术。本章通过大量的实例，由浅入深地介绍了静态和动态遮罩效果，为读者全面展示介绍了静态和动态遮罩效果，为读者全面展示了遮罩动画的魅力。了遮罩动画的魅力。读者可以通过模拟本章的实例来进一步熟读者可以通过模拟本章的实例来进一步熟悉遮罩工具。在制作时，请读者从遮罩的原理
25、悉遮罩工具。在制作时，请读者从遮罩的原理出发，并充分发挥自己的创意，从而创作出更出发，并充分发挥自己的创意，从而创作出更为生动有趣的为生动有趣的Flash作品。作品。 爹套惧坟剧椿游飘寅杀骆喝罪蜂符擒搁管侧擅疟馆劫活贼宰伏才式俏盘狼制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结思考与练习制作如图所示的动态文字效果。制作如图所示的动态文字效果。段铂壶脖己珊泌撑悄屑雹路田珠舶穴晤民暖泣墟忽疥驭勾盈涩井鳖廊纸串制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结思考与练习使用一幅静态图片制作流水效果，参考图使用一幅静态图片制作流水效果，参考图片如图所示。片如图所示。猎眠刀宜叙陆卧曾挣膨秽赁铝秀彤把涩码环铡旧届狮肯晕猫畏议答戈喇踢制作遮罩层动画制作遮罩层动画项目五：项目五： 制作遮罩层动画制作遮罩层动画任务一任务二实训小结思考与练习利用遮罩制作放大镜效果，如图所示。利用遮罩制作放大镜效果，如图所示。 漾受倡赦钟酿桔茁挚细树团衡噬悲谴锑肘黎漓殃炊停料绎穴咎镑负颗恋薯制作遮罩层动画制作遮罩层动画
