flash遮罩特效实际的例子之百页窗效果

更新时间:15-10-23 09:40 热度:323
 

  百页窗,在起居是常常能见到,电脑上的屏保大者有百页窗效果,如今作为闪客当然期望能用自个儿的武器预设自个儿的百页窗效果,下边脚本代码之家采编就为大家绍介flash遮罩特效实际的例子之百页窗效果,引荐给脚本代码之家,期望对大家有所帮忙!最后效果如图1所示:

    

15102309404362558815351 flash遮罩特效实际的例子之百页窗效果
图1 百页窗效果

    由上图可以看出,百页窗主要运用了遮罩技术,当“百页窗”被拉下时将敞开将敞开另一幅银幕,具徒手体操作步骤如下所述:

    1.新建一影片儿,设置影片儿体积为300pxx300px(单位为像素),环境色为白的颜色,当然预设者可以依据需求另行设置,同时将两幅准备好的图片导入到库中如图4.3.2所示:

    

15102309404376525046084 flash遮罩特效实际的例子之百页窗效果
图4.3.2 导入两幅图片

    2.新建一图形元件“meng”,选中第一帧,插进去一关键帧,选取长方形工具,设置其补充色为黑色,在办公区中画出一长方形,如图4.3.3所示:

    

15102309404384399888617 flash遮罩特效实际的例子之百页窗效果
图4.3.3 图形元件“meng”的预设

    3.新建一图形元件“meng_f”,选中第一帧,插进去一关键帧,将图形元件“meng”拖放到办公区中,开创一实际的例子,在第一5帧处插进去一关键,选中第一帧裸机鼠标右键,挑选“开创补间动画”,选中第一5帧,将实际的例子调试为一条线如图4.3.4所示:

    

15102309404467156747816 flash遮罩特效实际的例子之百页窗效果
图4.3.4 开创动画逐渐变化动画

    作别在第25帧和第40帧,插进去两开创关键帧,并在25帧和第40帧之间开创相反的运动急剧变化动画,即由一条线放大。时间轴如图4.3.5所示:

    

15102309404475031690349 flash遮罩特效实际的例子之百页窗效果
图4.3.5 时间轴窗户

    2.回返主场景,为了易于了解,将默许图层更名为pic1,再新建一图层“pic2”,作别将导入的两幅图片拖放到办公区中,作别对导入的两幅施行如下所述处置,

    a.将不一样图层中的图片运用离合指示施行离合操作。

    b.从工具箱入选取鸭子蛋圆工具,设置其补充为透明,按住shift作别在各图层中画出一圆。

    c.作别选中圆的大概轮廓线条及圆形外边的图片,按钮盘上的delete键,将其删去,这时图层“pic1”和“pic2”中的图片效果如图4.3.6所示:

    

1510230940448286632883 flash遮罩特效实际的例子之百页窗效果
图4.3.6 图层“pic1”

    

15102309404493753264660 flash遮罩特效实际的例子之百页窗效果
图4.3.7 图层“pic2”

    d.作别在这两图层的第42帧处插进去一关键帧。

    3.选中图层“pic2”,在其上插进去一遮罩层“maske pic2”,选中第一帧插进去一关键帧,将图形元件“meng_f”拖放到办公区中,并在第42帧处插进去帧,调试其位置如图4.3.8所示:

    

151023094045092262571 flash遮罩特效实际的例子之百页窗效果
图4.3.8 为“pic2”添加遮罩层

    4.新增8个图层,按住shift键,选中图层“pic2”和“maske pic2”,用鼠标右键点击被选中的恣意一帧,从弹出的敏捷点菜单中挑选“复印帧”点菜单指示。用鼠标右键点击“图层4”的第一帧,从弹出的点菜单中挑选“粘附帧”点菜单指示,这时“图层4”将成为复制后的“pic2”和“maske pic2”蒙板层,点击复制后的蒙板层,按钮盘上的上进箭头,将实际的例子上进移动,调试到合适位置,如图4.3.9所示:

    

1510230940456283550771 flash遮罩特效实际的例子之百页窗效果
图4.3.9 调试实际的例子位置

    5. 用一样的办法,顺次在“图层5”至“图层11”中作别复制“pic2”和“maske pic2”图层,将各个蒙板图层中的实际的例子上进移动,并挨着次序上进连署。最图4.3.10所示:

    

15102309404514058493304 flash遮罩特效实际的例子之百页窗效果
图4.3.10 调试排列各遮罩层中的实际的例子

    6. 这么整个儿“百页窗效果”就制造完成,保留作品,按“ctrl+enter”预览最后效果。

 以上就是用flash遮罩特效实际的例子之百页窗效果,期望对大家有所帮忙!