Flash中百叶窗效果的实现

 前不久写了一篇关于百叶窗效果的教程(两张图片的切换),结果很多朋友通过短信、QQ等来问我,如果是多张图片该怎么办,呵呵,一个人问、两个人问,还可以详详细细的给他们讲一下制作思路与技巧,但问的人实在是太多了,有点回答不过来,没办法,只好再写一篇多图百叶窗效果的教程了:)
●使用软件

  FLASH MX 2004(或FLASH MX)

●素材准备

  5张.jpg图片(或其它格式的图片)

●效果演示

●源文件下载(FLASH MX 2004版):

  点击下载源文件

●制作步骤

  1、运行FLASH MX 2004,新建一FLASH文档,设置文档属性:大小为400×300像素;其它属性默认。

  2、Ctrl+F8新建一影片剪辑,重命名为“叶片”,如图1所示。点击“确定”后进入“叶片”影片剪辑中编辑。

  3、在工具箱中选择矩形工具,在“叶片”影片剪辑中画一无线框的长条矩形(颜色随意),长400(同主场景的宽)高30(主场景的1/10大小),并让其中心对齐,如图2所示。

  4、在第30帧处按F6键插入关键帧,将30帧处的矩形尺寸改为400×1像素,如图3所示。

  5、点击第1帧,然后打开属性面板,在属性面板中设置1~30帧补间为“形状”,其它属性为默认,如图4所示。

6、在第31帧处按F7键插入空白关键帧,然后再第50帧也按F7插入空白关键帧,此时时间轴为图5所示。

  7、在第50帧处加入AS语句(图6):

_root.play();

  8、返回主场景中,将“图层 1”重命名为“Mask”。Ctrl+L打开库面板,将“叶片”影片剪辑拖至主场景中,然后再将“叶片”影片剪辑复制出9份(和最开始拖拽出的“叶片”一共10份)。(提示:可以按住键盘上的Ctrl键后拖拽“叶片”影片剪辑快速复制),如图7所示。

  9、Ctrl+A将十份“叶片”全选,Ctrl+K打开对齐面板,确保已经启用“应用于舞台”,先后点击“垂直居中分布”与“水平居中分布”,如图8所示。

  此时舞台如图9所示。

  10、确保10份“叶片”都已被选中,按F8将其转换为影片剪辑,重命名为“百叶窗”,如图10所示。

 

  11、执行【文件】菜单→【导入】→【导入到库】命令,导入5幅图片,在库中将那五幅图片重命名为“A”、“B”、“C”、“D”和“E”,如图11所示。(重命名图片没有什么特殊意义,主要是为了下面写教程时方便一些)

12、新建两图层,分别为“ABCDE”与“BCDEA”,然后调整一下图层的位置,图层的顺序见图12。

  13、点选图层“ABCDE”中的第1帧,将库中的位图“A”拖拽至“ABCDE”层的第1帧中,并适当调整“A”图片的位置与大小,使其与舞台同宽同高,并与舞台对齐,如图13所示。

  在“ABCDE”的第2帧处按F7,插入一空白关键帧,将“B”位图从库中拖拽至“ABCDE”层的第2帧,并适当调整图片大小与位置;在第3帧处按F7,插入空白关键帧,将“C”位图从库中拖至“ABCDE”层的第3帧中,并适当调整其大小与位置……同样方法,第4帧中放入“D”图,第5帧中放“E”图。

  14、在图层“BCDEA”中,用同样方法放入图片,“BCDEA”层中的第1帧中放“B”图,第2帧中放“C”图,第3帧中放“D”图(如图层的名称一样,1至5帧的图片分别是B、C、D、E、A)。

  完成后,将“Mask”层延长到第5帧(在“Mask”层的第5帧位置处按F5键插入帧),此时时间轴如图14所示。

  15、在“Mask”层上右击,在弹出的右键菜单中选择“遮罩层”,时间轴为图15所示。

  16、新建图层,重命名为“AS”,在“AS”层的第1帧中加入语句:

stop()

  然后复制“AS”层的第1帧(在“AS”层第1帧上右击→复制帧),粘贴在“AS”层的第2至5帧上。(也主是说,“AS”层的第1至5帧,第帧里都有一条语句“stop()”)此时时间轴为图16所示。

  17、完成制作,Ctrl+回车测试。

时间: 2024-08-11 17:52:15

Flash中百叶窗效果的实现的相关文章

flash中loading效果实现代码

as3.0 在FLASH第一帧中加入以下代码.把主体内容移到第二帧即可. // 设置loading的宽度,单位为像素 var loader_width = 150; // 设置loading的高度,单位为像素 var loader_height = 4; //设置loading的颜色值 var loading_color = 0x454545; //创建两个图形 var my_loader_mc1 = createRectangle(this, loader_width, loader_heig

flash中落花效果AS3实现代码

以下为flash落花效果的as3代码,如要欣赏FLASH动画效果请见本文底部的动画演示.  代码如下 复制代码 function flower():Sprite { var mc:Sprite=new Sprite(); var color:uint=Math.random()*0x88ffff+0x880000; var num:int=int(Math.random()*9+1); var i:int=0; while (i++<num) { var huaBan:Shape=new Sha

FLASH中实现眨眼睛的动画效果

许多FLASH动画短片和MV中经常有精美生动的动画人物出现,配合眨眼动作.口形变化以及头发的飘动,再加上人物的配音,一个活脱脱的动画人物形象就出现在FLASH动画中了.很多人都想知道这样的人物是如何做得栩栩如生的,尤其是其中的简单动画效果,如眨眼的动作,如何制作人物的眨眼动画呢?其实技巧很简单,甚至都不需要专门教程来指导,但是对于初学者,笔者认为却是应该用一个实例教程来给予指导的.最近发现帝国的在线教程中也有很多这样的提问--"在FLASH中如何制作效果逼真的人物眨眼效果?",其他的F

Flash中声音的压缩与效果处理

压缩 在Flash中加入声音可以极大地丰富动画的表现效果,但如果我们辛辛苦苦编辑好的声音不能很好地与动画衔接,或者声音文件太大影响了Flash的运行速度,效果就会大打折扣.那么如何使Flash中的声音获得最佳效果呢?下面我们一起来探讨这个问题. 一.声音文件在Flash中的压缩 当我们将Flash文件导入到网页中时,由于网络速度的限制,我们不得不考虑Flash动画的大小,特别是带有声音的Flash动画.有什么办法在既不影响动画效果的同时又能减小数据量呢?一个可行的方法就是利用声音压缩,效果非常明

Flash遮罩特效实例精选--百叶窗效果

特效 百叶窗,在日常生活是经常能见到,电脑上的屏保大者有百叶窗效果,我们当然希望能用自己的武器设计自己的百叶窗效果,最终效果如图1所示: 图1 百叶窗效果 由上图可以看出,百叶窗主要使用了遮罩技术,当"百叶窗"被拉下时将打开将打开另一幅画面,具体操作步骤如下: 1.新建一影片,设置影片大小为300pxX300px(单位为像素),背景色为白色,当然设计者可以根据需要另行设置,同时将两幅准备好的图片导入到库中如图2所示: 图2 导入两幅图片 2.新建一图形元件"meng"

无AS在FLASH中实现三种爆炸效果

目前我们见到的一些flash中的爆炸效果,很多都是应用大量的as或者粒子技术模拟出来的,对于不是很熟悉as的朋友来说,确实很难理解和学习,不过大家别着急,本实例我们就来学习一种不使用任何as(当然最简单的stop()和goto语句是少不了的),来模拟出三种精彩的爆炸效果,其逼真程度一定都不亚于用as 模拟出来的效果,具体效果请看下面的演示: 点击这里下载源文件 首先我们需要准备两张如图1和图2 所示的两张静态图片,图片内容为一团烟雾即可,一张亮些,另一张暗一点,熟悉fireworks 的朋友可以

Flash 中的文字绕排效果

我们见过许多文字绕排的效果,使用得当,会给作品增色不少,而且现在可以做这个效果的工具也非常多,例如 CorelDraw ; FreeHand 等,把这应用进 Flash 该如何做呢?通常我们都是使用外部绘画工具如 FreeHand 做好绕排效果,然后输出标准的 *.AI 格式文件,然后再导入 Flash 来实现目的.那如果我们没有这样的第三方工具怎么办?可以独立在 Flash 中做出这个效果吗?答案是肯定的,虽然现在 Macromedia 已经将最新的 FreeHand 9 和 Flash 4

DELPHI中实现百叶窗效果

所谓百叶窗效果,就是将画布分成若干个区域,各区域以渐进方式同时复制图形,就象翻动的百叶窗一样.以下就是一个显示特效的过程实例:首先,新建一个工程,在窗体上添加两个IMAGE控件,在控件IMAGE1的PICTURE属性中导入一幅位图(*.bmp),并将IMAGE1的VISIBLE属性设为FALSE.然后,在代码窗口中定义如下过程: procedure TForm1.fan; var r1:Trect; list,r,every:integer; begin list:=1; every:=trun

怎样用C#实现flash中形状补间的效果

问题描述 最近老师让做一个程序,我想要使同一地理区域的不同时间之间的变化呈现的效果像flash中的形状补间一样这样显得自然.好看,而不是赤果果的每个时期显示一下但是我们这个软件是用c#写的,没有用flashbuilder,as我也不会用请教论坛的各位大大帮忙看一下怎么用C#实现形状补间这种动态的效果 解决方案 解决方案二:求帮助啊!解决方案三:有木有人帮帮忙???解决方案四:c#的好像没找到,js写的有不少,你可以在程序里嵌入webbrowser来使用,或者参考js的源代码自己用c#实现.这一篇