邮件订阅
5ucms模版,Flash遮罩特效实例--百叶窗效果
作者: 来源: 日期:2016/12/25 13:47:39 浏览量:30(滞后) 人气:LOADING...(实时) 【

5ucms模版,Flash遮罩特效实例--百叶窗效果
百叶窗,在日常生活是经常能见到,电脑上的屏保大者有百叶窗效果,现在作为闪客当然希望能用自己的武器设计自己的百叶窗效果,最终效果如图1所示:     

图1百叶窗效果    由上图可以看出,百叶窗主要使用了遮罩技术,当“百叶窗”被拉下时将打开将打开另一幅画面,具体操作步骤如下:     1.新建一影片,设置影片大小为300pxX300px(单位为像素),背景色为白色,当然设计者可以根据需要另行设置,同时将两幅准备好的图片导入到库中如图4.3.2所示:     

图4.3.2导入两幅图片    2.新建一图形元件“meng”,选中第1帧,插入一关键帧,选取矩形工具,设置其填充色为黑色,在工作区中绘制一矩形,如图4.3.3所示:     

图4.3.3图形元件“meng”的设计    3.新建一图形元件“meng_f”,选中第1帧,插入一关键帧,将图形元件“meng”拖放到工作区中,创建一实例,在第15帧处插入一关键,选中第1帧单击鼠标右键,选择“创建补间动画”,选中第15帧,将实例调整为一条线如图4.3.4所示:     

图4.3.4创建动画渐变动画    分别在第25帧和第40帧,插入两创建关键帧,并在25帧和第40帧之间创建相反的运动激变动画,即由一条线放大。时间轴如图4.3.5所示:     

图4.3.5时间轴窗口    2.返回主场景,为了便于理解,将默认图层更名为
,再新建一图层“
”,分别将导入的两幅图片拖放到工作区中,分别对导入的两幅进行如下处理,     a.将不同图层中的图片使用分离命令进行分离操作。     b.从工具箱中选取椭圆工具,设置其填充为透明,按住Shift分别在各图层中绘制一圆。     c.分别选中圆的轮廓线条及圆形外边的图片,按键盘上的Delete键,将其删除,这时图层“
”和“
”中的图片效果如图4.3.6所示:     

图4.3.6图层“
”    

图4.3.7图层“
”    d.分别在这两图层的第42帧处插入一关键帧。     3.选中图层“
”,在其上插入一遮罩层“maske
”,选中第1帧插入一关键帧,将图形元件“meng_f”拖放到工作区中,并在第42帧处插入帧,调整其位置如图4.3.8所示:     

图4.3.8为“
”添加遮罩层    4.新增8个图层,按住Shift键,选中图层“
”和“maske
”,用鼠标右键点击被选中的任意一帧,从弹出的快捷菜单中选择“拷贝帧”菜单命令。用鼠标右键点击“图层4”的第1帧,从弹出的菜单中选择“粘贴帧”菜单命令,这时“图层4”将变成复制后的“
”和“maske
”蒙板层,点击复制后的蒙板层,按键盘上的向上箭头,将实例向上移动,调整到适当位置,如图4.3.9所示:     

图4.3.9调整实例位置    5. 用同样的方法,依次在“图层5”至“图层11”中分别复制“
”和“maske
”图层,将各个蒙板图层中的实例向上移动,并顺次向上连接。最图4.3.10所示:     
0
图4.3.10调整排列各遮罩层中的实例    6. 这样整个“百叶窗效果”就制作完成,保存作品,按“Ctrl+Enter”预览最终效果。     本例源文件请点击这里下载(出处:太平洋电脑网)

选择5ucms.org 选择未来

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms培训,Flash遮罩特效实例--电影文字
下一篇:5ucms插件,Flash遮罩特效实例--可拖曳遮罩效果
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms模版,Flash遮罩特效实例--百叶窗效果的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org