0

flash怎么做图片逐渐显示最新两篇

浏览

4432

文章

2

篇1:flash如何制作图片的分层显示效果

全文共 714 字

+ 加入清单

无论是网站还是课件制作中都离不开图片的过渡效果,有些过渡效果可以使用代码来完成,有些不使用代码一样也可以制作出不错的过渡效果,比方说图片的分层显示效果,下面就为大家分享flash制作图片的分层显示效果方法,感兴趣的朋友可以参考本文,希望能对大家有所帮助!

方法/步骤

启动flash 8,新建一个大小为550*400,背景颜色为白色,帧频为15fps的文档。

执行文件-导入-导入到库命令,将事先准备好的1.jpg图片到如库中,库中可以查看此文件,

执行插入-新建元件命令,新建一个名称为元件1的影片剪辑元件,将库中的图片拖拽到舞台编辑区域,将图片大小设置为550*400,并按ctrl+b组合键将图片打散。

返回主场景,选择工具箱里矩形工具,设置填充颜色为绿色,笔触为无,在舞台上绘制一个大小为500*400的矩形,按ctrl+g组合键将矩形组合。

将组合后的矩形复制粘帖10次,并用矩形覆盖整个舞台,然后按ctrl+a选择所有矩形,右键单击在下拉菜单中选择分散到图层选项,

选择第二个图层,将第一帧拖动到第三帧,选择三个图层,将第一帧拖动到第六帧,以此类推,将其他图层的第一帧以此向后拖动三帧。

在图层1中第80帧处插入帧,在图层1下面新建一个图层,将元件1拖拽到舞台上,并设置x轴坐标为-50.

选择第20帧处将元件1的位置向右移动50,在1-20帧处右键单击选择下拉菜单中的创建补件动画,然后在80帧出插入帧。并将其上部的图层转化成遮罩层。

按照步骤8,分别在其下方新建图层,拖入元件1移动一定距离并创建补件动画,最终将其上方的图层转换成遮罩层。

按ctrl+enter组合键进行测试,并且保存。保存名称为分层过渡,保存到一个合适的位置即可。

展开阅读全文

篇2:Flash如何制作鼠标点击图片显示打散的动画效果

全文共 1095 字

+ 加入清单

本篇教程主要向大家介绍flash制作鼠标点击图片显示打散的gif动画效果方法,教程很不错,很值得学习,下面一起来看看吧!

1、新建Flash文档,550*400,其它默认。

2、创建影片剪辑,选椭圆工具,笔触无,填充色放射渐变,画一个椭圆,右键库中设置链接,类名Ball。

3、返回场景1,第一层建背景(随意),新建as图层,在as图层第一帧输入代码:

复制代码

代码如下:

//小球的初始位置

[code]//小球的初始位置

var ballx:Number = 275;

var bally:Number = 400;

//小球运动速度

var speed:Number = 5;

stage.addEventListener(MouseEvent.CLICK,shoot);

function shoot(e:MouseEvent):void

{

for(var i:int = 1;i

{

//从库中创建小球

var ball:Ball = new Ball();

//初始化小球位置

ball.x = ballx;

ball.y = bally;

//根据三角函数计算小球的速度

ball.spdx = cosD(i*-20)*speed;

ball.spdy = sinD(i*-20)*speed;

//注册enterFrame事件

ball.addEventListener(Event.ENTER_FRAME,ballMove);

e.target.addChild(ball);

}

}

function ballMove(e:Event):void

{

//获取小球的引用

var obj:MovieClip = e.target;

//设置小球的坐标,实现运动

obj.x += obj.spdx

obj.y += obj.spdy

if(obj.y550||obj.y>400)

{

//移除enterFrame事件

obj.removeEventListener(Event.ENTER_FRAME,ballMove)

//从显示列表删除

stage.removeChild(obj)

}

}

//角度转换为弧度

function angleToRadian(angle:Number):Number

{

return angle*(Math.PI/180);

}

function sinD(angle:Number):Number

{

return Math.sin(angleToRadian(angle));

}

function cosD(angle:Number):Number

{

return Math.cos(angleToRadian(angle));

}

展开阅读全文