Flash的一些动画制作案例

一风吹效果制作

   FLASH有很强的制作二维动画能力，可妙趣横生地创造各种合乎自然规则的动画，并能产生三维的视觉效果。

    有关产生流畅的多文字动画的重要技巧，运用颜色效果使文字从视野中慢慢消失，将图形水平翻转变形从而使关键动画具有三维效果，使关键帧动画反转，提高工作效率。

操作步骤

步骤1：打开Flash，建立一个新文件，从菜单中选择修改>影片(Modify>Movie)，弹出对话框，将背景（Background)设为黑色,其余设置如图1所示。

为每个将在动画中显示的文字建立单独的组件。

点选菜单栏中插入>添加组件（Insert>New Symbol..），在出现的对话框中选图像（Graphic）命名为“宇”，选文本输入工具（Text Tool [T]），设置好字体和文本大小，点击舞台，输入“宇”，用同样的方法分别建立组件“风”、“多”、“媒”、“体”、“工”、“作”、“室”等，并在每个组件中输入相应的文字，如图2所示。

步骤2：切换至场景（Scene1)中，为每个字单独建一层，并分别从从图标库（Library）中把已建好的文字拖至工作区域，为了对齐文字，先选中所有的文字，再从菜单中选择修改>对齐(Modify>Align)，按如图3所示设制，点OK，则文字会自动横向对齐。

分别将每层的第1帧复制到第2帧,然后分别在每层的第30帖插入关键帧，如图4所示。

步骤3：在第30帧将“宇”拖至正上方，如图5所示。

在第30帧选中“宇”字，在菜单里选从菜单中选择修改>变形>水平翻转(Modify>Transform>Flip Horizontal）命令，将文字翻转，再从菜单中选择修改>变形>缩放并旋转(Modify>Transform>Scale and Rotate)，在对话框中的旋转（Rotate）项中输入30度，如图6所示。

在工作台区域双击每个字母，在弹出的对话框中选颜色效果(Color Effect)，再从下拉框中选透明度（Alpha），将Alpha值调为0，这样将产生文字最终消失的效果，如图7所示。

在第2至第30帧之间双击，出现对话框，选择渐变中（Tweening）中的移动(Motion)，产生了“宇”字的吹动效果，如图8所示。

步骤4：在第30帧分别将“风”、“多”、“媒”、“体”、“工”、“作”、“室”等文字按步骤3的方法拖至同一位置，并将其水平翻转，再旋转30度，之后将Alpha值调为0，最后选渐变移动产生风吹动画，如图9所示。

步骤5：调整各层的起始位置，产生从左向右吹动的效果，方法是：在时间轴上，选中需移位层的第2帧再按Shift 键选第30帧，然后用鼠标拖动即可移动这组帧至合适的位置，如图10所示。

步骤6：在时间轴上选中“宇”层第2帧至第30帧，点左键，在弹出的菜单中选拷贝影格(Copy Frames)，选中第95帧，点左键，在弹出的菜单中选粘贴影格(Paste Frames)，Shift键选中第95至120帧，在弹出的菜单中选反转影格（Reverse Frames)，这样在字飘走后，又产生反向飘回的动画，用同样的方法将其它层也复制并反转至相应的位置，如图11所示。

按Enter键可播放动画效果，如果感觉不错，请别忘了保存，等需要时可迅速修改调用。 

                                                            二制作漂亮的动感水珠(1)

  首先先放出水滴制作需要的图片，其实自己也可以参考着图片自行制作 

制作方法：

1、在做这个效果之前我们首先需要制作一个水滴滴落的影片剪辑。制作一个水滴导入flash，并且制作一个水滴从小变大的补间动画。

2、当水滴变大之后再让这个水滴慢慢的滴落到下面。并且在开始滴落的时候让水滴颤抖几下（使用逐桢动画做几个大小变化）。

3、接下来需要制作一个透明按钮（只要点击区域），这个按钮的功能就是让鼠标放在水滴上的时候让这个水滴滴落。

4、最后在上面再建立一个层，第一桢写上桢标签“start”，然后在水滴变大后加一个STOP桢，在STOP桢之后再插入一个标签为“over”的空白关键桢。作用：当水滴由小变大之后就停止，这样水滴就会显示在舞台上，当鼠标移动到水滴上面就会播放over桢以后的内容，也就是让水滴落下。

下面就要进行程序编写了。

1、首先来编写按钮上的程序，当鼠标按下或移动到它上面的时候就执行水滴落下的动画

on (release, rollOver) { 

gotoAndPlay("over"); 

}

2、接下来要编写的是带有over标签的关键桢，它的功能是获取你整个动画已经播放了的时间，单位是豪秒。因为就算不用鼠标点击按钮，过一段时间之后也要让水滴自动落下。其中radomtime变量会在后面的程序中定义。它的功能是让时间稍微有一些不同，这样水滴就不会同时落下了。 

程序如下：

starttime = getTimer()+8000+radomtime;

接下来制作舞台上的程序：

1、将刚才制作完毕的影片剪辑拖放到舞台当中，并将这个实例命名为“bol”。如图:

2、选中这个实例，按F9打开动作面板，这里要进行一些初始变量的设置。程序如下：

onClipEvent (load) { 

radomtime = random(5); 

//设置一个用来控制时间差距的变量 

starttime = getTimer()+8000+radomtime; 

//设置一个获取影片总共播放时间的变量，并且这个变量比影片播放总时间长8秒左右。 

} 

onClipEvent (enterFrame) { 

Timercheck = starttime-getTimer(); 

//用starttime和影片播放的时间之差来控制水滴落下 

if (Timercheck<=0) {

this.gotoAndPlay("over"); 

} 

//如果影片播放的时间比刚才获取到的starttime时间要长，那么就让水滴落下。 

}

3、接下来要对舞台上的实例进行复制了。新建立一个层用来放复制实例的代码。

4、第一个关键桢的内容是设置复制数量的变量i的初始值。

i = 1;

5、第二桢的程序主要是用来进行实例的复制。程序如下：

radomscale = (random(4)+2)*26; 

//设置一个变量用来控制复制后对象的比例大小。 

duplicateMovieClip("bol", "bol"+i, i); 

//复制舞台上bol实例，将新复制出的对象命名为"bol"+i，深度为i 

setProperty("bol"+i, _x, random(400)); 

setProperty("bol"+i, _y, random(300)); 

//设置新复制出来对象的X、Y坐标，利用随机函数。 

setProperty("bol"+i, _xscale, radomscale); 

setProperty("bol"+i, _yscale, radomscale); 

//利用刚才设置radomscale变量的值来对复制出来对象的比例大小进行控制。X、Y比例相同， 

//这样水滴的外观不至于变形 

i++;

6、第三桢的程序是控制复制对象的数量。程序如下：

if (i<=15) {

gotoAndPlay(2);//如果复制出对象的个数不够15个，就返回到第二桢继续复制。 

} else { 

stop()//如果复制的个数够15个的话就停止复制。 

}

最后按Ctrl+回车进行测试吧

                                                       三制作滚动广告图片效果(1)

这个效果其实主要是 用到按钮的动作，首先我把有关按钮的动作的as简介列出来：==================================================================

on() 

可用性 

Flash 2。在 Flash 2 中，不是所有的事件都受支持。 

用法 

on(mouseEvent) { 

// 此处是您的语句 

}

参数

statement(s) 发生 mouseEvent 时执行的指令。

mouseEvent 是称作“事件”的触发器。当发生此事件时，执行事件后面大括号中的语句。可以为 mouseEvent 参数指定下面的任何值：

press 在鼠标指针经过按钮时按下鼠标按钮。 

release 在鼠标指针经过按钮时释放鼠标按钮。 

releaseOutside 当鼠标指针在按钮之内时按下按钮后，将鼠标指针移到按钮之外，此时释放鼠标按钮。 

rollOut 鼠标指针滑出按钮区域。 

rollOver 鼠标指针滑过按钮。 

dragOut 在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮区域。 

dragOver 在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮，再滑回此按钮。 

keyPress ("key") 按下指定的键。对于此参数的 key 部分，需指定键控代码或键常量。事件处理函数；指定触发动作的鼠标事件或按键事件。 

================================================

接下来我们就开始做这个效果吧。

1。首先新建一个flash文档，导入5张图片（我们这里做5张图片连续滚动效果，当然你要做更多，就随意了。。） 

2。接下来我们新建一个图形元件，把图片依次摆成如图样子。

在摆放的时候可以通过属性控制图片的大小：

3。接下来就是排列图片了，排成如下的样子：

排的时候可以用对齐面板：

4.把所有图片复制，粘贴放成如图的样子：（这样是为了让图形播放起来连贯）

5。然后再新建一个按钮，在指针经过处插入关键针，

6.然后画一个矩形，白色填充，大小和你的图片设置大小一样，调整透明度，如图：

7。新建一个mc1，把图形1拖进去，然后把按钮依次放在图形上，注意位置，这里可以用属性面板控制：

8。接下来在每一个按钮上添加as代码：

on (rollOver) { 

_root.mc.stop(); 

} 

on (rollOut) { 

_root.mc.play(); 

}

其中mc是以后要民命的实例名。

9。新建一个mc2，我们把mc1拖进去，在100针出插入关键针，然后将图形向左拖，使得左端开头的位置变为右端结尾位置重合。

这里可以用属性窗口控制，我原来的x坐标为-250，我图片宽度为-750，所以新图片的位置就是-250-500=-750.‘

10。做动作的补针动画，如图：

11.回到主场景，把mc2放进去，（命名为mc）。 

                                                         四  ·制作可爱吹泡泡动画效果(1)

简介：本例介绍使用Flash制作一个有趣的“小丑吹泡泡”动画，主要运用了椭圆、直线工具，以及任意变形和渐变填充等方法，操作简洁易懂，适合新手学习～～

    简介：本例介绍使用Flash制作一个有趣的“小丑吹泡泡”动画，主要运用了椭圆、直线工具，以及任意变形和渐变填充等方法，操作简洁易懂，适合新手学习～～

    制作步骤：

    1、新建一个Flash文档，Ctrl+F8新建一个元件，命名为“boy”。选择椭圆工具，设笔触为黑色，按住Shift键画出一个正圆作为小丑的脸。

图01

    2、新建一个图层，命名为“nose”，再画一个小椭圆作为鼻子。

图02 

    3、嘴巴和耳朵都可以都画在鼻子图层上。先用直线工具画出如下两条直线作为嘴和脸颊。

图03 

    4、用选取工具将直线调节成如下弧形以形成微笑的嘴巴和鼓起的脸颊。

    5、画一个小椭圆作为耳朵的轮廓，两条小直线作为耳朵内部的线条。

图05 

    6、用选取工具选取一部分耳朵的外轮廓并按Delete键删掉，再把两条小直线调节成如下弧形，完成耳朵。

图06 

    7、眼睛是由三个小椭圆组成的，中间的椭圆填充黑色，另外两个填充白色叠加起来就行了。可以在新图层上画。

图07 

    8、调整好五官的位置之后给脸和鼻子上色。选中脸部，在混色器中设置如下从#FEE4CD到#FEC19A的渐变，类型为“放射状”。

9、鼻子也是同样的渐变，用填充变形工具把渐变范围缩小一点就可以了。

图09 

    10、画帽子。Ctrl+F8新建一个元件，命名为“cap”。先用钢笔工具或者直线工具画一个三角形。

图10 

    11、用选取工具将三角形的各个边调节成如下曲线。

图11 

    12、画一个小椭圆作为帽子上的装饰球。

13、选中帽子，在混色器中设置如下从#FDB5B5到#FB1E1E的渐变，类型为“放射状”。

图13 

    14、帽子上的小球也是同样的渐变，用填充变形工具把渐变范围缩小一点就可以了。

图14 

    15、回到场景1。新建2个图层，分别命名为“boy”和“cap”，将画好的帽子和小丑拖到各自图层上并排好位置。

图15 

    16、下面开始画泡泡，先画出泡泡的根部。新建一个“bar”图层，用直线工具画一个三角形填充天蓝色#00CCFF。

17、在第23帧处给三个图层都按F5插入帧，也就是使画面一直延续到23帧处。

图17 

    18、选择帽子所在的“cap”图层的第16帧，单击右键选“转换为关键帧”。

图18 

    19、再选中“cap”图层的第1帧，执行菜单/修改/变形/水平翻转，改变了帽子的方向。

图19 

    20、新建一个“bubble”层用来画泡泡。在第5帧上按F6插入关键帧，用椭圆工具画一个小椭圆，填充从白色到#70E2FE的放射状渐变。

21、在第15帧上按F6插入关键帧，用自由变形工具将泡泡拉大，并添加形状补间。

图21 

    22、同时用填充变形工具也拉大渐变填充的范围。

图22 

    23、画泡泡爆炸效果。在第16帧上按F7插入空白关键帧，用钢笔或直线工具画一个不规则的六边形。

图23 

    24、用选取工具将六条直线边调节成如下曲线形状，就有了爆炸的感觉。

图24 

    25、给六边形填充黄色就OK了。Ctrl+Enter可测试效果，泡泡爆炸的同时，帽子也被吹到另一边。