网站动画设计新手建立遮罩层教程

2021-12-01 12:16:26

阅读 11032次标签：视频作者： 910156420@qq.com

网站动画设计是一个比较有前景的行业，很多人也打算开始学习网站动画设计，在学习网站动画设计的时候，刚开始是打基础的阶段，这个时候很多人就会遇到需要制作flash遮罩层的任务，对于新手来说如果有教程可以看，那么学起来也比较快。为了帮助大家，一品威客网小编找了网站动画设计新手建立遮罩层教程，可以看着学习。

    遮罩层在网页动画设计制作中是常用的工具之一。遮罩层是可以将与遮罩层相链接的图形中的图像遮盖起来。用户可以将多个层组合放在一个遮罩层下，以创建出多样的效果。需要注意的是，在网页动画制作中，遮罩层必须至少有两个图层，上面的一个图层为“遮罩层”，下面的称“被遮罩层”;这两个图层中只有相重叠的地方才会被显示。也就是说在遮罩层中有对象的地方就是“透明”的，可以看到被遮罩层中的对象，而没有对象的地方就是不透明的，被遮罩层中相应位置的对象是看不见的。下面分享一个flash遮罩层使用的例子。

    1、新建立Flash文档，然后修改文档属性：

    2、准备3张图片,并且利用PS把图片改成黑白,共6张图片

    3、按Ctrl+R导入上面处理的6张图片，然后分别选择6张图片按F8键转变为图形元件,大小为200*150：

    4、增加2个层:

    5、在层1放入3张彩色图片,在70帧插入普通帧:

    6、同样道理,在层3放入3张黑白的图片,在70帧插入普通帧:

    7、先建一个图形元件,为矩形200*150,颜色随意:

    8、在层2场景中把刚刚做好的图形元件拉入舞台,放在左侧,在35帧和70帧插入关键帧,把35帧的图形元件移动到右侧,分别建立补间运动

    9、完成了!按Ctrl+Enter测试观看效果吧!

    在使用遮罩层的过程中要注意，不能用一个遮罩层试图遮蔽另一个遮罩层。要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。另外，可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_Alpha属性。在被遮罩层中不能放置动态文本。有一点是在网页动画制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。

    建立遮罩层教程就是这样，如果对于遮罩层有了解那么是容易看懂这个教程。网站动画设计并不容易，要学习就需要与同行进行交流或是了解更多相关的知识，在一品威客网都有很多。还有如果你是网站动画设计专长，也可以来一品威客网找任务赚取金钱。

下一篇：展会策划的攻略分析 flash动画设计应用范围上一篇：