如何利用flash制作百叶窗效果

浏览一些网站经常会看到图片的过渡效果,这种效果即美化了网页,又对视觉造成一定的冲击力,百叶窗效果就是其中一种,如何利用flash制作百叶窗效果呢?下面就为大家详细介绍一下,来看看吧!
方法/步骤
新建一flash文档,设置大小为550*400,背景颜色为白色,帧频为12fps 。
执行文件-导入-导入到库命令,将事先准备好的图片1.jpg-4.jpg导入到库中 。
执行插入-新建元件命令,新建一个名称为1等图形元件,确定后进入编辑区域,选中工具箱里矩形工具,设置笔触颜色为#0099FF,填充颜色为#3366ff , 在舞台上绘制一个大小为550*30的矩形 。
执行插入-新建元件命令 , 新建一个名称为2的影片剪辑元件,确定后进入编辑区域,把名称为1的图形元件拖入到名称为2的影片剪辑元件中,设置全居中(水平中齐、垂直中齐) 。
在图层1的60帧处按f6键插入关键帧,选择第一帧处的图形元件,设置其大小为550*1,鼠标右键单击第一帧处,选择下拉菜单中的创建补件动画,选中第60帧处,打开动作面板输入stop()语句 。
执行插入-新建元件命令,新建一个名称为3的影片剪辑元件,将名称为2的影片剪辑元件拖入到影片剪辑3中,复制多个元件实例并对这些元件实例进行排列 。
返回主场景将图片1拖入到舞台中,设置其宽度为550 , 高度为412.4,设置居中对齐,选择图层1的第60帧处,按f5键插入帧 。
新建图层2,将库中2.jpg拖入到舞台 , 设置宽度为550 , 高度为412.5 , 并设置居中对齐 。
新建图层3将名称为3的影片剪辑元件拖入到舞台,居中对齐该元件,并在图层2和图层3 的第120帧处按f5键插入帧 。
选中图层3右键单击图层3在下拉菜单中选择遮罩层,创建遮罩图层 。
新建图层4,将3.jpg拖入到舞台设置大小为550*412.5,并设置全居中 , 新建图层5将名称为3的影片剪辑元件拖入到舞台 , 居中对齐该元件,执行修改-变形-顺时针旋转90度命令,将图层5设为遮罩层,在图层4和图层5的180帧处插入帧 。
新建图层6和图层7,在图层6中拖入4.jpg图片,大小设置为550*412.5并且全居中,图层7中拖入名称为3元件设置全居中,,执行修改-变形-旋转和倾斜45度,把图层7设置为遮罩层,在图层6和图层7的第240帧处插入帧 。
【如何利用flash制作百叶窗效果】保存该文件名称为百叶窗效果 , 然后按ctrl+enter组合键进行测试 。

如何利用flash制作百叶窗效果的详细内容就为您分享到这里,【精彩生活】jing111.com小编为您精选以下内容,希望对您有所帮助: