设为首页
联系我们
收藏本站
 首页
 网站建设
 网络营销
 flash动画
 服务器技术
 电子商务
 电脑技术
 体坛快报
 娱乐八卦
热门关键字:   网站建设   网站   电子商务   flash动画   是否
  >> 点击排行
·十大小说风云榜--2007年11月
·士兵突击精彩剧照
·网友最想娶的十大女星
·电子商务信用评估与信用现状
·十大帅哥风云榜--2007年11月
·十大美女风云榜---2007年11
·从基础开始深入Flash AS3教
·SetInterval的用法详解
·11月6日十大电影风云榜---中文
·电子商务论文:电子商务诚信问题及其
  >> 相关文章
·Google排名技巧十五课学习笔记
·学习CSS的伪类,WEB标准学习
·CSS常用小技巧
·DIV CSS网页布局实例:十步学
·2008奥运会中国代表团成立 10
·伊拉克被正式取消参加北京奥运会资格
·去掉网页上的Flash动画虚线框
·在Mozilla和Firefox浏
·如何防止网页 Flash 广告被屏
·手写CSS应该注意的一些技巧
  >> 推荐文章
·Character 文字面版 (F
·认识Flash MX 2004 
·如何掌握形状渐变动画 如何掌握形状
·如何掌握遮罩效果动画 如何掌握遮罩
·如何掌握基本按钮知识 如何掌握基本
·如何掌握逐帧动画 如何掌握逐帧动画
·主体表现与动画风格 
·动画的场景过渡
·Flash AS3对单个图片进行角
·从基础开始深入Flash AS3教
 当前位置 → 攀登学习资源网flash动画 → 浏览正文
如何掌握遮罩效果动画 如何掌握遮罩效果动画
作者:闪吧     来源:闪吧     点击数:   更新时间:2007年10月27日 【字体: 】       

点此在新窗口浏览图片问题1:遮罩层与被遮罩层是什么关系?
点此在新窗口浏览图片解决思路
了解遮罩层和被遮罩层的关系,对于我们掌握遮罩动画是非常关键的。遮罩动画在Flash技术里面起到了重要作用,一些非常优秀的效果就是通过遮罩动画来实现的。例如:著名的“水面涟漪”效果,就是通过遮罩完成的,非常逼真。下面我们就通过不同的制作方法了解遮罩的原理,在实践中领会遮罩的奥妙。
点此在新窗口浏览图片具体步骤
1、运行Flash MX 2004,文档属性默认。
2、单击【文件】|【导入】|【导入到舞台】命令,导入一幅位图图片,并调整适当尺寸。
3、更改图层1为“闪吧桌面”,并锁定;
4、新建图层2命名为“遮罩层”,在遮罩层的第1帧单击文本工具键入“FLASH8.NET”,颜色黑色。
5、单击“遮罩层”选择右键菜单中的【遮罩层】命令,把这个普通图层转换为遮罩层。如图2.1.19所示。

点此在新窗口浏览图片
图2.1.19   创建遮罩层
5、看一下效果,原来文字的黑色线条已经不见了。替代线条的是下面的“闪吧桌面”的图片。我们做一个形象地比喻,就象把遮罩层内的文字线条掏空了,显露出了下面的图片,而遮罩层以外的地方都消失了。这就是遮罩效果。如图2.1.20所示。

点此在新窗口浏览图片
图2.1.20      遮罩效果
6、这个遮罩也可以做成动态的效果,单击 “遮罩层”,选择右键菜单【遮罩层】命令,取消现在的遮罩效果。
7、单击“闪吧桌面”图层,使它处于编辑状态。单击右键菜单中的【转化为元件】把位图转化为图形元件。
8、在第30帧插入关键帧,移动场景中的图形元件的位置,做一个移动渐变动画。
9、单击“遮罩层”,在第30针插入“插入帧”。使其延长至30帧。
10、重新创建遮罩效果,测试,保存。请参看源文件点此在新窗口浏览图片2.1.4-1.fla

点此在新窗口浏览图片注  意  ——如果用文字作遮罩层的话,尽量选用线条比较粗壮的字体,这样才能够更好的表现遮罩效果。
点此在新窗口浏览图片提  示  ——◎区分遮罩层和被遮罩层的标准就是你想要显现的形状的图层就是遮罩层。例如在上例中,想要显示的是“FLASH8.NET”的字形,所以就把这个图层确定为遮罩层。
                ◎对于遮罩层的颜色对于最后的遮罩效果来说是没有作用的。
点此在新窗口浏览图片技  巧  ——除了利用移动渐变动画来作遮罩效果以外,我们还可以利用形状渐变动画来制作遮罩效果。
点此在新窗口浏览图片试一试  ——要想理解遮罩的原理,我们就要通过反复的实践来了解。朋友们不妨把上例中的遮罩层和被遮罩层换一下位置,看看有什么效果? 
 点此在新窗口浏览图片分  析——遮罩的原理很简单,但是往往初学的朋友对这个道理很难理解。我们不要先研究复杂的遮罩效果,从上例中我们就清晰地了解了遮罩的原理。综合利用这个原理,我们就可以制作出炫目的效果。
点此在新窗口浏览图片特别提示
遮罩效果的实现最关键在于创作者要区分清楚遮罩层和被遮罩层的关系。弄不清遮罩层的关系,头脑中就不会有这方面的想象,从而使自己的创作源泉干涸。通过简单遮罩效果的反复实践,清楚这两者之间的关系,为我们以后的FLASH创作打好坚实的基础。
点此在新窗口浏览图片

特别说明


上例制作动态遮罩效果的时候把位图图片转换为图形元件的原因是,此图片是经过缩小的,所以如果不转为元件的话,做移动渐变动画就会有错误,这也是我们在制作过程中应该注意到的。除了文档可以作遮罩效果以外,我们还可以利用图形来制作这个效果。
相关问题
◎一个遮罩层可以遮罩两个或者更多的层吗?
对于这个问题的回答是肯定的。一个遮罩层是可以对两个或更多的图层进行遮罩的。如图2.1.21所示。

 

点此在新窗口浏览图片 
图2.1.21     遮罩两个图层
此效果中就是遮罩了两个图层,一个图层从左向右移动,另一个图层由右向左移动。如图2.1.22所示。

点此在新窗口浏览图片
图2.1.22    遮罩两个图层效果
请参考源文件点此在新窗口浏览图片2.1.4-2.fla
◎可不可以把动画效果制作在遮罩层里面?
这个效果就是把移动动画效果制作在遮罩层里面的,如图2.1.23所示。

点此在新窗口浏览图片
图2.1.23     遮罩层的运动
制作后的效果,与动画效果做在被遮罩层里面没有区别。从这一点来看,遮罩层在动画效果制作上与普通图层没有区别。请参看源文件点此在新窗口浏览图片2.1.4-3.fla
◎可以用影片剪辑制作遮罩层吗?
影片剪辑的特点是独立与时间线运行,这样的特性可以制作遮罩层吗?我们通过实践得知,影片剪辑是可以制作遮罩层的。如图2.1.24所示。

点此在新窗口浏览图片 
图2.1.24     利用影片剪辑制作遮罩层
请参考源文件点此在新窗口浏览图片2.1.4-4.fla

下一页
本文共 2 页,第  [1]  [2]  页

Tags:网站建设 flash动画
关于我们 | 服务条款 | 免责声明 | 友情链接
陕ICP备08001548号 版权所有 Copyright © 2007-2010 panda851 All Rights Reserved
panda851.com 攀登学习网