flash制作遮罩动画教学设计(优秀20篇)

引导层的具体使用方法和树叶飘落的例子 文字教程 一看就会

1、打开flash，新建一个ASP3.0文档 ，大小自定 ，单击确定按钮 。

2、在网上搜索素材树叶，小编搜的是树叶

3、把树叶拖到ps中，然后用 魔术橡皮擦工具剔除背景 ，如图

4、然后 Ctrl+alt+shift+s 存储为web所用的格式，然后保存为透明图像，

5、发现桌面已经有了透明的树叶了

6、然后把透明的树叶拖到flash中，

7、用 任意变形工具 选中树叶，然后按着shift键把树叶等比例缩小 ，如图，

8、用选择工具把树叶移动到上面，

9、用任意变形工具旋转一下树叶，因为树叶是从上往下飘的，所以把树叶的方向往下调整一下，如图

10、选中图层1，鼠标右键选择“ 添加传统运动引导图层”

11、选中引导层，用画笔工具在文档中画出一条花落的线段称为 引导线 ，如图

12、在引导层的第50帧处按f5，在 图层1的第50帧处按f6 ，如图，

13、选中图层1的第一帧，鼠标右键选择 创建传统补间，

14、选中图层1的第一帧，把 树叶放到引导线的开始处 ，如图

15、选中图层1的最后一帧，把树叶放到引导线的结尾处，如图

16、按 Ctrl+回车键 可查看效果，

17、这时候会发现树叶的方向不是随引导线的方向走的，那怎么办呢，就要用到路径了，下面小编就来说一下怎么改

18、选中图层1中的任何一帧，在属性中把“ 调整到路径 ”前面的方框打上对号，如图

19、在按 Ctrl+回车键， 可以试看效果，哦，flash是基础，大家要多多练习哦 么么 。

这篇教程向大家介绍利用flash制作一种独特的图片GIF动画特效方法，制作出来的图片特效真的很不错，方法也不是很难，一起来学习吧!

打开FLASH.新建FLASH文档.

CTRL+F8新建一个元件..导入一张图片，把图片拉入主场景中..点击图片调整属性.把图片设为一个面布大

新建一个图层，按住ALT键把图层1的帧复制上去.然后在图层2上新建一个图层.这个图层是要用来做遮罩的.用方框工具画出个框形，设置参数为

图层3上插入关键帧..然后设置参数.让刚才做的长方块刚好有满画布大

然后制作成形变动画

在图层3图层2点一下眼睛设为不显示并锁定.以方便对图层一的操作，原图是

只要修改一下，把400改成800就可以了.

在第30帧插入关键帧，图片属性如图设置.也就是把图片X向左400像素

在图层1上加上一图层.把图层3第30帧频的红色方块复制到新建图层4的第一层.或按住ALT把那一帧拉到图层4第一帧也可以..图层1创作成动画.图层3.4都设为遮蔽罩

在图层2第50帧插入帧主要是延长播放时间.本例制作完成.效果还不赖吧

本flash教程教你制作一个跟随鼠标感应放大缩小的动画特效，主要利用遮罩来实现的。方法很简单，一起来学习吧!

制作步骤：

首先新建文档

然后导入一幅图片当做背景，我们首先把图片转换为影片剪辑元件，然后在该图层中做放大缩小的动画效果

然后我们创建一个新图层，创建一个圆，转换为影片剪辑元件，命名实例名，然后设置为遮罩层，效果如下：

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

方法/步骤

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

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

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

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

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

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

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

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

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

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

一、准备素材

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制作推窗的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、最后，最底层导入背景图，放入两个事先做好的萤火虫，完成制作。

这篇教程向大家介绍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形状补间动画的方法，希望本指南能帮到大家。

操作方法

下面，举例演示其制作方法。比如，制作一个圆形从左到右移动的形状补间动画。

首先，我们启动FLASH软件，打开界面，再新建文档。

接着，进入到文档的操作个界面。再从右侧的工具栏中调出椭圆工具。再在属性面板中设置图形的填充色以及描边色。

接着，鼠标移到舞台左侧，画出一个圆形。

我们再看舞台下面的时间轴这里，在第1帧这里已自动插入了帧。

接着，鼠标在时间轴的第20帧这里点击一下，再按下键盘的F6，执行插入帧命令。

接着，按V键，调出移动工具，把舞台上的图形水平移到舞台的右侧。

鼠标再移到时间轴这里，放在第1帧与第20帧之间的任意一帧上，再右击，弹出菜单，再点：创建补间形状

这时，我们看时间轴这里，第1帧到第20帧之间呈绿色状态，而且中间有一条向右的箭头。这表示，创建形状补间动画成功啦。

按下播放按钮，可以看到圆形从左到右移动。

我们在电脑的行业中，经常会看到各式各样的幻灯片，而小编最经常看到幻灯片的地方是在各种产品的发布会上，制作幻灯片的方式有很多种，让我们用flash来制作幻灯片

1、首先，先打开电脑上的Adobe Flash CS3软件，如下图所示。

2、接下来Adobe Flash CS3需要根据自已需求选择Flash项目，如下图所示。

3、选择一个Flash项目，我们来到Adobe Flash CS3的主界面，接着我们点击左上角的【 文件(F)】 按钮，在下拉的菜单栏里点击【 新建(N)】， 如下图所示。

4、然后Adobe Flash CS3就会跳出一个【 新建文档 】的小窗口让我们选择，我们选择【 Flash幻灯片演示文稿】， 如下图所示。

5、然后Adobe Flash CS3的主界面就会变成制作幻灯片的主界面，我们可以开始进行打字等操作，如下图所示。

6、幻灯片是多页面的，我们可以 点击左上角的小+号图标来添加页面 ， 如下图所示。

7、然后我们就可以在 添加的第二个页面上操作 ，如下图所示。

8、可以通过 左上角小+号图标右边的小-号图标来删除幻灯片页面 ，如下图所示。

9、接下来我们就可以 使用键盘上的上下键来轮播幻灯片 ，如下图所示。

这个flash实例制作了两只可爱的小兔子玩跷跷板的动画，主要用到椭圆工具、渐变填充和任意变形工具等，操作简单易懂，适合练习。

制作步骤：

1、新建一个默认大小的Flash文档。先画天空背景，用矩形工具画一个矩形，在对齐面板中按下“相对于舞台”，再点“匹配宽和高”按钮，最后点“垂直中齐”和“水平中齐”按钮。与舞台对齐之后给矩形设置如下从白色到天蓝色的渐变，方式为“线性”。

图1

2、草地。画一个草绿色的矩形，在对齐面板中与舞台“匹配宽度”并“底对齐”。

图2

3、用挑选工具在草地的线条上拖拉以调整为自然的曲线。

图3

4、画跷跷板的基座。先用钢笔工具画出如下三角形，在任意两点间单击即可画出直线。

图4

5、用挑选工具将三角形调整为如下形状并填充橙色#FF9900。

图5

6、用椭圆工具在基座上画出如下小椭圆，将基座一起选中Ctrl+G群组。

图6

7、画杠杆。用矩形工具画出如下长条矩形，使杠杆与基座上的圆圈齐平，并与基座水平中齐。完成跷跷板。

图7

8、Ctrl+F8新建一个元件，命名为“兔子”。用椭圆工具画一个椭圆作为兔子的头，填充如下从白色到粉红#FF99FF的渐变，类型为“放射状”。用填充变形工具调整渐变的位置如下。

图8

9、身体。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。通过右键菜单中的“排列”可以调整各个椭圆图层的位置。

图9

3Flash制作“小兔子跷跷板”动画(3)回顶部

10、腿。Ctrl+D再次复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。

图10

11、脚。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，填充纯粉色。

图11

12、尾巴。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。

图12

13、胳膊。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。

图13

14、Ctrl+D复制出另一支胳膊，填充纯粉色，放在身体最下层。

图14

15、Ctrl+D复制一支胳膊作为耳朵，用任意变形工具调整形状，并用填充变形工具调整渐变的位置如下。

在这里要教大家做小人移动的动画，是对形状补间的一次简单运用，值得一说的是形状补间做的小人比起动画补间来说要轻松简明不少，而且动作多变，不过易出现问题，用flash制作小人走路的简单动画，一起来看看吧!

方法/步骤

1、首先利用椭圆工具和刷子工具在舞台上画一个小人，形状自己定，反正我的是画的很差了，大家不要见怪，记得把线条颜色改为无色。

2、之后在时间轴上每隔10帧就插入一个关键帧，由自己。

3、再然后就是顺便把形状补间添加至每个关键帧之间

4、之后调整小人动作，每个关键帧都调一下，动作想怎样就怎样，很灵活，都能展现出来，我在这里就随便调了一下。

5、之后ctrl+enter测试影片就能看到效果了，是不是很神奇呢

6、值得一提的是用形状补间做的动画比动画补间更具有观赏性，动画补间适合骨骼动画，这个后面会提。如果举得画的太小你还可以用放大镜来放大，进行细微调整，让整部动画看起来更加柔和及细致。

注意事项

其中还有值得注意的是可能会出现动画混乱的现象，只要找到出现混乱的帧之后删掉后面的帧再进行插入和调整就行了

本教程是关于使用flash制作搞笑表情的Flash动画教程，从最基本的绘图开始，包括颜色的填充、图形的调整等等基础性的制作，最终得出一个完整的搞笑表情并做简单的动画制作，教程适合初学者参考学习，希望你能喜欢!

这个制作了一个“笑掉大牙”的搞笑表情，用到了Flash的基本绘图工具，简单易懂，适合练习。先看下效果吧：

制作步骤 ：

1、新建一个300*300象素的文档，选择椭圆工具，设笔触为棕色，填充为黄色，按住Shift键画出一个正圆。

图1

2、在混色器面板中将填充改为“放射状”，在渐变条中设置由浅至深的三个黄色色块，再用填充变形工具调整渐变到如下效果。

图2

3、用选择工具选中整个椭圆，按F8转换为元件，命名为“face”，在属性面板中点“滤镜”，添加如下投影效果。

图3

4、新建一个图层，命名为“eyes”，用钢笔工具画出一个月牙形的眼睛。

图4

5、设填充为黑色，用选择工具按Alt键拖动复制出另一个。

flash是一个动画制作软件，那么你知道如何快速的制作元素逐渐显示效果么？下面我们跟着以下图文步骤，学习下制作的技巧。

工具/材料

Flash CS3

一、设定文档背景颜色并建立文本

在属性面板找到背景属性，将背景颜色设为：黑色。

在工具箱里，选择文字工具，将文本类型设为：静态文本。

在舞台的范围，输入文本内容。

全选文本内容，将文本颜色设为：白色。

将当前的文本字号，通过“属性”面板调整到 45字号 。

二、转换为遮罩层

在时间轴上的第30帧，右击鼠标选择“插入帧”命令延长帧。

插入一个新图层，按照以上步骤补齐关键帧。

选择“图层 2”，右击选择“遮罩层”命令，将其转为遮罩层。

三、创建补间形状

将转换完成的“遮罩图层”的小锁，单击鼠标解开。

选择遮罩图层，通过“矩形工具”，在舞台上绘制一个可以遮盖文字的矩形。

移动时间线指针到第20帧，右击鼠标选择“转换为关键帧”，将当前帧转为关键帧。

选择“遮罩图层”的任意一帧，右击执行“创建补间形状”，为其创建补间形状动画。

四、制作动画

移动到第一帧，选择“任意变形”工具，将矩形形状向左拖拽成压扁形状。

遮罩动画制作完成后，将“遮罩图层”再次锁定，完成动画制作。

特别提示

按下 Ctrl+Enter 键，预览动画效果。

本例的主要内容是影片剪辑元件的控制命令。现在详细教你如何编写代码让矩形的X位置向右不断移动。

1、点击开始菜单程序文件夹里的FL软件，即打开FL软件，如下图所示。

2、按下 ctrl+N组合键 或执行菜单栏中的"文件>新建"命令打开【 新建文档 】对话框，在【 常规 】选项卡下选择ActionScript 2.0，单击"确定"按钮，即创建一个文档，如下图所示。

3、双击工具箱中的【 矩形工具 】按钮，设置描边和背景色分别为无、蓝色，在舞台上绘制矩形，如下图所示。

4、右击该矩形，在弹出的快捷菜单中选择【 转换为元件 】选项，如下图所示。

5、在弹出的【 转换为元件 】对话框中，更改名称为"矩形"，选择元件类型为【 影片剪辑 】，更改对齐为正中，单击【 确定 】按钮，如下图所示。

6、选择"元件1"按钮元件，按住F9键打开【 动作 】代码框，输入" onClipEvent (enterFrame) { this._x+=1;}"， 如下图所示。

【基本语法】

onClipEvent(参数)

{命令}

onClipEvent用于剪辑元件上

参数：

1)load：当调用该影片剪辑时触发命令。

2)unload：当删除影片剪辑时触发命令。

3)enterFrame：进入帧后影片剪辑不断地触发命令。

4)mouseUp：当松开鼠标按钮的时侯触发命令。

5)mouseDown：当鼠标抬起或按下的时候触发命令。

6)mouseMove：当鼠标滑过的时候触发命令。

_x属性：设置对象的X坐标。

7、按住 Alt+Enter组合键 打开影片，如下图所示。

通过引导层的路径来引导对象的运动。

1、新建一个flash文件，在图层1中，执行 文件→导入→ 导入到舞台命令 ，导入一张黑板的图片，并对齐到舞台中央。

2、新建一个图层，即图层2。 再执行同上的命令， 导入一张黑板擦的图片。

3、按快捷键F8将黑板擦转换为 图形元件 ，取名为黑板擦。

4、选中图层2，用鼠标点击时间轴下面的 引导层按钮 ，为黑板擦图层创建一个引导层。然后在该图层上绘制 引导路径 。

5、将三个图层的帧数延长到 第60帧 。

6、选中 黑板擦 ，将其移动到引导线的一个端点上，将黑板擦的中心点对齐到 路径的端点处 。

7、在黑板擦图层的第60帧插入 关键帧 ，然后将这帧上的黑板擦移到路径的另一个端点，并且对齐同上。

8、选中该图层中的任意一帧，右击鼠标，创建 补间动画。

9、按组合键 Ctrl+Entet 测试影片。最后导出影片， 格式为 swf 。

flash制作“心动”主要是练习对于钢笔工具的使用和补间动画的创建。“心动”动画在很多网站上都有应用，是一个既简单又应用广泛的动画，下面小编就为大家详细介绍一下，不会的朋友可以参考一下!

步骤

1、打开Flash cs4软件，新建一个Flash文件。

2、执行菜单中“ 视图|标尺 ”命令，添加一条垂直的辅助线。

3、用“ 钢笔工具 ”画出心形的一半，如下图。具体做法，是先画出大致曲线，再使用“选 择工具 ”和鼠标进行调整。

4、复制画好的图形，在粘贴在工作区中(可以选中图形，按住键进行拖动)。

5、选中复制的图形，选中工具箱中“ 任意变形工具 ”，在执行菜单中“ 修改|变形|水平翻转 ”命令，得到下图。

6、选择工具箱中“ 选择工具 “，选中变形后的图形，使用鼠标拖动，将其与原来图形结合。再删除辅助线，填充合适的颜色。并将其转会化为元件(按键即可)。

7、在”第10帧“处，右击执行”插入关键帧“命令。再选中”第1帧“，使用”任意变形工具“将图形缩小。

8、选中”第10帧“，使用” 任意变形工具 “将工作区中的图形旋转一定角度。

9、选中”第1帧“到”第10帧“之间任意一帧，右击，执行”创建传统补间“命令。

10、选中”第20帧“，右击，执行”插入空白关键帧“。然后，将”第10帧“复制，粘贴到”第20帧“。选中”第10帧“到”第20帧“之间的任意一帧，右击，执行”创建传统补间“命令。

11、执行菜单中的“控制|测试影片”命令，即可得到“心动”动画。

注意事项

画好心形后一定要先转化为元件，在进行后续的操作。

用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;

};

flash的广泛使用多用在制作动画上，现在小编来介绍一下如何使用flash制作变化字。

1、首先，打开flash，新建 一个flash文档。

2、接下来找 到文本 ，使用 文本工具。

3、写下 你要变化的字。

4、找到 对齐工具栏 ，舞台， 水平居中 ， 垂直居中 。

5、在接下来，按 ctrl+b键 ，将文字，数字打散。

6、在上方的时间轴上， 找到一帧，鼠标右击插入空白关键帧。

7、接下来，在这一帧上写上你要变换成的文字，同样居中对齐。

8、接下来，选中后续帧文字，并将其打散。

9、接下来，回到第一帧，找到下方的 小三角设置属性 ， 在补间处选择形状 。

10、然后按回车键就可以播放了。

用flash软件模拟锅被烧开的动漫，用到补间动画等，感兴趣的朋友可以来看看。

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

2、 添加 图层，并且更改图层名称;

3、 在各自的图层中绘制好各自的图形;

4、添加 关键帧，

5、添加动画;

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

注意事项：

注意图层之间的连续性。

用flash软件模拟射箭的动画，关键是绘制出靶子，和箭，然后用补间动画完成。

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

2、绘制一个椭圆，然后进行复制，绘制出靶子;

3、添加图层，绘制出弓，

4、新建图层，绘制出箭;然后 转换为元件;

5、 添加关键帧， 进行补间动画设置;

6、观看效果，导出影片， 格式GIF 绘制完成

注意事项：

注意弓、箭靶子的位置，可以做成弧线是运动。