利用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帧处插入帧。

保存该文件名称为百叶窗效果，然后按ctrl+enter组合键进行测试。

以上就是利用flash制作百叶窗效果方法介绍，操作很简单的，大家学会了吗？希望能对大家有所帮助！

最新评论