利用flash制作百叶窗效果

所属分类: 媒体动画 / Flash教程 阅读数: 80
收藏 0 赞 0 分享

浏览一些网站经常会看到图片的过渡效果,这种效果即美化了网页,又对视觉造成一定的冲击力,百叶窗效果就是其中一种,如何利用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制作百叶窗效果方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!

更多精彩内容其他人还在看

flash怎么制作镜像动画?

flash怎么制作镜像动画?flash中制作动画很简单,怎么才能制作一个动画的镜像呢?下面我们就来看看flash制作镜像动画的详细教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash制作图片变换的gif动画效果

这篇教程是向脚本之家的朋友分享flash制作图片变换的gif动画效果方法,教程制作出来的动画效果非常不错,难度不是很大,一起来学习吧
收藏 0 赞 0 分享

flash怎么绘制和谐号火车从火车道开过的动画?

flash怎么绘制和谐号火车从火车道开过的动画?想制作一个火车从轨道上飞奔而过的一个画面,该怎么制作呢?下面我们就来看看flash制作和谐号火车从火车道开过的动画的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FLASH怎么制作红烛燃烧的动画?

FLASH怎么制作红烛燃烧的动画?FLASH中做动画很方便,今天我们就来看看使用flash制作蜡烛燃烧并流下烛蜡的教程,很简单,下面我们就来看看详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么填充渐变色? flash渐变填充的使用方法

flash怎么填充渐变?flash中想给图形添加渐变色,该怎么添加呢?下面我们就来看看flash渐变填充的使用方法,这是基础教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作磁铁吸钉子的动画?

flash怎么制作磁铁吸钉子的动画?我们知道钉子放到磁铁周围就会直接将钉子吸走,该怎么制作这个动画呢?下面我们就来看看flash制作磁铁吸引钉子的动画教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画中国国宝大熊猫? flash绘制卡通大熊猫的教材

flash怎么画中国国宝大熊猫?flash中制作动画很简单,但是也可以简单的绘制图形,该怎么绘制呢?今天我们就来看看flash绘制卡通大熊猫的教材,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash工具缩放、旋转和倾斜对象使用介绍

今天小编为大家介绍Flash工具缩放、旋转和倾斜对象使用方法,对于初学者来说,是个很好的学习教程,推荐到脚本之家,一起来看看吧
收藏 0 赞 0 分享

flash中怎么用鼠标绘制一朵木兰花?

flash中怎么用鼠标绘制一朵木兰花?flash中除了做动画效果以外,还可以绘制图形,今天我们就来看看flash用鼠标绘制一朵木兰花的详细教程,很简单,详细教程请看下文
收藏 0 赞 0 分享

FLASH制作一个小车一直往前推的动画?

FLASH制作一个小车一直往前推的动画?想做一个动画,就是有个小推车一直不断的往前进,中途不能倒,该怎么制作呢?下面我们就来看看这个动画的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多