查看完整版本: 一个遮罩效果。(改正完毕)

一个遮罩效果。(改正完毕)

这种效果应用满多的,搜了一下,好像没看到类似的教程哦,就写.....<BR>

<br>

<br>
[upload=fla]viewFile.asp?ID=156310[/upload]<BR>[upload=swf]UploadFile/2004-9/200491162113298.sw
<br>
为了让效果明显一点,修改一下:<BR><BR>
<br>

<br>


[upload=swf]UploadFile/2004-9/200491163714687.sw<BR>

其实只是利用两层遮罩合在一起,看一张示意图. 我想明白了原理,接下来就很容易了.

<br>

<br>
我们制作两个遮罩,这两个遮罩合起来刚好是一个300*100的矩形.而被遮罩部分(mask1,mask2)是两个排列顺序不同的section1-section4.
<br>
       
<br>
好了,先制作出mc1,大小是300*100,同样的画出section2,section3,section4.注意对齐中心.<BR>接下来制作出mask1,新建一个mc,把刚才的section1~section4,拖入,排列如第一图,注意对齐中心.同样的制作mask2.如第一图.
<br>
好了,接下来我们制作遮罩部分.<BR>回到主场景中,画一300*100的矩形,居中对齐.新建一层(第二层),选取矩形的部分,剪切并粘贴到第二层中(shift+ctrl+s)
<br>
在第一层,第二层下各新建一层(第三层,第四层),把我们制作的mask1,和mask2分别放到放到第三层和第四层,并居中对层.它们的实例名分别是mask1和mask2.<BR>在mask1上输代码:
<br>
onClipEvent(load){<BR>        target_y=250;<BR>        target_x=425;<BR>}<BR>onClipEvent(enterFrame){<BR>        _y+=(target_y-_y)*0.5;<BR>        _x+=(target_x-_x)*0.5;<BR>}
<br>
在mask2上输入代码:
<br>
onClipEvent(load){<BR>        target_y=150;<BR>        target_x=125;<BR>}<BR>onClipEvent(enterFrame){<BR>        _y+=(target_y-_y)*0.5;<BR>        _x+=(target_x-_x)*0.5;<BR>}
<br>
最后在最上面新建一层,用来放置按钮.
<br>
制作出1,2,3,4四个按钮.
<br>
按钮1上的代码:
<br>
on(release){<BR>        mask1.target_y=250<BR>        mask1.target_x=425<BR>        mask2.target_y=150<BR>        mask2.target_x=125<BR>}
<br>

<br>

<br>
按钮2:
<br>
on(release){<BR>        mask1.target_y=250<BR>        mask1.target_x=125<BR>        mask2.target_y=250<BR>        mask2.target_x=425<BR>}
<br>
按钮3:
<br>
on(release){<BR>        mask1.target_y=150<BR>        mask1.target_x=425<BR>        mask2.target_y=250<BR>        mask2.target_x=125<BR>}
<br>
按钮4:
<br>
on(release){<BR>        mask1.target_y=150<BR>        mask1.target_x=125<BR>        mask2.target_y=150<BR>        mask2.target_x=425<BR>}
<br>
好了,这就是了,可以测试.因为写得匆忙,如有不明白请看源文件,或者跟帖,不好意思.
<br>
<BR>       
<br>

<br>
<BR>

没完？？！！！！

好像源文件不是你所展示的那个文件哦

不好意思,操作错误了,已经改过来了.
<br>
       

做得很好,我不知道还可以这样做啊,谢谢!!!!!!!!!!!!!

没人看哦,....

好，还有更多遮罩的实例吗？
<br>
       

<DIV class=quote><B>以下是引用<I>筑长城在2004-10-1 14:45:37</I>的发言：</B><BR>没人看哦,....

<br>


</DIV>
<BR>偶正在看哦
<br>
可惜我不是“斑竹”不然可以给你加分了。。
<br>
哈

麻烦了点

哈，还真是加分了，
<br>
好好努力哦。。。。
<br>
继续啦。。

我都三十年没回贴了..
<br>
是你逼我的~~楼主强!.

恩啊，呵呵，,

好象有点复杂 好好参详参详 感谢楼主

啊         没搞懂

谢谢啊　

我也研究一下

解释不是很清楚哦.

能否把as语言解释一下？

顶 虽然看上去挺难。。
<br>
嘿嘿 还是做完了

是麻烦点啦，应该再详细点嘛。我做不出来
<br>
不过不是得顶
<br>
       

好麻烦
<br>
...做了一下午
<br>
       
<br>
还是没做出来
<br>
很乱...哎~

好看！
<br>
我是初学者。有点看不明白那些代码。我要怎样才能看懂那些代码是怎么回事呢？

多学习,少回贴

我也看不懂,但是还的学啊,加油!

最好提供源文件

虽然知道你写这个教程很辛苦，但是我还是想说一下，偶看不明白了，，做的时候把mc认为是影片剪辑（不懂汗），然后再做下去又以为是图层的简称~~越揣摩越糊涂
<br>
-----------------------------------------------------
<br>
一个看贴从不回贴的严重潜水者~~~~~~~~

做出来了，还是多想多实践：）

多谢！
<br>
这我这几天看过最实用的遮罩效果了～～～^_^～

效果不错

顶!!不错啊楼主!!

顶

楼主，如何能不用按钮，让自己变换图片呢？

挺好的，下载慢慢研究，希望楼主能有更多的教程出来

晕.要AS呀...这个只能死记...我不会AS啊~~~~~~~~~~~~`

最好能把那段AS代码，解释一下，这样更明白一些。

请多指教

[upload=swf]UploadFile/2005-12/200512212036289.sw<BR>

Re：一个遮罩效果。(改正完毕)

很好的遮罩效果

Re：一个遮罩效果。(改正完毕)

搂主,我不是很明白那段代码的意思也.
就是定坐标的那点.
可以解释明白点嘛?

效果应该不错哦！

郁闷啊！为什么我什么都看不到啊！55555555555

我好像看不到？？

:hug: :hug: 看一下啊...............

看不懂！

效果不错

終于坐出來了```
弄了好久還是不太明白`

:victory: :victory:

:kiss: :handshake

为什么我看不了啊

虽然没看到，但也顶！

虽然没看到，但也顶！

进来学习下。

我要慢慢一点一点的学 所以先把你的下载来看看

试着能看懂，仔细学习了

jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj

好帖 把原理都讲出来了 楼主辛苦 我等必当用心学习

我做出来了

:victory: 哈哈， 研究了一下午终于做出来了。
本人小菜鸟  做的很丑陋  望楼主指正批评
本人qq78260265:call:

为什么提示我用户组不能下载呢

学习了.谢谢!

晕。为什么我注册成了会员。可是却什么也看不到

这种效果应用满多的,搜