flash做动画效果(优秀20篇)

下面给大家介绍flash制作一条蛇游动的gif动画效果方法，是不是很有意思呢。 一起来看看吧。

方法/步骤

打开FLASH，新建文档。参数如图

新建一个元件。类型为图形。确定，绘制一个小球，颜色任意。

回到场景中。拖动小球到工作区。

在35帧按F6建立关键帧。将小球拖动到右边，在中间按右键，建立补间动画

新建图层2。并下移，让图层2在图层1下面，在图层2中，用铅笔，用光滑模式画一条弯曲的黑色的线。

将原来的小球图层1右键设为遮罩层。按回车键看效果。

注意事项

线用光滑模式，尽可能多一些弯曲。

鼠标移过，花儿会自动消失，现出隐藏的微笑着的姑娘，然后花儿再回来，时隐时现，欲现还羞。似乎是十年前看到的这个实例。一直很喜欢作者的创意，一个简单的动作做出很美的效果。下面也来试试它的制作吧。涉及影片剪辑的使用及相应脚本。

一、准备素材

1、首先导入一张图片作为背景。文件——导入——导入到舞台。

2、导入的图片处于选中状态，打开对齐面板，在匹配大小中点匹配宽和高。使图片符合舞台大小。当然，文档大小最好与图片同比例，以免更改后的图片出现较大变形。可在修改——文档——尺寸中更改。

3、将更改后的图片与舞台对齐。依然是对齐面板，对齐——水平中齐、垂直中齐。

4、绘制一朵花(在下方的经验引用中有绘制方法)，或者导入一朵透明背景的花(PNG图片)，右键，转换为元件中的影片剪辑元件，取名花。(flash8.0及以下转换为按钮元件)

5、属性面板，锁定宽高，修改宽度为100，回车。将花朵元件同比例缩小。

二、制作影片剪辑动画。使花儿由大至小、由出现至消失，再反之出现。

更改好的花元件右键——转换为元件——影片剪辑，取名转动的花。

双击该元件进入编辑。我们看，第一帧里是花的元件。在20帧里，我们要让它变为最小且完全消失。所以，在第20帧，右键——插入关键帧。

消失的状态要保持一段时间，以便我们可以看到隐藏在下面的图片。所以，在50帧再次添加关键帧。从此帧开始进入出现的过程。

第65帧，添加最后的关键帧。

更改要消失的帧元件。就是20帧和50帧了。属性面板，更改宽高为10，颜色——Alpha，设为0%。图中的小圆就是更改后的元件。

为第1帧和50帧右键，创建补间动画。影片剪辑动画基本完成。

三、为剪辑加上脚本。

完成的剪辑会自动循环着出现——消失、消失——出现的动画，可是我们需要的初始画面是静止的花儿。所以我们还要为这个剪辑第一帧加上停止命令。

单击第一帧，动作面板——时间轴控制——stop();，或者直接在右侧输入框中输入“stop();”，注意在英文输入状态。

加了停止命令的动画会一直停止不动。所以我们为它添加第二个命令：第一帧单击花元件，动作面板——影片剪辑控制——on——rollOver(鼠标移过时)——时间轴控制——gotoAndPlay(2);(进入第二帧并播放)。

右侧输入栏最终脚本：on (rollOver){gotoAndPlay(2);}，直接在该栏输入此语句亦可。

四，放花

回到场景1，新建一层，放置转动的花元件。按住ALT键复制两个，Shift键单击选中三朵花(或拖动选择框圈住三个)，Alt键复制三个，再次复制成九个。

选中一列九个，复制第二列。如此直至舞台铺满花朵。完成，测试一下吧。

最终效果。鼠标从花上移过的情景。

flash源文件在FLASH软件里面打开，怎么去播放他，很多人不知道，有的人按“回车”这样可以吗?下面请看教程。

1、打开FLASH软件，最高版本为CS6，CS6可以打开所有的FLASH文件，版本低了有的文件打不开，报“意外的文件格式”。

2、菜单栏， 文件---打开 ，找到你要打开的源文件。

3、怎么预览动画的完整效果呢?直接按“ 回车 ”，播放不了，为什么有的源文件里面直接按“回车”能播放呢，因为那个是逐帧动画，时间轴上没有影片剪辑，动画是逐帧显示。

4、正确的播放方法是：按“ CTRL+回车 ”，就会弹出一个播放的窗口。

5、也可以导出SWF的文件查看，效果也是一样的。

6、 文件---导出---导出影片 ，选择导出SWF格式的文件，然后在单独播放即可。

注意事项： 按 CTRL+回车播放 ，不是单独“回车”播放，版本用最高版本打开。

物理里面经常讲到动能势能，这次用flash绘制一个势能动能相互转化的动画，喜欢的朋友可以参考本文。

步骤

1、打开FLASH软件，新建FLASH文档;

2、选择填充为无色，笔触为2的黑色绘制一个弹簧，装换为元件;

3、新建图层2绘制一个矩形平台;

4、绘制小球，选一个颜色，笔触关闭，然后转换为元件;

5、添加关键帧，并且添加补间动画;

6、测试动画，修改，看看是否连贯;

7、导出影片，格式GIF 绘制完成。

注意事项

注意箭头处

注意动画的连贯性

在flash中通常有几种方法创建相同的动画和效果。不管是在时间轴上做的动画还是用actionScript动态生成的，它都允许用户在舒适的环境中工作。一个简单的光圈变换是能用几种不同的方法来制作。我个人不知道这种动画代码从哪儿开始，但是给我一个时间轴和一些关键帧，我将进入我的工作环境。

1、第一步用椭园工具创建一个圆形。任一填充色，绘制时按住shift键使它成正圆。不要将这个形状转换为元件，相反地将这一层转换为遮罩层。

图1

2、在第1帧将圆缩到最小。用ctrl+alt+s打开缩放与旋转面板，输入一个百分数，点击确定。使用对齐面板(ctrl+k)使圆形相对于舞台居中对齐。

图2

3、在遮罩层时间轴上一些帧后插入关键帧。将圆放大覆盖整个舞台。转化这个形状为轮廓线，(译者注：在图层名称那一栏点右键>属性，然后在弹出的属性面板的下半部有一“将图层转为轮廓”前打钩。)这样你可以在它下面看到舞台。添加一个补间形状，这样这个圆从小到大覆盖整个舞台。

图3

4、增加一个新的图层并拖动它穿过遮罩层，这样它就被连接成了被遮罩层。在这一层包含你要显示的内容。如果你显示的内容需要多个层，那么确认它们全部被遮罩，或者移动所有显示内容到一个新的元件，并将元件拖到被遮罩层。

图4

5、在所有图层的下面创建新图层(不是被遮罩层)然后画一个黑色的矩形尺寸和舞台一样。颜色可以是你选择的任何色，但黑色对于这个效果将更好一些。你可以在舞台上复制并翻转遮罩动画的关键帧添加另一个补间形状。

图5

6、自此你已经用一个动画遮罩创建了一个光圈效果。你以在舞台上很容易控制光圈的聚焦区域。在最后一个关键帧，定位圆在角色的眼晴上。当动画播放时，圆将向眼睛上运动-一个被使用在各个卡通中的典型的技巧。

图6

提示：自由地用其它颜色取代黑色试验。有时放射渐变可为这个变换增加一些有趣的层次感。改变不同的颜色来改变不同的背景，得到你想要的效果是很容易的。

flash中有些效果比较好看，而且做起来还比较简单的，扫光(也称过光，个人喜欢叫过光)就是其中一个，但是很多新手还是想不到怎么做，下面就为大家介绍Flash怎么制作扫光动画的效果方法，不会的朋友可以参考本文，希望能对大家有所帮助!

方法/步骤

【第一步】拖入或编辑你想要为之添加过光效果的内容，这里以文字“百度经验”为例。并更改图层名为“文本”。

【第二步】将“文本”图层的内容复制，然后新建图层，更改图层名为”过光文本“，把内容放到这个图层里。

【第三步】在这两个图层中间创建新图层，更改图层名为“过光遮罩”，然后绘制一个矩形，更改填充颜色类型为“线性渐变”，渐变为两边完全透明，中间80%透明的蓝色矩形。

【第四步】因为这个例子是文本，是线条组成的，所以需要把“过光文本”图层的文字转化为填充才可以设置遮罩层，切记线条不可以当遮罩层。

【第五步】为“过光遮罩”图层设置传统补间动画，例子中为这个遮罩设置了一定的倾斜角度，可根据自己的需要自行更改，动画的大致路径就是从文字的左方移动到文字的右方。然后为“过光文本”图层设置遮罩层。大功告成!

【说明】想要看到动画的运动路径，推荐使用下面的方法，按时间轴下面的“绘图纸外观轮廓”，然后在上面出现的方括号中框选你需要观看路径的帧数即可!第四步是线条类必须做的一步，如果是图像或填充之类的可以跳过第四步!

这次用flash动画中的遮罩来制作线条从无到有显示的汽车轮廓动画效果，教程介绍的很详细，适合新手学习，希望对大家有所帮助。

在flash中新建立一文件，大小可以放进你准备的图片，这里使用640x480px，白色背景.然后将汽车图片导入到flash中，" 文件>导入>导入到舞台 "

在图层1的第一针上你因该可以看到你导入的汽车图片

点击汽车图片，你会发现图片周围显示灰色的框，说明图片已经被选中，随后按F8将图片转换为元件，在名称中打入"VWGOLF"，在类型中选择"影片剪辑"!

按"确定"后，一个影片剪辑就完成了，双击这个影片剪辑，我们会进入名为"VWGOLF"的场景中

现在"场景1"是我们的主场景，场景"VWGOLF"是次场景

点"插入图层"新建一图层，新图层命名为LINES，并将我们之前的图片图层锁定

选择"线条工具"勾选汽车轮胎部分，如下面的动态图片过程

然后使用钢笔工具勾出整个汽车轮廓(所有的轮廓因该在新键的图层中画出)

现在我们为轮廓增加遮罩层(遮罩的原理是被遮罩的部分会显示，不显示未遮罩部分，flash里的渐隐基本都是使用此功能来做的)

新建一图层作为遮罩层，用刷子工具(设置如下图)沿着汽车轮廓图进行描边(请注意所有的描边因该在遮罩层上而不是汽车轮廓层上)

这里我们每描一部分线条，按一次F6键，建立一个关键针，(这样做的目的是最后汽车轮廓可以逐步显示出来)你可以查看下面的动态展示图

在mask层上按右键，将此层转换为遮罩层

我们复制图层，用同样的方法制作轮胎部分的遮罩效果，针数与前面的相同

现在我们回到图片所在的图层，拖动图片元件到25针左右

同时在第60针新建一关键针，按F6

选中图片元件(在最外面的主场景中)，在低部属性中设置颜色为"高级"，按右边设置按钮!

跳出windows框，设置参数如下

在图片层第30~60针之间随意点上右击，选"创建补间动画"

这样图片的渐隐效果动画就制作完成了

教程结束，以上就是Flash遮罩制作线条逐渐显示的汽车轮廓动画效果，希望对大家有所帮助!谢谢大家观看本教程!

用flash模拟弯弓射箭，用到补间动画与形状动画，下面小编就为大家详细介绍一下，不会的朋友可以参考本文。

步骤

1、打开FLASH软件，新建FLASH文档;

2、在图层1中绘制弓;

3、新建图层2绘制弦;

4、新建图层3绘制箭;

5、添加关键帧，添加补间动画与形状动画;

6、测试影片，导出影片，格式GIF 绘制完成。

注意事项

注意箭头处

注意补间动画的设置

火焰也是动画片中常常需要表现的一种动画现象。火也可以分为：小火苗(如蜡烛燃烧，火柴燃烧等)、较大的火(如柴火燃烧等)、熊熊大火(如篝火等)等几种。在动画片中，常见的有这三种。下面，我们就以较大的火进行演示，希望对大家能有所帮助。

火由外焰、内焰、焰心组成。无论火有多大，它在燃烧的过程中都会受到气流强弱的影响而显现出不规则的运动。但它们都有一个基本运动的规律：

那就是扩张、收缩、摇晃、上升、下收、分离、消失。火焰的速度在底部时最快，越往上越慢，直至消失。火焰的形状经常会根据火势的大小和风向发生变化。

用flash_cs6做鼠标特效。

1、双击打开FL。

2、打开后界面。

3、 将要做成鼠标箭头的材料导入 。这里导入的是路飞头像。

4、选中 转换成元件-影片剪辑 。

5、选中 中心点 ，点击确定。

6、命名为 lufei_mc 。(lufei这段字符可以设置成其他， 但必须是字母)

7、 脚本必须是as2.0

8、新建as代码层。选中as层， 按F9。

9、输入代码

Mouse.hide();

onEnterFrame=function(){

lufei_mc._x=_xmouse;

lufei_mc._y=_ymouse;

}

10、完毕。

注意事项：

用英文输入法输入代码，不然极易出错。

在flash中绘图与动画制作占比同样重要，在与之结合的基础上能创作出很多日常生活中的情景，水滴下落，也就是自由落体运动就是一个很好的制作模型。

首先我们需要了解原理，在上面的演示中可以看到运动下落，速度是一个点，水滴的颜色变化是一个点，以及水波的隐约扩散，了解了几个重要的点就可以开始制作了

1、我们先按照默认的方式建立一件，默认的是一个空白的画布，尺寸固定

2、然后在属性面板上设置舞台参数， 帧频率改为12，尺寸200*400 ，背景颜色为蓝色，大家喜欢什么样的蓝色都可以

3、选择 钢笔工具画水滴 ，如果大家不熟悉可以多试一下，然后用部分 选择工具 进行调整

4、选择 颜料桶工具 ，最下面的黑白渐变，然后打开调色板， 黑色改为淡蓝色，填充水滴

5、选择 水滴 ，去掉边框， 即边框颜色为0，Alph值为0，就是选择斜杠

6、将其转化为 元件 ，图形，在第十帧初按F6， 添加关键帧，按住shift键下移

7、在同一帧选择 椭圆工具 ，只有边框，移到水滴中心， 按F7， 添加 空白关键帧 ，选中边框， 按CTRL+X剪切，到11帧按住CTRL+shift+V 同位置粘贴

8、将边框转化为 元件 ，在第16帧初按 F6 ，选中边框，找到属性， Alph值为0

9、回到第11帧，将边框缩小，用 调整变形工具 ，按住 shift

10、 在第11帧与16帧中间任选一帧 ，右击创建传统补件，前面的也是如此

11、因为涉及到重力的问题，所以在第一帧到第十帧中间任选一帧，选择属性， 将缓动改为-100 ，由慢到快

本教程向大家介绍利用flash翻书动画效果的个性相册，制作出来的相册效果非常漂亮，教程不是很难，喜欢的朋友可以跟着一起来制作!

自己的数码照片是越来越多了，当然，网上也有很多相册网站，也有很漂亮的展示效果，但是还是喜欢自己DIY一款相册，放到自己的网站，展示自己的照片，也表现自己的才能，下面就来看看用Flash如何制作相册。

制作过程：

1.打开FLASH，新建一个空白文档(550， 400)

选择文件，导入，导入到库导入事先准备好的图片(这里导入了8张图)

然后把各图转换成图形元件 具体方法是Ctrl+l打开库用鼠标按住要转换的图拖到舞台中再按F8 转换成图形元件，(其它几个图一样操作)

补充一下转换元件的时候把注册点调到中间那里

2.按Ctrl+l打开库面板点元件1(元件1就是刚转换的图形元件 :呵没有改名你可以随便点一张图)按住鼠标不放拖到舞台中，并调整图的大小及坐标(我这里大小是宽200高300 坐标x=300，y=50

3.在主场景插入一个图层2并锁定图层1。

4.按Ctrl+l打开库把元件2拖到舞台中(图层2)。调整:宽=200 ，高=300， x=100，y=50 如下图所示:并在240帧处按F5插入帧

5.锁定图层2，并新建图层3 ， 按Ctrl+l打开库把元件3拖入图层3。调整宽=200，高=300， x =300，y=50

6.点图层3的第一帧再点舞台上的图形元件， 再按Q键把旋转中心点调到左边的边上如图所示：

7.在图层3的30帧处按F6插入关键帧点30帧处的图再按Ctrl+T打开变形面板 点倾斜一栏的第二个框输入 -90再按回车键 如下图所示：

8.在图层3的1-30帧中间的间任意一帧处点右键创建补间动画

9.新建一个图层4在30帧处按F7创建一个空白关键帧，按Ctrl+l打开库面板拖入元件4并调整大小和坐标和元件2一样如图：

10.点图层4的30帧再点舞台上的元件4，按Q键调整旋转中心点到右边。

11.在图层4的60帧处按F6插入关键帧，再回到30帧处按Ctrl+T键跳出变形面板，点下面的倾斜的第二个框输入89按回车如下图所示：

12.在图层4的30-60帧中间按右键创建补动间动画。

13.在图层1的60帧处按F7插入空白关键帧再按Ctrl+l打开库面板拖入元件7(这里随便可以是别的图)并调整大小及坐标，宽=200，高=300，x=300，y=50(作用是当上一张图翻上去的时候可以看这张图)。

14.再在图层4上新建一个图层5在60帧处按F7，再按Ctrl+l打开库拖入元件1(就是图层1第一帧的那张图)再按照图层3和图层4的方法制作剩下的图片。

15.如果要加入按钮的话可以新建一个图层点窗口-公用库-按钮里面拖入几个按钮。

再选中一个按钮双击进入按钮的编辑窗口更改文字当然不改也行(自己制作也行)在属性里面改成可读性消除锯齿。

16.例如改起来的是播放 那么点播放按钮在属性里面写上实例名称为bf_btn 其它按钮也差不多就是实例名称不一样。

最后新建一层点这层的第一帧按F9进入动作面板输入代码：

复制代码

代码如下:

d1_btn.onRelease = function() {

gotoAndPlay(2);

};

d2_btn.onRelease = function(){

gotoAndPlay(60);

};

d3_btn.onRelease = function() {

gotoAndPlay(120);

};

d4_btn.onRelease = function() {

gotoAndPlay(180);

};

bf_btn.onRelease = function() {

play();

};

tz_btn.onRelease = function() {

stop();

};

好了解测试一下试看看。

教程结束，以上就是Flash制作翻书动画效果的个性相册，希望大家喜欢本教程!

用flash打造一个具有卷动过渡效果的精美图库展示动画。效果不错，方法也比较简单，希望大家喜欢。

制作方法：

首先新建立Flash文档，然后修改文档属性：

我们制作的这个图库，大家通过演示可以看到单击小图，可以动态显示大图，所以我们事先要做一些工作。准备一些大小相同的图片8张，并且分别制作相应的缩略图8张，大图导入Flash中分别转换为影片剪辑元件，小缩略图导入Flash后转变为影片剪辑元件，都放到库里面，留着我们来使用。

这里我们制作一个main主影片剪辑，然后在里面制作一个背景：

然后再新建立一个层，把缩略图都按顺序摆放整齐，实例名分别是thumb0、thumb1、thumb2、thumb3、thumb4、thumb5、thumb6、thumb7：

当把大图导入Flash时，按F8转变为影片剪辑元件，标示符分别是image0、image1、image2、image3、image4、image5、image6、image7。设置如下：

然后再建立一个层，输入下面代码：

复制代码

代码如下:

this.createEmptyMovieClip("images"， 100);

this.attachMovie("mask"， "mask"， 101);

mask._x = images._x =-68;

mask._y = target = -150;

images._y = -1000;

images.setMask(mask);

speed = 5;

for (var i = 0; i

var img = images.attachMovie("image"+i， "image"+i， i);

img._y = img._height*i;

var thumb = this["thumb"+i];

thumb._alpha = 60;

thumb.pos = target+(i*-img._height);

thumb.onPress = function() {

target = this.pos;

};

thumb.onRollOver = function() {

this._alpha = 100;

};

thumb.onRollOut = function() {

this._alpha = 60;

};

}

this.onEnterFrame = function() {

images._y += (target-images._y)/speed;

};

这篇教程向大家介绍flashCS4制作时尚的时钟走动gif动画效果，本例主要介绍如何取得系统时间，以及如何加载外部的swf皮肤文件。

本例思路

.绘制出背景效果，再新建几个fla文件用来存储时钟界面(必须发布swf文件)，然后绘制出时钟效果。

. 编写加载皮肤的管理类，然后编写出时钟类，再加载swf皮肤文件，创建出时钟对象。

Part 1 定制皮肤

(1)新建一个500×350像素的空白文档，然后使用“矩形工具”绘制出如图所示的斑马条纹背景。

技巧与提示：

图所示是本例所创建的几个.fla文件，这几个文件专门用来存储时钟界面的皮肤，并且发布了swf文件，它们统一保存在skin文件夹内。

(2)下面只介绍一个皮肤文件的制作方法。新建一个Flash文件，并将其保存为01，再新建一个影片剪辑(名称为Bg)，然后绘制出如图所示的时钟界面。

(3)新建一个“刻度”图层，然后绘制出表盘的刻度，如图所示。

(4)使用“椭圆工具”绘制一个只有边框的灰色圆形，然后删除圆形内的线条，再删除圆形，如图所示。

(5)将时针所在的刻度直线进行加粗显示，然后添加时刻文字(静态文本)，如图所示。

(6)新建一个“高光”图层，然后绘制一个半圆形作为高光区域，再设置填充类型为“线性”，并设置第1个色标颜色为(R:255，G:255，B:255)，Alpha为60%，第2个色标颜色为(R: 43，G:43，B:43)，Alpha为0%，效果如图所示。

(7)新建3个影片剪辑，分别命名为Hours、Minutes和Seconds，然后分别在对应的影片剪辑中绘制出如图所示时针、分针和秒针。

Part 2 输入控制程序

(1)切换到“库”面板，然后分别为4个影片剪辑添加元件类，如图所示。

技巧与提示：

在前面步骤中只创建了4个影片剪辑元件，它们只存在于“库”面板中，当发布成swf文件时，此时查看swf文件则为空，因为没有编写任何程序来进行引用和控制，就相当于该swf文件中只包含4个元件类，下面将通过加载该swf文件来引用和创建其元件类实例。

(2)新建一个ActionScript文件，并将其保存为SkinManager，然后编写出加载皮肤的管理类程序。

AS3代码

复制代码

代码如下:

var skin_mc:SkinManager = SkinManager.getInstance();

skin_mc.loadSkin("skin/01.swf");

skin_mc.addEventListener("skincomplete"，completeHandler);

function completeHandler(e:Event) {

var class_name:String = "Bg";

var _class:Class = skin_mc.getClass(class_name);

var new_sprite:Sprite = new _class();

addChild(new_sprite);

}

AS3代码

复制代码

代码如下:

/**

* 该类为皮肤加载管理类

* @author lbynet

* @version 0.1

*/

package {

import flash.display.Loader;

import flash.net.URLRequest;

import flash.events.Event;

import flash.events.EventDispatcher;

public class SkinManager extends EventDispatcher {

public static const SKINCOMPLETE:String="skincomplete";

private static var instance:SkinManager=new SkinManager();

public var loader:Loader;

public function SkinManager() {

if (instance != null) {

throw new Error("不能直接创建对象");

}

loader=new Loader();

}

public static function getInstance():SkinManager {

return instance;

}

public function loadSkin(path:String):void {

loader.load(new URLRequest(path));

loader.contentLoaderInfo.addEventListener(Event.COMPLETE，completeHandler);

}

private function completeHandler(e:Event) {

//移除侦听器

loader.contentLoaderInfo.removeEventListener(Event.COMPLETE，completeHandler);

dispatchEvent(new Event(SkinManager.SKINCOMPLETE));//发布事件

}

public function getClass(className:String):Class {

try {

return loader.contentLoaderInfo.applicationDomain.getDefinition(className) as Class;

} catch (e:Error) {

throw new Error(className + " definition not found in " + e.toString());

}

return null;

}

}

}

技术看板：关于SkinManager类涉及到的难点

有一定编程基础的用户很容易看出该类使用了很常用的“设计模式”中的单件模式，通过提供该类公有的静态方法getInstance()作为返回唯一的实例对象，并且可以对该实例进行全局访问。

(3)新建一个ActionScript文件，并将其保存为Clock，下面编写时钟类的程序代码。该类接收3个Sprite类型的对象参数，它们分别来自前面3个元件类所创建的实例(如第21~28行代码)，在创建实例时接收完这3个参数后，然后调用init()方法来注册ENTER_FRAME事件，并在侦听器函数enterFrameHandler()中创建Date的实例，再取得一个特定时间点的时、分和秒值(如第35~38行代码)。

AS3代码

复制代码

代码如下:

/**

* 该类为时钟原理类

* @author lbynet

* @version 0.1

*/

package {

import Date;

import flash.display.Sprite;

import flash.events.Event;

public class Clock extends Sprite {

private var hour:Number;

private var minute:Number;

private var second:Number;

private var _hours:Sprite;

private var _minutes:Sprite;

private var _seconds:Sprite;

public function Clock(h:Sprite，m:Sprite，s:Sprite) {

//将传递进来的三个对象参数，赋给该时钟类的三个属性

this._hours = h;

this._minutes = m;

this._seconds = s;

init();

}

private function init() {

this.addEventListener(Event.ENTER_FRAME，enterFrameHandler);

}

private function enterFrameHandler(event:Event) {

var now:Date = new Date(); // 构造一个Date实例，Date 类的实例表示一个特定时间点

hour = now.getHours(); //获取系统当前的时，分，秒

minute = now.getMinutes();

second = now.getSeconds();

//下面控制时针、分针、秒针的旋转规律、旋转角度 ，后面进行具体解释

_hours.rotation = hour*30 + Math.floor(minute*6/12);

_minutes.rotation = minute*6 + Math.floor(second*6/60);

_seconds.rotation = second*6;

}

}

}

技术看板：时、分、秒的算法

小时(hours)：时钟转动一圈是360°，总共花12个小时，每一小时为30°，为了更加接近生活中时钟的运动效果，因此再加上时针(hour)走完一小时的角度(30°)与分针(minute)走完一小时的角度(360°)，那么它们的比例关系就是1/12。

分钟(minutes)：时钟转动一圈是360°，总共花60分钟，每一分钟是6°，再加上分针(minute)走完一分钟的角度6°与秒针(second)走过一分钟的角度360°，那么它们的比例关系就是1/60。

秒钟(seconds)：时钟转动一圈是360°，共60秒钟，每一秒钟是6°。

(4)返回到flash文档中，然后新建一个AS图层，并编写出程序。通过SkinManager类来加载皮肤文件，并注册侦听器(如第1~3行代码);第5~8行代码是创建存储时钟组成元素的容器，并设置舞台为居中对齐;接着创建sprite_name和class_name两个数组，来分别存储将要被加载swf文件中的元件类的实例名称以及元件类名称(如10和11行代码);当加载完swf时钟皮肤文件后，调用侦听器函数completeHandler()，在侦听器函数中执行一个for()循环语句，然后创建4个(_length值等于4)被加载swf文件中的元件类实例，并在添加实例名称后统一添加到container_mc容器中(如第16~21行代码)。

AS3代码

复制代码

代码如下:

var skin_mc:SkinManager = SkinManager.getInstance();

skin_mc.loadSkin("skin/01.swf");

skin_mc.addEventListener("skincomplete"，completeHandler);

var container_mc:Sprite = new Sprite();

addChild(container_mc);

container_mc.x = stage.stageWidth/2;

container_mc.y = stage.stageHeight/2;

var sprite_name:Array = ["bg_mc"，"hours_mc"，"minutes_mc"，"seconds_mc"];

var class_name:Array = ["Bg"，"Hours"，"Minutes"，"Seconds"];

var _length:uint = class_name.length;

function completeHandler(e:Event) {

var _class:Class;

var new_sprite:Sprite;

for (var i=0; i

_class = skin_mc.getClass(class_name[i]);

new_sprite = new _class();

new_sprite.name = sprite_name[i];

container_mc.addChild(new_sprite);

}

create();

}

//创建一个时钟(Clock)类，传入三个参数，参数类型都是Sprite类型，

//它们分别是舞台上存在的三个影片剪辑元件，实例名分别为

//时针(hours_mc) ， 分针(minutes_mc) ， 秒针(seconds_mc)

function create() {

var a:Clock = new Clock(getItem("hours_mc")，getItem("minutes_mc")，getItem("seconds_mc"));

addChild(a);

}

function getItem(Name:String):* {

return container_mc.getChildByName(Name);

}

创建完被加载swf文件中的元件类实例后，调用create()方法来创建Clock类实例(如第28行代码);getItem()方法主要是通过container_mc.getChildByName()方法来取得container_mc容器中指定名称的对象。

(5)除了前面的方法外，还可以通过随机指定路径来加载swf皮肤文件。

AS3代码

复制代码

代码如下:

var skin_mc:SkinManager = SkinManager.getInstance();

skin_mc.loadSkin("skin/0"+Math.ceil(Math.random()*4)+".swf");

skin_mc.addEventListener("skincomplete"，completeHandler);

(6)按Ctrl+Enter组合键发布本例的所有程序。

教程结束，以上就是Flash CS4制作时尚的时钟走动gif动画效果，希望能对大家有所帮助!

今天为大家分享flash逐帧动画制作画饼充饥动画效果方法，方法很简单，主要用到了逐帧动画等。

最终效果图：

步骤

1、打开FLASH软件，新建FLASH文档;

2、图层1中绘制一个圆，填充为无;

3、对圆进行逐帧动画编辑，如图;

4、绘制饼上面的芝麻;

5、添加文字，画饼充饥，并且分离1次;

6、对文字添加关键帧进行动画编辑;

7、测试影片，修改不足;

8、导出影片，格式GIF 绘制完成。

注意事项

注意箭头处

注意动画的连贯性

转眼又将中秋，天高云淡，一切都是那么清爽明净。月夜，让我们开窗赏夜吧，夜，包含的不只有月……下面小编就为大家介绍flash制作推窗的gif动画效果方法，来看看吧!

最终效果图：

步骤

1、整个窗户的制作需要准确定位，所以，首先调出网格：视图——网格——显示网格。

2、R键调出矩形工具，禁用线条色，填充色#E4DAC5，画出一个足够大的矩形。

3、改变填充色(颜色随意)，在矩形上再画一个小些的矩形，选中后，Delete删除，使大矩形成为一个边框。即窗框。

4、新建一层。线条色#B6A896，笔触大小2.25，填充色不变。用同样方法画出一扇窗，左边线条色改为较淡的#E7E1DC，做出窗户的明暗。

5、拉出一个细长的矩形作为窗格，同样用改变线条色做出明暗。

6、新建一层，按住Alt键将窗的帧拖入此层，复制出一帧。然后将复制的窗移至右侧。

7、选中左右窗户的第三帧，F6插入关键帧。后面隔一帧插入一帧，共有1、3、5、7四个关键帧。

8、分别选取2、3层第三帧的窗户(用选择工具拖选，不易遗漏，但要注意将其他层锁定)，Q键调出变形工具，按住ctrl键(使变形框斜切)分别拖动上下边角，将窗户倾斜向内缩小。如图中右窗，左窗为调整后的形状。这是向外打开的图，如果窗位向内打开，则边角为斜向放大，如图2。并且要考虑是否需要添加窗户打开至墙壁的过程。

9、第五帧的左右窗同样方法再向内缩，使整面窗呈大半打开的状态。

10、第七帧删除左右窗，紧贴窗框画一个细长的矩形，使窗户成为完全打开状态。

11、填充色白色，透明度35%，为每个关键帧的窗格填充上“ 玻璃 ”。

12、窗框层第25帧F5插入帧。随后，选中左右窗所有帧，按住Alt向右拖动至图中位置。

13、保持复制的帧处在被选中状态，右键——翻转帧。

14、新建一层作为墙体，填充颜色为#F7F7EC。点开Deco工具，选择藤蔓式填充，枝、叶的颜色分别改为各人喜爱的颜色，这里选择了与墙体相近的色系。

15、Deco工具在墙体部分拖动，使图案填满墙体，成为装饰好的墙面。

16、选择窗框，F8转换为影片剪辑元件。

17、属性面板滚动条拖至底部，打开滤镜，为窗框添加斜角效果。强度50%。

18、Ctrl+F8键新建影片剪辑元件，矩形工具画出窗帘，选择工具改变形状，渐变填充如图。

19、25、50帧分别添加关键帧，将25帧的图形稍作调整。使窗帘向一边飘动。为1帧和25帧创建补间形状。

20、回到场景，库中拖入窗帘，属性面板中色彩效果选“ 高级 ”，参数设置如图。

21、最后，最底层导入背景图，放入两个事先做好的萤火虫，完成制作。

本教程是关于使用flash制作梦幻仙剑效果，主要是运用时间轴特效来制作百叶窗效果，用滤镜来制作边框效果，混合模式制作图片色彩变幻的效果，而鼠标跟随效果由AS编程来实现。希望本教程能给您带来帮助～

效果演示

运用的知识点:

用时间轴特效制作百叶窗;

滤镜制作边框效果;

混合模式制作图片色彩变幻的效果;

AS制作鼠标跟随效果。

(一).新建FLASH文档，大小600*400，其他数值默认.

(二).元件的准备

一.制作百叶窗元件

1.插入—新建元件，类形图形，命名为线条

笔触颜色禁止，填充色任意，用矩形工具画一个600*3长方形(图2).

图2

用黑箭头工具选中长方形，全居中(相对舞台，水平中齐，垂直中齐)(图3)

扇子动画是一个初学者熟悉flash的很好的教材，里面用到的遮罩、元件、中心点、微调、帧的出现都能很好的帮助初学者熟悉Flash，下面就为大家介绍Flash制作漂亮的折扇动画效果图方法，一起来看看吧!

方法/步骤

【第一步】做扇骨。做扇骨的时候可以用标尺拖辅助线来画，画的时候记得点上工具面板的“贴紧至对象”，这样可以让你画的扇骨贴住你用标尺话的辅助线;还有一种方法就是画一个矩形，然后用部分选取工具选中边上的点按方向键微调到自己感觉好看为止。将做好的扇骨转换为图形元件。

【第二步】做出所有扇骨。首先新建并进入扇骨展开的影片剪辑，将扇骨图形元件拖到场景中，按任意变形工具选择中间的控制点将它拖到扇骨的下方如图所示位置，然后打开变形面板，在旋转框里输入十五并点击右下角的复制并应用变形几次。如图。

【第三步】调整扇骨。用选择工具将所有扇骨都选中，然后点击任意变形工具，将扇子拉正，可以做辅助线来使扇子正的立起来，把贴紧至对象取消了可以进行更微小的变形，然后点击分散至图层，这时候把这个图层的中心点拉到扇骨的中心点那儿。在中心点那儿画个小圆作为扇子的扭钉。

【第四步】做扇骨动画。新建图层，在刚刚的中心点处画一个小圆当做扇子的扭钉。然后调整各图层关键帧至如图所示位置。箭头所指的扇骨1所在图层的两个关键帧就是那个图层原来的帧移过去的，两边的两帧里面的东西是最下面的一个图层里面的东西，然后给两边加上补间动画。

【第五步】做扇面。以扭钉为中心画个带笔触颜色的圆，正好盖住扇骨就可以了，然后把笔触颜色缩小，外加两条直线辅助线，位置如图。然后选中上面扇面那块，转换为元件，在颜色面板将其改为位图填充，弄成自己喜欢的图片，我这里的图是我们比赛用过的。

【第六步】遮罩扇面。把中间那块圆和辅助线删掉，剩下的大半块圆新建个图层放在扇面上面，要粘贴到当前位置，第一帧和最后一帧就是这个位置，中间两帧需要调下位置，具体位置如图，中间设置补间动画。然后右击设置遮罩层，注意中心点的位置，在扭钉那儿!完成!

【说明】快捷键——标尺：Ctrl+Alt+Shift+R;选择工具：V;直线工具：N;矩形：R;部分选取工具：A;新建影片剪辑：Ctrl+F8;转换为元件：F8;任意变形工具：Q;变形面板：Ctrl+T;拖帧的时候单击一下，然后再

要编辑中心点必须选中该元件后点任意变形工具。

教程结束，以上就是Flash制作漂亮的折扇动画效果图方法介绍，大家学会了吗?希望能对大家有所帮助!

这篇教程主要是向大家介绍用flash制作5秒倒计时的gif动画效果，此主要方法是逐帧动画。逐帧动画是一种常见的动画形式，其原理是在“连续的关键帧”中分解动作，也就是在时间轴的每帧上逐帧绘制不同的内容，是其连续播放而成动画--百度百科。请大家认真理解逐帧动画的意思，还要按照我的操作步骤去做。

方法/步骤

打开Adobe FlashProfessional CC 2015。

按下ctrl+N键打开"新建文档"对话框，在"常规"选项卡下选择ActionScript 3.0，单击"确定"按钮，即创建一个文档。

单击工具箱中的"椭圆工具"按钮，设置其笔触颜色为无，其填充颜色为#FF0033

按住shift键在舞台上单击并拖动鼠标创建图形，如下图所示。

单击工具箱中的"文字工具"按钮，设置其笔触颜色为无，其填充颜色为白色(#FFFFFF)，在舞台上输入数字5，如下图所示。

执行"窗口>属性"命令或按住ctrl+F3键打开属性面板，设置其字体大小为150磅，如下图所示。

按住shift键在舞台上单击并选择数字5和红色的圆形，如下图所示。

执行“窗口>对齐”命令或按住ctrl+k键、单击“对齐”按钮打开对齐面板，设置其对齐方式为水平中齐和垂直中齐，如下图所示。

右击图层1的第5帧，在弹出的图层菜单选项中选择插入关键帧，如下图所示。

右击图层1的第15帧，单击工具箱中的"文字工具"按钮，选择数字5，按住后退键(Backspace)将其除掉，重新输入数字4，如下图所示。

同步骤9和步骤10的操作方法，如下图所示。

选择图层1的第76帧至第85帧，再按下右键，在图层菜单选项中选择转换为空白关键帧，如下图所示。

完成作品后，按住ctrl+Enter键测试一下影。

用flash制作动画并不难，难的是要有创意。本经验教大家如何用flash制作画卷展开、合拢的效果，希望对初学者有个启发的作用。

方法/步骤

1、新建一个flash文档。将图层1改名为“底层”，如图所示。

2、利用矩形工具，在舞台中央画一个带填充的矩形，如图所示。

3、同样利用矩形工具，在刚才画出的矩形中央合适位置，再画一个矩形，并且填充不一样的颜色，如图所示。

4、利用文字工具输入文字。红圈处可以修改文字的属性。输入的效果如图所示。

5、插入一个新的图层。单击红圈处的按钮即可实现。

6、在图层2的第一帧，我们同样利用矩形工具，在图中红框处画出一个宽度很小的矩形(想象一下，该矩形向右延伸要能完全覆盖住底层内容)。

7、把底层延伸到40帧(即在40帧处插入帧即可)，然后把底层锁定，防止遭到破坏，利用选择工具把刚才画的小矩形给选中，单击“任意变形工具”。

8、在图层2的20帧处右击，选择“插入关键帧”。

9、然后把小矩形拉伸，直到完全盖住底层，如图所示。

10、把图层2的第一帧复制。

11、在图层2的第20帧处右击，选择“粘贴”。

12、在图层2的1—20帧任意处单击，选择2处的补间为“形状”，如图所示。

13、即可看到1—20处有实线箭头，同样方法，将20—40帧也创建形状补间。

14、右击图层2名称处，选择“遮罩层”，效果如图所示。

15、测试影片看看效果吧。

注意事项

这里使用的是flash mx2004，其它高级版本同样可以参考使用。