flash动画星星制作过程（经典20篇）

这一节主要来学习flash动画中的动作补间动画，来制作滑翔的纸飞机动画。大家一起来欣赏学习下吧!

滑翔纸飞机动画制作步奏：

1、这里使用的纸飞机素材图片是从网上下载下来的，当然网上下载的纸飞机是有背景的，因此用Photoshop将纸飞机的背景删除了，只保留了纸飞机，所以这里可以直接引用哦!

打开flash的软件，新建一个ActionScript 3.0的画布，如下图所示：

2、选择菜单栏中的文件—导入—导入到舞台，导入我们的风景图片，如果导入的图片过大，按住shift键等比例缩小到合适的大小。

3、选择菜单栏中的文件—导入—导入到舞台，导入我们的纸飞机图片，如下图所以，用鼠标将其移道右上角的位置，适当变形一下。

4、选中图层1，在图层1的60帧处单击右键，找到插入帧并点击插入帧，如下图所示：

5、选中纸飞机图层，在纸飞机的60帧处单击右键，找到插入关键帧并点击插入关键帧;然后将纸飞机图片移动到左下角，还是将纸飞机稍微缩小一点，扁平一点。

6、选中纸飞机的第一帧，单击右键选择创建传统补间，设置好传统补间后，我们可以看到有一个从第一帧到60帧的箭头，如下图所示：

7、将播放形式设置为循环，将范围拖动到包含第一帧和第60帧所有，点击下面的播放浏览下动画效果。

导出动画的步奏：

1、选择菜单栏中的文件—导出—导出影片，或者直接使用快捷键Ctrl+Alt+Shift+S，如下图所示：

2、我们保存到桌面上，最好选择SWF影片类型，因为这种类型占用空间最小哦!

下面制作一个利用动作补间制作的飞机飞行动画效果，大家也来动手试试看，希望能对大家有所帮助!

方法/步骤

1、启动flashCS3程序，选择文件新建一个Flash文档。

2、新建Flash文档后，选择“文件”里的“导入”再到“导入到库”这个顺序，如图所示

3、然后在弹出来的“导入库”的窗口中将之前存好的两幅(摁着键盘的“Shift"键就能两个一起选择了)“背景”和“飞机”的位图导入到“库”的面板中，如图所示。

4、然后在时间轴上选择第1帧，将”库“中的”背景“位图拖到舞台中，如图所示。

5、然后在菜单栏上选择”修改“>”文档“命令，如图所示。

6、在打开的”文档属性“对话框中，选择”内容“单选按钮，然后点”确定“就能使文档尺寸与内容相符了。如图所示。

7、返回场景编辑状态，在时间轴上单击”插入图层“按钮插入”图层2“，然后在”图层2“上选中第1帧，然后将”库“面板中的”飞机“位图，拖到舞台的右下角。如图所示。

8、然后选中舞台中的“飞机”位图，点击鼠标右键，选择“转换为元件”命令，将它转换名为“元件1”的“图形”元件，如图所示。

9、在“图层2”的第60帧上右击鼠标，在弹出的快捷菜单中选择“插入关键帧”命令。

10、选中舞台中的“元件1”，在“属性”面板中设置该元件的宽度为50像素，高度等比例缩放，然后打开“颜色”选择“Alpha”选项，在“Alpha数量”文本框设置透明度为20%，然后将元件拖动舞台的左上角，如图所示。

11、鼠标右键在”图层2“的第1帧到第60帧之间的任意1帧，在弹出的菜单中选择”创建补间动画“选项，创建补间动画。如图所示。

12、在打开的动画补间的”属性“面板中，在”缓动“设置中输入数值40，如图所示。

13、最后选中”图层1“上的第60帧，按F5快捷键插入帧，然后摁下Enter键就可以预览飞机从低飞到高空的飞行的动画效果了，大家快点动手做做，很好玩，很有趣的。

具体制作过程如下：

1、新建一个fla文件，宽400高400，帧频默认，背景颜色黑色，保存。

2、选择多边形工具，设置为5边，星形。在舞台上画一个任意颜色、大小的星。

3、在选取状态下，右键转换为影片剪辑，全对齐，命名为Star，删除舞台上的星。

4、按Ctrl+L组合键，打开库面板，右键单击Star影片剪辑，选择“属性”打开元件属性面板，勾选ActionScript选项，这样就使影片剪辑与Star类进行了绑定。如图：

5、下面开始编写Star类的代码，新建一个ActionScript文件。

输入下面的代码：

package {

importflash.display.MovieClip;

import flash.geom.ColorTransform;

import flash.events.*;

public class Star extends MovieClip {

private var starColor:uint;

private var starRotation:Number;

public function Star () {

//Calculate a random color

this.starColor = Math.random() * 0xffffff;

// Get Access to the ColorTransform instance associated with star.

var colorInfo:ColorTransform = this.transform.colorTransform;

// Set the color of the ColorTransform object.

colorInfo.color = this.starColor;

// apply the color to the star

this.transform.colorTransform = colorInfo;

//Assign a random alpha for the star

this.alpha = Math.random();

//Assign a random rotation speed

this.starRotation = Math.random() * 10 - 5;

//Assign a random scale

this.scaleX = Math.random();

this.scaleY = this.scaleX;

//Add ENTER_FRAME where we do the animation

addEventListener(Event.ENTER_FRAME， rotateStar);

}

//This function is responsible for the rotation of the star

private function rotateStar(e:Event):void {

this.rotation += this.starRotation;

}

}

}

6、保存在fla同一目录下，保存名为Star.as。注意：这一步非常重要，一定要同fla主文件保存在相同的目录下，如果保存在其它的目录下，要指明路径。初学者在测试时往往出现找不到类的错误提示，问题都在这里。

7、返回到fla， 在第1层的第一帧输入代码：

for (var i = 0; i

var star:Star = new Star();

star.x = stage.stageWidth * Math.random();

star.y = stage.stageHeight * Math.random();

addChild (star);

}

8、好了，所有的工作都已经完成，测试你的影片。

用flash制作一种就好像车轮在往前转动方法，操作很简单，适合新手来学习，推荐过来，一起来学习吧!

步骤：

1、打开软件，，打开flash文档然后点击图层一第一帧。再点击颜料版把填充色改成没有，然后按住shift在编辑区内画一个正圆，然后点击对齐面板中的水平中齐和垂直中齐，然后再在空白的地方在画一个，比刚才那个圆稍大一些的正圆。然后水平中齐，垂直中齐。然后添加颜色打开颜色面板，在“混色器”里面找到“类型”然后点击后面的“下拉小三角”点击放射状。调整颜色。

2、添加图层2点击第一帧点击"插入"，“新建元件”点击“椭圆工具”在编辑区画一个椭圆，再在这个椭圆上，在画一个椭圆。然后再把后面画的这个椭圆，挪到一边，然后删除，再把线条删除，然后再把剩下的月牙微调。在删除上面的线条，然后点击工具栏，里的任意变型工具，调整中心位置到下面，然后点击右侧，变形工具，再点击下面的“复制并应用变形”，然后框选刚才复制的图。然后右键点击框选出来的图形，转换为元件，确定。回到场景

3、回到场景，把刚才在库里的原件拖进舞台，用任意变形工具调整大小。然后水平中齐，垂直中齐然后再点涂层亿的第一镇按住不放，往上拖到图层二的第一帧两个涂层的第一帧和第二帧同时选中右键点击在转换为元件。然后右键点击图层二的第十五帧，插入关键帧。点击任意变型工具，旋转该图片到一个角度，然后再在涂层二的第30帧;第45帧处。右键点击插入关键帧同时旋转角度，然后分别在第十帧;第二十帧;第四十帧右键点击。创建补间动画。就此完成测试影片，并保存为gif格式

教程结束，以上就是flash制作车轮往前滚动的动画效果方法介绍，操作很简单的，大家学会了吗?希望这篇文章能对大家有事帮助!

大家平时看到有许多的火柴人动画，是否觉得很有趣呢，下面就为大家详细介绍flash制作简单的火柴人走路动画方法，希望大家能对大家有所帮助。

方法/步骤

1、打开flash

2、选择刷子工具，绘制出一个小火柴人来。如图所示。

3、绘制好后，隔几帧继续绘制。点击图片中红色的地方，观看之前的火柴人，以便后面的绘制。

4、再隔几帧继续绘制火柴人。

5、开始补帧，将帧之间空白多的地方补帧，绘制火柴人。

6、绘制好后，点击控制——播放，观看效果。或者按ctrl+enter键观看效果。

注意事项

绘制过程越细致，效果越好哦。

教程结束，以上就是flash制作简单的火柴人走路动画教程，希望大家喜欢!

这篇教程是向朋友介绍利用flash制作新年快乐镜面跳动的gif动画效果，教程比较简单，很是初学者学习，一起来看看吧!

一、新建图形元件：

1、新建一个图形元件“背景”，用矩形工具画一个无边框大小为550x400矩形，对齐(水平中齐、垂直中齐)。打开混色器点线性(左边为#ffffff、中间为#0000cc、右边为#000000)，用变形工具调整一下颜色。

2、新建图形元件，名称“新”，大小96，字型、颜色自定(这里是汉仪菱心体)。水平中齐、垂直中齐。按同样的方法分别建立“年”、“快”、“乐”，一个字建一个图形。

二、建MC：

1、新建元件---“电影剪辑”名为“跳字”。在图层1第一帧拖入元件“新”，X轴为-180，Y轴为-150;第10帧插入关键帧，X轴为-180，Y轴为-35;在20帧插入关键帧，X轴为-180，Y轴为-150;在第30帧插入关键帧，X轴为-180，Y轴为-35。然后分别在第1、10帧、20帧创建动画补间，并延长至70帧。

2、添加图层二，在第5帧插入关键帧拖入“年”，X轴为-62，Y轴为-150;在第15帧插入关键帧，X轴为-62，Y轴为-35;第25帧插入关键帧，X轴为-62，Y轴为-150;第35帧插入关键帧，X轴为-62，Y轴为-35。然后分别在第5、15帧、25帧创建动画补间，并延长至70帧。

3、添加图层三，在第10帧插入关键帧拖入“快”，X轴为62，Y轴为-150;在第20帧插入关键帧，X轴为62，Y轴为-35;第30帧插入关键帧，X轴为62，Y轴为-150;第40帧插入关键帧X轴为62，Y轴为-35。然后分别在第10、20帧、30帧创建动画补间，并延长至70帧。

4、添加图层四，在第15帧插入关键帧拖入“乐”，X轴为180，Y轴为-150;在第25帧插入关键帧，X轴为180，Y轴为-35;第35帧插入关键帧，X轴为180，Y轴为-150;第45帧插入关键帧，X轴为180，Y轴为-35。然后分别在第15、25帧、35帧创建补间动画，并延长至70帧。

三、组织场景：

1、回到主场景，在图层1拖入背景元件，水平对齐，垂直对齐。

2、添加图层2，点第一帧拖入“跳字”影片剪辑，把“新’字定位：X轴为272，Y轴为220。复制，加锁。

3、添加图层3，选中第一帧，点“粘贴到当前位置”，加锁。再添加图层4，选中第一帧，点“粘贴到当前位置”，加锁。

4、选中图层2，打开修改--变形---垂直翻转，X轴为272，Y轴为230.属性面板中先选色调为黑色，再选中高级，打开设置，在高级效果中Alpha调整为30%。

5、选中图层3，将属性面板中“颜色”调为“色调--黄”，按右方向键右移4步。

6、测试存盘

这篇教程向大家介绍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、绘制烛台;调整好位置;

3、绘制蜡烛，选择红色，注意细节;

4、绘制灯芯，选择 椭圆命令;

5、绘制火焰效果，颜色要鲜明一点;

6、在第一层中添加一个阴影效果，测试影片，导出影片， 格式GIF ，绘制完成。

注意事项： 注意火焰的燃烧状态补间。

用flash模拟燃烧的红烛，用到形状补间。

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

2、设置文档大小;

3、更改调色板颜色;

4、绘制一个背景;

5、新建图层绘制蜡烛;

6、新建图层 绘制灯芯;

7、新建图层绘制烛泪;

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

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

注意事项：

注意烛泪的大小

下面就为大家介绍flashAS3制作茶杯震动gif动画效果，教程很不错哦，也很简单，一起来学习吧!

制作过程如下：

首先准备一个图片当做背景，如下：

然后再建立一个新图层，导入一个茶壶素材，然后把它转变为影片剪辑，之后命名实例名字。

目前存在两个图层，然后我们再新建立一个放置ACTION的图层，代码如下：

复制代码

代码如下:

var coordX:Number = shaker_mc.x;

var coordY:Number = shaker_mc.y;

var timer:Timer = new Timer(10);

shaker_mc.buttonMode = true;

shaker_mc.addEventListener(MouseEvent.ROLL_OVER，startShake);

shaker_mc.addEventListener(MouseEvent.ROLL_OUT，stopShake);

timer.addEventListener(TimerEvent.TIMER， shakeImage);

function startShake(e:MouseEvent):void{

timer.start ()

}function stopShake(e:MouseEvent):void{

timer.stop();

shaker_mc.x = coordX;

shaker_mc.y = coordY;

shaker_mc.rotation = 0;

}function shakeImage(event:Event):void {

shaker_mc.x = coordX+ getMinusOrPlus()*(Math.random()*5);

shaker_mc.y = coordY+ getMinusOrPlus()*(Math.random()*5);

shaker_mc.rotation = getMinusOrPlus()* Math.random()*6;

} function getMinusOrPlus():int{

var rand : Number = Math.random()*2;

if (rand

else return 1;

}

试试效果吧!

用flash绘制飘动的云，用形状补间动画来完成制作。这里需要在混色器上选择颜色，喜欢的朋友快快来学习吧!

方法/步骤

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

2、选择星形工具，选择边数，绘制一下云块的外形;混色器里面选择颜色

3、调整云块的形状;

4、添加关键这，并且在关键帧添加补间动画;

5、继续添加关键帧，添加补间动画;

6、按回车键，观看效果，导出影片格式为GIF，模拟完成。

注意事项

注意箭头处

注意关键帧的连贯性

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

最终效果图：

步骤

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

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

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

4、绘制饼上面的芝麻;

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

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

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

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

注意事项

注意箭头处

注意动画的连贯性

用flash软件，制作镜像动画，用到补间动画，等命令。

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

2、修改 文档属性 ;

3、添加一天直线作为镜像的界面;

4、 CTRL+F8 新建一个影片剪辑元件;命名为轮子;

5、绘制如下图的轮子;

6、新建图层2，图层3，把元件分别拖进图层2，3中;调整初始位置

7、添加 关键帧 ，添加补间动画;

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

注意事项：

注意初始位置与终止位置要保持一致。

用flash软件模拟图画的动态缩小过程，用到补间动画等。

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

2、导入位图文件到库里;

3、将位图文件 转换为元件 吗，然后添加一个补间动画;

4、新建图层，把 补间动画 分别复制到每个图层中;

5、删除多余的 补间动画

6、测试影片，导出影片 ，格式GIF 绘制完成，由于文件较大不能上传，还请谅解。

注意事项：

注意删除多余动画需要在最后一帧处把所有图层都填上帧。

这篇教程是向大家介绍利用flash制作字母变换动画效果，这个字母变换效果的技巧在于Movie Clip的利用。对于初学者来说非常的实用，一起来学习吧!

1、创建好字母库

A-Z的字母效果可以自己设计，也可以是普通的文字。然后将其转换为符号。(Insert>>Convert to Symbol>>graphic)，name和字母对应。需要注意的是，每个存放在符号中的字母，坐标位置一定要一致，否则使用的时候会有很多麻烦事，建议不要新建一个符号以后，再输入字母。最好是在场景中将字母先作好，然后转换成符号。这样，坐标都在中心位置，所有符号中的字母坐标位置能够保证一致。做好自己需要的字母以后，可以开始下一步了!

2、字母变换动画制作

新建一个Movie Clip，取name为movie。第一个关键帧放入一个字母符号，比如“A”。调整好中心位置以后，在第二帧中插入一个关键帧。现在你所看到的第一帧和第二帧的内容是相同的，然后选种第二帧的字母，按鼠标右键，选择Properties选项，在Symbol里，可以看到一个黑点所选择的是当前的符号“A”，然后选择符号“B”，按Switch Symbol转换成符号“B”，然后确定。

回到符号Movie Clip，你看到两帧的内容就不一样了，照这样的方法，第三个关键帧的内容就是符号“C”，按照自己需要，可以放入不同的字母、不同的帧数。这样做起来看来很麻烦，但是可以保证字母在变换时不会错位，达到理想效果。

3、利用Movie Clip在时间上的交错，达到变换效果

在例子中的“To Feel All These”，前面的变换效果其实都是一个Movie Clip，只是不播放的时间不同，从而达到看似没有规则的字母变换。

4、把我想要的字母边变出来

首先，确定好自己最终出现的内容，比如“To Feel All These”，一共是14个字母。

在场景中，新增一层，确定好字母“T”的位置，而该字母所放的是符号movie，然后根据内容，放14个符号movie，现在这些符号都在一层，要将他们分别放在不同的14个层里，步骤可以是这样：选种第二个，按Ctrl+X，新建一层，在新建的层里按Ctrl+Shift+V，可以粘贴到原来的坐标位置上，然后再选中第三个，继续操作。

在每层的第100帧上，插入一个关键帧。从第一个符号movie开始，替换成内容所需要的“To Feel All These”，用Switch Symbol转换，保证符号位置不会偏移。然后在时间上错开，把最后一个符号的那帧移到第98帧，倒数第二个字母的那帧移动到第96帧，每前一个符号减少两帧，可根据需要调整。

同样，第一帧中符号movie也需要错开，第二个符号，移动到第3帧，第三个符号移动到第5帧，每后一个符号增加两帧，可根据需要调整，从第而帧开始，每帧的前面都是空帧，无内容。这样，开始利用同一个Movie Clip，在时间上的错开，达到变换效果。到最后一帧，在符号的相同位置上，把变换动画movie替换成一个只有一帧的字母符号，就完成了这个效果。制作过程中比较麻烦的每个符号的坐标位置。

转眼又将中秋，天高云淡，一切都是那么清爽明净。月夜，让我们开窗赏夜吧，夜，包含的不只有月……下面小编就为大家介绍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、最后，最底层导入背景图，放入两个事先做好的萤火虫，完成制作。

效果逼真，令人满意， 完全纯手工制作， 蜡烛再润色一下，以假乱真不是不可能……

今天心情很好，因为做出这个效果也是很偶然的想法，可能这就是别人所谓的创意涌现吧。

臭美一下后，马上进行，Let’s GO!

1、Ctrl J 文档属性设置 300*200 尺寸，黑色背景

2、矩形工具，画矩形，填充色无所谓，任意变形工具，将下面都往里压，可以结合shift与ctrl两边同时进行提高速度，变形后，呈现出一个上边长下边短的梯形。

3、在选中蜡身的前提下，展开混色器中的颜色面板，进行线性渐变填充，需要增加至三个滑块，由上至下，分别是橙色、红色和黑色。这里步骤比较复杂，需要耐心进行。在默认填充线性渐变时，方向是从左到右的，我们需要填充变形工具进行调节。CS3中的填充变形工具被藏在了任意变形工具组里面了，找找看。

4、如果上一步没问题，这一步也会比较轻松，在原梯形上方画一个椭圆形，然后填充放身状渐变，颜色的色值我就不写出来了，你们可以用截屏的功能键PrtScr，把屏幕偷走，在设计软件里面，可以利用神奇的滴管工具取色。

做到这一步，还要非常注意的是，我们的蜡烛没有笔触边框线，以及要考虑“吃掉”的问题，最好将各部件群组 Ctrl G。

这篇教程向朋友介绍利用flash制作超酷的火焰文字GIF动画效果，教程制作出来的文字效果象征我们的生活蒸蒸日上。其实，有理由相信不少朋友想做一些贺卡送给亲朋，也正在找这些酷酷的特效呢。好了，喜欢的朋友可以跟着教程来学习一下哦!

这个效果，可以说是一个视觉效果，也可以说是一个文字效果。不过，这不打紧，重要的是这个效果够酷就可以了。下面，我们就来制作这个效果。首先，设置沉积场景的大小为240*150像素，背景色为黑色，帧频为25fps。然后我们开始制作元件。

1.按快捷键Ctrl+F8创建一个名为“文字”的图形元件。点选文本工具，并如图所示设置“属性”面板(笔者用的字体是文鼎霹雳体，没有的读者可以选用其它的字体，不妨事)。在“文字”元件的编辑场景中输入“蒸蒸日上”四个字，字体的颜色为#E75E23。

2.创建一个名为“文字效果”的影片剪辑元件。按快捷键Ctrl+L打开“库”，把“库”中的“文字”元件拖入其场景中。接着点选第20帧，按F6键插入关键帧。右键点击第1帧，在弹出的菜单中选择“创建补间动画”命令。分别点选第5、10、15帧按F6插入关键帧，如图2所示。

按快捷键Ctrl+T打开“变形”，将第1、20帧中“文字”元件的高度变为原来的90%，如图所示。将第5、15帧中“文字”元件的高度变为原来的95%。第10帧中的元件不做改变。这样设置是为了让文字的高度发生变化，其效果就象是在火焰中燃烧一样。

3.按快捷键Ctrl+F8创建一个名为“火球”的图形元件。接着按捷键Shift+F9打开“混色器”面板并如图所示进行设置。其中两个滑块都是白色，第1个透明度为100%，第2个为0%。

4.创建一个名为“火球效果”的影片剪辑元件。打开“库”，把“库”中的“火球”元件拖入其场景中。接着打开“变形”面板，将“火球”元件的高、宽改为原来的18%。接着点选第25帧，按F6键插入关键帧。右键点击第1帧，在弹出的菜单中选择“创建补间动画”命令。再点选第8帧按F6插入关键帧。

把第8帧中的元件改为80%和120%，再将第25帧中的元件垂直向上移动180个像素。点选第1帧中的元件，然后在“属性”中如图所示进行设置。第8、25帧中的色彩分别为(225、229、34)、(236、45、18)。

5.创建一个名为“火焰”的影片剪辑元件。打开“库”，把“库”中的“火球效果”元件拖入场景中。点选“火球效果”元件，在“属性”面板中起个实例名“火球”，如图所示。点选该层的第3帧按F5键插入帧。新建一个“脚本”层，然后分别点选层中的第2、3帧并按F7键插入空白关键帧。

分别点选“脚本”层中的3帧，按F9键打开“动作”面板，键入如下代码。

第1帧代码如下：

复制代码

代码如下:

// 变量i控制着影片的深度(层次)和影片复制的个数

// _visible属性用来隐藏元件

// 把“火球”实例的x坐标赋给变量X

i = 1;

火球._visible = 0;

X = 火球._x;

第2帧中的代码如下：

复制代码

代码如下:

if ( i

// 复制“火球”实例

duplicateMovieClip("火球"， "火球" add i， i);

this["火球" add i]._alpha = i*10;

this["火球" add i]._x = Math.random()*25 + X;

i++;

}

第3帧代码为

复制代码

代码如下:

“gotoAndPlay(2);”——

跳转到第2帧执行。

6.回到场景1，创建一个“文字”层、一个“火焰层”。打开“库”，把“文字效果”元件拖入到“文字层中。把“火焰”元件拖入到“火焰”层中。将“火焰”元件再复制出3个，按快捷键Ctrl+K打开“对齐”面板，如图所示进行放置。最后在“属性”面板里将“文字”元件的透明度设置为25%。

做一个简单的flash交互动画。

1、双击打开。

2、选择 as2.0

3、拉一个圆。 转换为按钮 。双击按钮。

4、 改变颜色 。回场景。命名。

5、加一段小动画。建一个返回按钮。

6、输入代码命令

stop();

h_btn.onPress=function(){

_root.gotoAndPlay("2")

};

fanhui_btn.onPress=function(){

_root.gotoAndPlay("1")

};

7、完毕

注意事项：

细心输入代码

flash是Adobe旗下强大的动画制作软件，那么你知道如何使用它制作渐隐转场动画效果么？下面我们通过以下步骤，快速学习制作的方法。

工具/材料

Flash CS3

素材图片

一、建立文档并将导入的素材图片转为元件

在Flash主界面，找到新建AS3.0文档。

通过“文件＞导入＞导入到舞台”，将素材导入到舞台。

使用选择工具，选择舞台上的图片，右击鼠标选择“转换为元件”。

将元件类型更改为:“图形”，单击确定按钮即可！

二、缩放图片

使用“自由变换”工具，对舞台上的图片进行调整。

按住Shift键，将图片向内进行等比收缩。

在工作区的右上角，找到舞台比例，将其更改为:显示全部。

三、制作透明动画

在时间轴的第二十五帧，右击鼠标选择“插入关键帧”。

移动时间线指针到第一帧，使用选择工具单击图片，找到属性面板，将颜色更改为:Alpha模式，调整透明度为:0%。

在时间轴任意一帧，右击鼠标左键选择“创建补间动画”。

移动鼠标指针到第45帧，右击鼠标选择“插入帧”。

四、制作渐现补间动画

新建图层 2，按照之前的方法，在第四十五帧右击选择“插入帧”补齐帧。

选择第四十五帧，右击选择“转换关键帧”。

参考以上第三个步骤，完成补间动画的制作，补齐两个图层的帧。

按下键盘上的 Ctrl+Enter 键，快速预览动画效果。