快速业务通道

一个图片滚动遮罩特效

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-12


先来看演示。有兴趣的朋友下载源文件。跟着做试试。。很容易的。
点击浏览该文件
点击浏览该文件
源文件:
点击浏览该文件
http://www.Flash8.net/bbs/UploadFile/2005-1/200512805629179.swf
swf是400X245大小的。打开后最好不要最大化。还有如果你感觉打开后边界有图片。那一定就窗口过大。请拉窄窗口以达到观看的最佳效果。

(以下数值、参数均以上面的演示例子为准,为了更清楚明白制作过程,请参看源文件)
打开FLASH,新建一个FLASH文档。
按此在新窗口浏览图片
在主场景中先绘制一下与画布一样大小的无边框白色方块,
可以先随便拉一个小方块出来。然后设置参数,如
按此在新窗口浏览图片
然后再画布中打入几个字 按此在新窗口浏览图片
全选主场景中的所有元素。按F8,转换成元件1,把场景中的元件1先删了。。
重新绘制一个与画布一样大小的无边框白色方块,导入一张图片到场景中,注意设置大小。让其居中。 按此在新窗口浏览图片
然后再转换成元件2,
同样方法制作元件3,导入一张图片到场景中,按F8转换成元件,为什么不先按CTRL+F8新建个元件?两者实现结果是一样的,只是这样做能够更容易准备的控制图片的大小和位置。大家多试试会有所发现的。。
在场景中绘制一个420*5的长方条。做遮罩使用。颜色无所谓的。
按此在新窗口浏览图片

按F8转换成元件,
接下来制作可能要烦琐些。请不要烦躁。其实这也是窍门的常握。很快的。。每个长条之间的距离为5像素,
第一条长条的Y为0,第二条长条的Y为10,制作两条后就直接复制,然然复制四条。八条,十六条。按住ALT往下拉就可以了。 按此在新窗口浏览图片 全选这些小长条按F8转换成元件5
ok..我们现在把刚才做的那三个图片元件连在一起。因为每个元件的长都是400,宽都是245,所以我们可以很简单的把这三个排在一起。 元件1按此在新窗口浏览图片 元件2按此在新窗口浏览图片 元件3按此在新窗口浏览图片 对齐后全选三个元件。按F8再转换为一个元件6,在库里重制元件6,制作元件7,只要改变元件里头第一个元件和第三个元件的位置。

按此在新窗口浏览图片把元件6拉进主场景中。。属性对话框中的X,Y都设为0,0
分别在第30,40,帧处插入关键帧,第40帧元件6,X=-400,Y=0,然后再70,80帧处插入关键帧,80帧x=-800,y=0;30到40,70到80帧帧之间作动作补间动画。然后在第100帧插入帧。。
新建图层2,以同样的方法把元件7做成与元件6反方向的动画。其中第四帧,只是属性对话框中的数值变化了。第一帧X=-800,Y=0,这样就与元件6重合了。40帧处的X值为-400,80帧处的X值为0,Y值是水平,所以都为0,同样在30与40,70与80帧做补间动画。。
注意图层排序。这对遮罩很重要。。。。。。。N。jpg
分别在这两个图层上各创建一个图层3,4。
在图层4第30帧处插入空白关键帧,把刚才制作的长条元件5拉到场景中, 按此在新窗口浏览图片
然后41帧处插入空白关健帧,把30帧复制到延缓70帧,81帧插入空白关键帧,
图层3以同样的方法制作,只不过元件5的位置
按此在新窗口浏览图片 最后把图层3,4设置成遮罩。制作完成。
其实很简单的。面向新手所以写得啰嗦些了。。 源文件:
点击浏

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号