闪吧论坛 » [教材发布区] » [原创][面向新手]一个图片滚动遮罩特效

查看完整版本: [原创][面向新手]一个图片滚动遮罩特效

yzqflash 2005-1-28 08:57

[原创][面向新手]一个图片滚动遮罩特效

先来看演示。有兴趣的朋友下载源文件。跟着做试试。。很容易的。

 
[upload=swf]UploadFile/2005-1/200512805629179.sw 
 
[upload=swf]UploadFile/2005-1/200512805654479.sw 
swf是400X245大小的。打开后最好不要最大化。还有如果你感觉打开后边界有图片。那一定就窗口过大。请拉窄窗口以达到观看的最佳效果。

yzqflash 2005-1-28 09:03

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

yzqflash 2005-1-28 09:05

按F8转换成元件, 接下来制作可能要烦琐些。请不要烦躁。其实这也是窍门的常握。很快的。。每个长条之间的距离为5像素， 第一条长条的Y为0，第二条长条的Y为10，制作两条后就直接复制，然然复制四条。八条，十六条。按住ALT往下拉就可以了。
 

 
全选这些小长条按F8转换成元件5 ok..我们现在把刚才做的那三个图片元件连在一起。因为每个元件的长都是400，宽都是245，所以我们可以很简单的把这三个排在一起。
 
元件1
 
元件2
 
元件3
 
对齐后全选三个元件。按F8再转换为一个元件6，在库里重制元件6，制作元件7，只要改变元件里头第一个元件和第三个元件的位置。

yzqflash 2005-1-28 09:07

把元件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设置成遮罩。制作完成。 其实很简单的。面向新手所以写得啰嗦些了。。
 
源文件：
 
[upload=fla]viewFile.asp?ID=202911[/upload]

yzqflash 2005-1-28 09:11

帧频改为20，似乎更流畅些。。<IMG title=em05 style="CURSOR: pointer" onclick=’putEmot("em05");’ src="Skins/Default/emot/em05.gif">
 
[upload=swf]UploadFile/2005-1/200512811153498.sw

shideng 2005-1-28 16:36

顶顶。。兄弟用庶照很熟练。。。。呵呵

 

[upload=swf]UploadFile/2005-1/200512891340179.sw 看你的效果我试了试汗倒。。。。[em06]

xiaonaoke 2005-1-28 16:46

<IMG src="http://www.flash8.net/bbs/Skins/default/topicface/face3.gif">谢谢学习了！！！深表感谢<IMG src="http://www.flash8.net/bbs/Skins/default/topicface/face1.gif">

风灵翼 2005-1-28 20:45

不错，支持一下，辛苦啦。

AIYI2003 2005-1-29 02:29

谢谢分享，支持下:)

kingdelei 2005-3-10 04:03

谢谢！！学习中。。。。

dalong1001 2005-3-13 03:00

很好的教程啊！！学习！！

bobo1116 2005-8-9 12:45

[upload=fla]viewFile.asp?ID=262274[/upload] 
我按着做还是没做出来啊为什么呢
 
步骤都一样就是没效果
 
麻烦看一下,不知道哪里做错了

天使←宝贝 2005-8-9 19:09

我哭，我也做不出来，你都没说哪个层加遮罩，另外我的那几个层怎么合层呀？
 
这是我不解之处，小女子现正正在好学之中，好不容易才放下心来学，可是。。。。
 
我是初学者，希望楼主能够好好把我这个学东西很难的人教会！

pengyu9255 2005-8-11 04:41

我哭我做出来的怎么是这样的？？？
 
[upload=swf]UploadFile/2005-8/2005810204131411.sw

flashlin 2005-8-31 21:48

我也做了个小的

基本上知道怎么做的拉
 
希望有更多这样的教程
 
[em02]
 
[upload=swf]UploadFile/2005-8/200583113481262.sw

fulihua 2005-8-31 23:03

楼主帮忙，这句不明白，
 
[B]然后41帧处插入空白关健帧，把30帧复制到延缓70帧，81帧插入空白关键帧[/B]
 
把30帧复制到延缓70帧是啥意思呀，插入空白关键帧是不是直接按F7就行呀，我没做成功呢。

fulihua 2005-8-31 23:11

这里还有一些也不明白：
 
把元件6拉进主场景中。。属性对话框中的X，Y都设为0，0 分别在第30，40，帧处插入关键帧，第40帧元件6，X=-400，Y=0，然后再70，80帧处插入关键帧，80帧x=-800,y=0;30到40，70到80帧帧之间作动作补间动画。然后在[B]第100帧插入帧。。[/B] 新建图层2，以同样的方法把元件7做成与元件6反方向的动画。[B]其中第四帧[/B]，只是属性对话框中的数值变化了。第一帧X=-800，Y=0，这样就与元件6重合了。40帧处的X值为-400，80帧处的X值为0，Y值是水平，所以都为0，同样在30与40，70与80帧做补间动画。。
 
上面这段话中，第100帧插入帧。。插入的是什么帧呀， 下面这段的“其中第四帧”是语法失误还是确实要在第四帧设属性呀，还有下面怎么就不用在100帧处插入帧了呢。
 
新手呀，所以罗嗦了点。

kane1975 2005-9-3 06:20

楼主，我按照你的步骤做了，却看不到遮罩效果，而且第一个字元件还会显示在图片上
 
麻烦你帮我看看哪错了！谢谢！
 
[upload=swf]UploadFile/2005-9/200592221846239.sw [upload=fla]viewFile.asp?ID=267068[/upload]

kane1975 2005-9-3 08:23

做出来了，呵呵
 
[upload=swf]UploadFile/2005-9/20059302340728.sw

sance 2007-9-14 11:48

不错不错

125277582 2007-10-3 23:05

为什么我下载不了附件啊？:'(

fisher1003 2007-10-17 09:26

我也下不了.....

juicej 2008-6-10 09:13

我想做相册啊~

sqzjw47 2008-6-10 12:16

我也是下不了附件啊

oadata 2008-6-16 19:50

看不到附件

fengxing23 2008-6-19 14:20

什么时候才能看见亚

琴弦上的帆 2008-6-21 16:05

为什么不能看到附件

xiaohong-0759 2008-6-22 21:24

学习一下,

dummy06 2008-6-23 07:06

我刚学:b3

dummy06 2008-6-23 07:08

到哪里都看不到附件:b13

mistletoe8 2008-7-2 21:20

下载不了附件，光看文字，做起来好复杂啊，搞了半天没搞明白，郁闷

fay_my 2008-7-30 18:13

权限不够吧……郁闷

页: [1]

查看完整版本: [原创][面向新手]一个图片滚动遮罩特效