分享

flash透明遮罩或叫模糊遮罩不透明的解决办法

 正争 2017-02-25

flash的遮罩通常总是被拿来使用,但是初学者一般仅仅是会使用遮罩的简单效果,比如下面的图

flash透明遮罩或叫模糊遮罩不透明的解决办法 - 晨洋 - Web Design ⊙学会分享flash透明遮罩或叫模糊遮罩不透明的解决办法 - 晨洋 - Web Design ⊙学会分享flash透明遮罩或叫模糊遮罩不透明的解决办法 - 晨洋 - Web Design ⊙学会分享

 

上面效果的原理就是在flash中的遮罩层使用带透明简便的区域或模糊的区域,说说具体做法:

注意的是我们现在是是用代码来实现遮罩的,相比用图层的方法这样省掉的很多时间以后修改起来也方便,废话不说开始,不要闲过程麻烦,实际看着文字比较多但是你看完后自己做的时候其实就是简单的几步!

1.在flash上建立3个图层,第一层为代码层,第二层为用来遮罩的区域,第三层是你想遮住后显示出来的图片(例如上图中的文字)

 

2.第一层的第一帧上加动作代码是   logomc.setMask(maskmc);     setMask就是遮罩的代码,前面和后面的是遮罩和被遮罩的物体的实例名称(自己随便定) ,在最后一帧加停止的代码(插入新关键帧,加代码 stop();)

 

3.第二层在创建前还要做下准备工作,新建影片,创建一个矩形区域并填充渐变,黑色到透明的渐变。

flash透明遮罩或叫模糊遮罩不透明的解决办法 - 晨洋 - Web Design ⊙学会分享 

特别注意下红色边框区域,alpha就是通道透明,100%是不透明 0%是透明,渐变按照下面的做或是自己随意做都行。

做好后效果如下,图层也最好按照下面的做。别忘了把矩形区域转换为图形元件哦!

flash透明遮罩或叫模糊遮罩不透明的解决办法 - 晨洋 - Web Design ⊙学会分享

 

下面就把这个影片剪辑插入到第二个图层里了。在画布上单击渐变的元件,给他起个实例名:maskmc。注意红色边框部分一定要对照好,使用运行时位图缓存这个需要勾选。

flash透明遮罩或叫模糊遮罩不透明的解决办法 - 晨洋 - Web Design ⊙学会分享

 

4.随便找个什么图片作为背景插入到第三层上,并在画布上点击这个图片起个实例名:logomc

最后做好的源文件的截图大家看看代码的位置和图层的名字都对不对,然后就运行看看效果吧。

flash透明遮罩或叫模糊遮罩不透明的解决办法 - 晨洋 - Web Design ⊙学会分享

运行的时候是不是发现问题了?接下来说说如果你失败了是什么原因(没失败跳过)

失败的效果就是没有遮罩的效果?如果是这样,那就应该检查下载开始代码中输入的代码setMask是不是这么写的?中间的M大写了吗?不大写这句话就不好使。

再一个失败的效果就是你透明渐变那部分就没起作用依然边缘还是很齐对不?,下图右下角有个运行时使用位图缓存的勾选你是够勾选了?困扰我老长时间的关键就在这里,很小的一个细节没有看到你就怎么做都不会成功,最后弄不好会对flash丧失信心的。

flash透明遮罩或叫模糊遮罩不透明的解决办法 - 晨洋 - Web Design ⊙学会分享

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多