- 相关推荐
Flash遮罩动画的制作与应用
Flash遮罩动画的制作与应用【1】
摘 要：Flash软件是一个应用广泛的二维动画制作软件，本文从二维动画的技术表现入手，阐述了Flash动画的重要技术之一——遮罩层动画的技术实现及其在各种动画作品中的应用，对遮罩动画的设计与应用具有一定的指导意义。
关键词：Flash;二维动画;遮罩
0 前言
目前，Flash是由Adobe公司发行的一款专门用于制作二维动画的软件，是当前最优秀、应用最广泛的矢量动画设计软件，主要应用于网页广告、交互式游戏、二维动画、教育等领域，由于其文件体积小、易于传播的特点，得到了广泛的应用。
虽然，由于html5技术的冲击，其市场地位备受争议，但其所能实现的细腻的动画细节仍然吸引了广大用户。
而Flash的作品中绝大大多数都应用了遮罩动画技术，本文就此对flash动画中的遮罩技术的制作与应用进行探讨。
1 遮罩动画技术简介
Flash动画的主要技术包括：动画补间、形状补间、引导层、时间轴特效、遮罩层等，其中遮罩动画是一种应用很广泛的动画类型，很多效果丰富的动画都是通过遮罩来完成，如闪光、水波、万花筒、百叶窗、放大镜、望远镜……等等，常见于广告、游戏、动画电影电视特效等领域。
遮罩动画技术的效果实现一般来讲需要三层，自下至上分别为：背景层、被遮罩层、遮罩层。
背景层指没有遮罩效果时的展示;被遮罩层是指被遮罩的东西，也是透过遮罩形状能看见的东西;遮罩层指展示所要表现出来的形状，即可见的形状。
在遮罩动画的制作过程中，只要清楚这三层的作用，就能快速的实现所要的动画特效。
2 遮罩动画的技术实现
遮罩层动画的实现至少需要遮罩层和被遮罩层两层，单独使用遮罩层来制作动画，效果单一乏味，可与Flash的其他动画技术充分结合，以发挥遮罩动画的强大功能效果。
(1)遮罩层与动画补间动画的结合。
动画补间动画一般用于制作位置移动、缩放、旋转、色彩变化等动画效果。
在遮罩动画的制作过程中，可以分别在遮罩层或被遮罩层应用动画补间动画，以实现各种动画效果。
让遮罩层的形状元件移动，可以做探照灯效果;让遮罩层的形状元件缩小或放大，可以制作出卷轴、放大镜、动画片中的镜头转换特效、图像转换等效果。
(2)遮罩层与形状动画补间的结合。
形状动画补间动画一般用于制作不规则形状变化的动画效果，其特点是形状变化是随机生成的、不可控的。
形状动画补间动画与遮罩技术结合，作为遮罩层，让遮罩层的形状做不规则形状变化，可以让图像的展现以随意的方式渐渐显现，轻松实现优美的动画特效。
(3)遮罩层与时间轴特效的结合。
时间轴特效中的分散式直接复制和复制到网格可以按需要复制出所需数目的影片剪辑元件实例，并按照制作者的设置进行位置排列。
在利用遮罩技术制作的图像转换的动画效果中，可以制作出单个变化的小形状，如一个会滚动放大的方块、一个会移动放大或缩小的圆形等，然后利用分散式直接复制在纵向(或横向)复制出一行(或一列)，且设置好偏移起始帧，做出逐步出现的动画效果。
再次利用分散式直接复制在横向(或纵向)复制出多列(或多行)，以布满画面为最低标准，从而实现层次丰富的图像转换动画效果。
(4)遮罩层与ActionScript的结合。
ActionScript是Flash制作交互式动画的根本技术。
ActionScript中的setMask()方法可以根据开发者的需要灵活设置遮罩层，无时间空间限制。
利用setMask()来实现遮罩层设置，可以制作出放大镜、可移动探照灯、模糊遮罩等效果，使得动画更显人性化。
3 遮罩动画的应用原则
遮罩动画设计与应用的首要原则是动画流畅性。
无论创作者要要表现多么复杂的动画效果，最终在动画作品中都要给参与者留下一个印象，动画的播放国产是流畅的，镜头、图像的转换是自然的，整体上没有突兀感。
其次要考虑受众的人群特征，遵循趣味性原则。
Flash 动画的受众大部分都是经常上网的人群，根据中国互联网络中心2013 年 7月发布的第 32 次《中国互联网络发展状况统计报告》，上网人群中超过一半的人的年龄是分布在18至30岁之间。
统计数字表明，网络受众主要是年轻的和受过良好教育的人群，这个群体年轻、个性张扬、崇尚自由、自主性强、重视内心的感受和个人体验、乐于接受新事物，是伴随卡通动漫成长的一代，因此动画的设计要充分体现娱乐性原则。
遮罩动画的设计与应用还要保持动画作品的艺术性。
Flash 动画是艺术和技术紧密结合的产物，强有力的技术手段是遮罩动画实现的保证，但是创作者的意图必须通过艺术化的图形设计才能得到充分的表达。
4 小结
综上所述，遮罩层动画是一个操作简单、变幻无穷的动画技术，熟练掌握该技术的应用，并结合动画制作者的艺术素养，灵活利用于各种flash动画作品中，可以实现丰富的动画特效，使动画作品具有强烈的吸引力和视觉冲击。
参考文献：
[1] 潘彪.巧用flash遮罩动画制作各种精美动画[J].电脑知识与技术，2010(36).
[2] 蔡鹏，钱钰，等.Flash 动画在网页制作中的应用及相关探讨[J].电子技术与软件工程，2013(19).
[3] 王继军.《二维动画设计》课程教学方法改革探索与实践[J].教育教学论坛，2013(41).
[4] 丛波.浅谈Flash动画设计中遮罩动画实例的设计[J].科技创新与应用，2013(25).
[5] 白英德，杜颖玮.《Flash遮罩动画》教学设计[J].中国信息技术教育，2010(05).
[6] 袁媛，庞霏，王旭.浅谈Flash动画设计[J].才智，2011(14).
Flash遮罩动画的使用技巧及应用【2】
【摘 要】Flash动画中图层包括普通层、引导层、遮罩层等。
每种图层都有其特点和优势，而遮罩层作为特殊图层能够产生许多特殊效果。
这里从Flash基本知识点，遮罩的原理、使用技巧及实例入手，介绍遮罩动画的应用，带大家一起感受遮罩动画的魅力。
【关键词】flash 遮罩动画 遮罩层 被遮罩层
Flash是采用矢量图形和流式播放技术进行二维动画编辑的网页动画制作软件，具有交互功能，文件体积小，并能够将音乐，动画，声效，交互方式相融合等特点，广泛应用于广告动画设计，动画游戏制作，网站导航，网络电视，教学课件等，是目前网上流行的矢量动画插件。
网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。
下面结合我的工作经验，深入解析遮罩层的使用技巧及应用。
一、动画设计基本知识点
学习flash必须掌握以下几点知识。
三种帧：关键帧，空白关键帧，普通帧。
三种元件：影片剪辑，按钮，图形。
三种层：普通层，引导层，遮罩层。
三种动画形式：形状补间动画，动作补间动画，逐帧动画。
(一)遮罩层的基本原理
能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果)，但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。
比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。
(二)遮罩层的使用技巧
遮罩在flash里面的应用非常广，很多漂亮的动画都是用遮罩做出来的，比如“打光效果”，“瀑布效果”，“探照灯效果”等等，而遮罩层又是很多初学比较难以理解的。
现在我把遮罩的一些用法与技巧总结归纳一下：1.遮罩由两部分组成，包括遮罩层与被遮罩层，上面图层叫遮罩层，下面图层叫被遮罩层;2.被遮罩层只显示在遮罩层有东西的地方。
比如被遮罩层是副风景，遮罩层是一只手，那么做出来的效果显示的是外形为手的风景。
而遮罩层的东西是不显示的，所以他的颜色是什么一点关系都没有;3.做动画可以在遮罩层也可以在被遮罩层，这需要我们灵活运用;4.遮罩层只能是一个图层，而被遮罩层可以是好多个层， 当我们需要遮罩层的动画比较复杂的时候，这个时候一个图层做不来，就把动画做到一个影片剪辑里面去。
注意是影片剪辑而不是图形;5.线不能做遮罩，所以如果是线画出来的形状，先把线转换为填充，点击修改-形状-把线条转换为填充;6.文字要做遮罩先要把他打散为形状。
即Ctrl+B连续按两次再组合;7.直接建立遮罩边缘是没有模糊效果，它都是非常清晰的轮廓，如果需要模糊在被遮罩层最上面夹一个模糊的形状。
或者用代码实现，遮罩层的影片剪辑用模糊滤镜，被遮罩层勾选属性面板里面的“使用运行时位图缓存”;8.设备字体不能被遮罩，如果需要用代码来实现，则 mc.setMask(z) 注：Mc是被遮罩层的影片剪辑，Z 是遮罩层的影片剪辑;9.需要测试效果时，遮罩层与被遮罩层都要锁定。
(三)以百叶窗为例制作遮罩层动画
为了更好的理解遮罩层动画，下面做一个百叶窗的例子，首先定义舞台大小550*400，然后依次导入2张图片到库，从库中拖入图片分别放在图层1和图层2，大小分别也设置成550*400，并相对于舞台上对齐和左对齐，放完图层1上的图片后锁定图层1，图层2也是这样，锁定的目的是不再更改该图层的图片，以免两个图片混放在一个图层上。
并新建图层3，这个图层准备放入遮罩层的对象，这里遮罩层是百叶窗的动画，因为动画比较复杂，所以我们考虑把这个百叶窗动画做成影片剪辑，又因为百叶窗里的每个叶子也是动画，所以我们先要把一个叶子动画做成影片剪辑，再把“叶子”影片剪辑嵌入到“百叶窗”影片剪辑，也就是影片剪辑的嵌套。
于是我们先做叶子动画，新建影片剪辑，名称“叶子”，选择第1帧，插入关键帧，在工作区绘制一个矩形，去掉矩形边框，将矩形宽度设置为550PX，高度设置为12PX，并让其中心对齐(对齐这点很重要);选择第15帧，将矩形高度设置为1PX，宽度不变;选择第16帧，插入空白关键帧，选择第20帧插入普通帧。
右单击第一帧，创建立形状补间，当然你也可以创建动作补间，但其前提第1帧和第15帧上的对象是同一个图形元件，叶子影片剪辑的帧如图1所示。
新建影片剪辑，名称“百叶窗”，选择第1帧，插入关键帧，从库中选择叶子影片剪辑，拖入到工作区内，并复制多个，将所有叶子选中让其垂直居中分布和水平居中分布，如图2所示。
回到主场景中，在图层3上插入空白关键帧，从库中选择百叶窗影片剪辑，拖入到舞台上，并中心对齐，右单击图层3选择下拉菜单的“遮罩层”，这时图层2自动变成被遮罩层，大功告成，我们可以测试一下影片了。
二、结语
通过百叶窗例子，我们进一步的理解并应用遮罩层，深刻领会遮罩层的使用技巧，可以看到当遮罩层的动画比较复杂时，我们可以将遮罩层的动画做成影片剪辑。
通过与影片剪辑的结合，能制作出千变万化的遮罩动画效果。
【Flash遮罩动画的制作与应用】相关文章：
flash课件动画制作10-01
flash 制作 动画 课件 教学10-01
运用Flash软件制作动画10-07
flash动画简历表格10-01
用flash制作的课件10-01
flash动画总结（通用6篇）03-12
怎样用flash制作课件10-01
Flash二维动画设计实习报告10-08
课件动画制作教程10-01