0

flash中的遮罩动画怎么做汇集20篇

浏览

3046

文章

186

篇1:flash形状补间动画制作飘动的云

全文共 208 字

+ 加入清单

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

方法/步骤

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

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

3、调整云块的形状;

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

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

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

注意事项

注意箭头处

注意关键帧的连贯性

展开阅读全文

篇2:flash如何制作电闪雷鸣的雷雨动画场景

全文共 1098 字

+ 加入清单

下面为大家分享flash制作电闪雷鸣雷雨动画场景教程,制作出来的效果很不错,来试做这个场景吧。

一、制作零件

先用渐变填充制作一个正常的天色做底,颜色自己感觉合适就行。

同样用矩形工具,颜色深蓝色做一个阴雨时的天空,F8键保存为图形元件。

制作雨丝。Ctrl+F8新建一个影片剪辑,填充色禁用,线条色白色,绘制几条斜线,作为雨丝。

选中全部斜线,F8转换为图形元件。再次按下F8转换为影片剪辑元件。

双击进入编缉,新建一层,用笔刷工具绘制几条宽窄错落的竖线,这些线条作为雨丝的遮罩线。

20帧插入关键帧,将线条稍稍聚拢,线条形状也稍作调整。回到第一帧添加形状补间。

回到雨丝层,在第20帧插入关键帧,将雨丝元件向右移动,创建补间动画。

右键点击遮罩层,将其变为遮罩图层。完成雨丝制作。

线条工具绘出乌云,颜色填充如图。填充条颜色分别为#466372、#47576F。

F8键转换为影片剪辑元件,图中是转换后的属性。

将预先准备好的声音文件导入到库中。

二、组合

场景中,新建一层,取名前罩。将第二步做的矩形元件放入,如图插入关键帧(我这里是根据文章需要设定的帧数,各人按需而定)。

第一帧元件的alpha值改为9%,第二个关键帧处的改为90%,在第一帧创建补间动画……后面的如图设置。

新建一层,取名亮层。在前罩层开始由暗转亮的关键帧处,插入关键帧,绘制一个矩形,颜色设置如图。关键帧如图设置。每个关键帧的内容相同。

新建一层,取名闪电。线条工具,在该层,比亮层第一个关键帧向前三帧处插入关键帧。绘制出闪电形状。转换为影片剪辑元件。在该关键帧向后10帧处插入关键帧,再向后三帧插入关键帧。

库中将闪电元件直接复制一个。双击进入编辑,将部分线条变形。

属性面板中将第三个关键帧处的元件交换为刚复制的元件。

复制该层所有帧,向后10帧处粘贴。

新建一层,取名遮罩层,如图插入关键帧,在闪电上方绘制一个大小可以遮住闪电的矩形,10帧后的关键帧上将该矩形拖至闪电上方,创建补间动画。再10帧后F5插入帧,然后复制这20帧,向后10帧粘贴。并将该层改为遮罩层。

新建乌云层,将云拖入放入舞台上方超出舞台处,在感觉合适的帧数处降至与舞台平齐,后面每隔约10帧插入一个关键帧,做云左右移动的动画。一直到闪电进行到一半时结束云的移动。

新建雨层,在闪电结束处插入关键帧,将雨的MC拖入多个,摆放合适。每隔15帧添加一部分,产生雨越来越多的效果。可用复制一片,粘贴后再移动位置的方法。

分别新建雷声与雨声层,在乌云下降大半时放入闷雷声,属性——编辑里调整到满意效果。下降基本结束时插入雷声。雷声较短,可放入两个。

雨将开始时放入雨声。根据需要编辑声音。完成制作。

展开阅读全文

篇3:FLASH怎么制作一个七彩折扇开合的动画

全文共 201 字

+ 加入清单

flash软件制作折扇的动漫,用到补间动画,绘制结果如下。

1、打开FLASH软件,新建 一个FLASH文档; 修改属性;

2、绘制一个矩形并且调整大小,添加颜色,然后 转换为元件;

3、添加图层2-10;并且把元件分别置于图层1-10中;

4、 在100帧处设置关键帧;

5、调整每个图层的元件位置,为其添加动画补间;

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

注意事项: 注意每层的原件之间的关联。

展开阅读全文

篇4:Flash如何制作漂亮的折扇动画效果图

全文共 1020 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

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

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

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

展开阅读全文

篇5:Flash如何制作跟随鼠标移动拉伸的蜘蛛丝动画效果

全文共 746 字

+ 加入清单

本教程向大家介绍利用flash制作跟随鼠标移动拉伸的蜘蛛动画效果,方法很简单,其中用到了Flash函数,推荐给大家,希望对大家有所帮助!

大家移动鼠标,可以看到蜘蛛丝会跟随鼠标移动和拉伸。

下面我们来讲实现的方法。

1、在Flash中先建三个MC。

一个是spider_mc,画一个蜘蛛,像样点就算了,呵呵!

一个是net_mc,一个蜘蛛网,当背景用的,没有太大用。

最后一个是空的MC,line_mc,用来画线(蜘蛛丝)。

2、回到场景,建三个层。

最底下一个叫NET,用来放背景net 的,把net拉进去。

中间一个层叫line,用来放line_mc的,把line_mc拉进来,并给这个剪辑命名line_mc。

最后一个当然是放spider_mc 的。

3、最关键一步,多建一个action层,写上如下代码。

复制代码

代码如下:

speed=10;

spider_mc.onEnterFrame = function() {

dx = _root._xmouse-this._x;

dy = _root._ymouse-this._y;

p =Math.atan(dy/dx)*180/Math.PI;

rota = (dx>0) ? (90+p):(270+p);

this._x += dx/speed;

this._rotation = rota;

this._y += dy/speed;

};

line_mc.onEnterFrame = function() {

this.clear();

this.moveTo(0, 0);

this.lineStyle(1, 0xffffff, 100);

this.lineTo(_root.spider_mc._x, _root.spider_mc._y);

};

最后生成swf,完成。

展开阅读全文

篇6:FLASH如何制作日夜交替的动画

全文共 230 字

+ 加入清单

flash模拟太阳的出升,落山,到月亮的升起降落。用到引导图层,和动画补间。

1、打开FLASH软件,新建一个FLASH文档;设置文档 属性 ;

2、选择星形绘制一个20角星;

3、绘制一个圆,把 笔触设为10 ;然后把元与星形对齐;把对齐后的整体转换为元件;

4、添加 引导图层 ,绘制一条引导线;

5、添加动画,新建图层3绘制月亮;然后把 月亮转换为元 件 , 添加动画;

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

注意事项: 注意对齐俩个图形笔触大小的调节

展开阅读全文

篇7:flash怎么制作擦黑板动画效果

全文共 379 字

+ 加入清单

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

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

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

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

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

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

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

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

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

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

展开阅读全文

篇8:Flash制作树叶逐渐展开动画

全文共 187 字

+ 加入清单

最近有人问我一个树叶伸展的效果,网上现在好像也很流行.其实就是逐帧+遮罩.拿一个例子来分析一下吧

演示效果:

1:先找一个素材,就这一盆花吧,在ps里处理下,把多余的背影删掉

2:新建层2,画一个长方形,只要能遮住花盆就行了,因为花盆是一直显示的.

3:在图层2按F6插入关键帧,每插一步就用画笔画一步,形成慢慢伸展的逐帧动画,图层1按F5保留

4:最后右键图层2选择"遮罩"全效果完

展开阅读全文

篇9:flash如何利用遮罩层制作简单的文字特效动画

全文共 245 字

+ 加入清单

flash是一款二维动画制作软件,属于矢量编辑软件,它不仅能够制作动画,也能够进行图片制作,下面就利用flash遮罩层来制作一个简单的小特效

1、创建一个文字层,输入任意文字,可以根据自己的喜好改变舞台和文字的颜色。

2、新建一个图层取名为遮罩层,在文字左处画出一个任意图形。

3、 在文字层和遮罩层后任意位置点击右键各插入一个关键帧。

4、在 遮罩层 的最后一帧移动图形的位置。

5、在遮罩层的任意一帧 右键创建补间形状 。

6、在遮罩层上单击 右键选择遮罩层 。

7、 Enter+Ctrl播放 。

展开阅读全文

篇10:flash如何制作一个提示变形动画

全文共 578 字

+ 加入清单

flash是一款二维动画制作软件,下面就来利用flash制作一个简单的动画,这个动画就是提示变形动画,这个动画可以从一种状态无缝的变为另一种状态,一起来制作吧。

步骤

打开flash,进入flash的工作界面,如图所示:

在图层一的第一帧里,选择左侧的矩形绘制工具,制作一个矩形,如图所示:

然后在图层一的第三十帧上单击鼠标右键,弹出下拉菜单,在下拉菜单里找到插入空白关键帧选项,如图所示:

点击插入 空白关键帧命令 ,在该帧上绘制一个圆形,如图所示:

在图层一的第一帧和第三十帧之间的任意一帧上单击鼠标右键,弹出一个下拉菜单,在该菜单里找到创建 补间形状动画 选项,如图所示:

在第一帧上选择矩形,在上的菜单里找到修改菜单,在修改菜单下拉列表里找到形状选项,在形状选项里找到添加 提示点命令 ,如图所示:

点击添加提示点,可以看到矩形里出现了一个点,这个点就是提示点,如图所示:

按下键盘上的 CTRL+SHIFT+H 三次,添加三个提示点,将这四个提示点依次放到矩形的四个点上,如图所示:

然后回到第三十帧,可以看到三十帧的圆形上也有提示点,如图所示:

看着是一个提示点,其实是四个叠加到了一起,依次拖动放到四个位置,拖动后可以看到提示点变成了绿色,说明点的对位正确,如图所示:

按下键盘上的回车键进行测试,可以看到矩形到圆形之间的变换融合的很好,取个中间帧看看吧,如图所示:

展开阅读全文

篇11:Flash如何制作鼠标划过文字产生光的动画特效

全文共 1493 字

+ 加入清单

本教程是向大家介绍利用flash制作鼠标划过文字产生光的动画特效,教程难度不是很大,制作步骤介绍地也很详细,推荐给大家,希望对大家有所帮助!

学习鼠标划过文字产生的特效。

01、新建flash文档,背景色:645646,帧频30,大小:150*50 。

02、【文件】【导入】【导入到舞台】导入一幅位图。(原文件中此位图为透明背景下图中底色为我们设定的背景色)

03、选中导入的位图,右键转换为元件,命名为“文字”。类型:图形。“Ctrl+B”打散位图,用选择工具选中不需要的部分,删除!

提示:新建元件:过光效果,类型:影片剪辑 。

此mc中添加三个图层,此时共有四个图层,运用两次遮罩,实现两层光效果。

由下至上分别为:文字层,遮1层,文字层,遮2层 。

04、在图层1拖入文字元件,并改图层为:文字。选中文字属性,调整颜色亮度为:24%。第35帧处插入帧:

05、在文字层上面添加图层,改为遮1,在第一帧画一个矩形,分别在17帧,35帧处插入关键帧,并在1--17,17--35帧之间设立形状补间。

06、并把遮1层设为遮罩层,见下面三张图,分别为矩形在1,17,35帧处的形状和位置。

在遮1层上添加图层,改图层名为:文字,选中文字元件。属性栏,颜色亮度为:56%。

07、同样在第35帧处插入帧。

在此文字层上方,添加图层,改为:遮2,在第一帧在文字左端画一个矩形,35帧处插入关键帧,拖动矩形到文字右边,并在1--35帧之间设立形状补间。

08、并把遮2层设为遮罩层。见下面两张图,分别为遮2层中的矩形在1,35帧处的形状和位置。

09、新建元件:名称:透明按钮,类型,按钮。

10、在时间轴的第4帧(点击)插入关键帧,在编辑区画一个矩形,定一个按钮的感应区,什么颜色效果都可以。

11、回到场景,完成后的时间轴图:

12、图层1名称改为:背景,拖入文字元件,放到合适的位置,图层上锁。

13、添加图层,图层2改为:过光效果,第2帧插入关键帧,从库中拖入过光效果元件,与下面图层的文字背景对齐。(第1帧为空白关键帧)

制作到这里大家会发现,过光效果拖入场景时,是看不到什么的,只有蓝色框,怎么好进行对齐操作呢?

技巧:

1)、请大家选中库中的过光效果元件,双击进入元件编辑区,在最上面添加一个图层,改为文字,点击最下面文字图层第一帧,右键复制帧,再点上面文字第一帧,粘帖帧。然后回到场景去进行对齐操作。

2)、场景中其他工作完成之后,再删除刚才多加的文字图层。

14、回到场景中过光效果图层,分别在第19帧、21、39帧插入关键帧。第40帧插入空白关键帧。给下面的文字层也在40帧入插入帧。选中第2帧,第39帧处的过光效果元件,属性栏中透明度(Alpha)设为0

在2--19,21--39帧之间建立动作补间。锁定图层。

15、在上面添加AS图层,第20帧插入空白关键帧在第1,20帧处写入帧动作:

16、添加按钮图层。拖入库中的透明按钮,调整盖住全部文字层。第2帧处插入关键帧、第40帧入插入帧。

点击第1帧,再选中编辑区的按钮,写入按钮动作:

复制代码

代码如下:

on (rollOver) {

//Movieclip GotoAndPlay Behavior

_root.gotoAndPlay("2");

//End Behavior

}

点击第2帧,再选中编辑区的按钮,写入按钮动作:

复制代码

代码如下:

on (rollOut) {

//Movieclip GotoAndPlay Behavior

_root.gotoAndPlay("21");

//End Behavior

}

记得要删除光效果元件中多加的图层哦!

17、全部完成~测试影片!

展开阅读全文

篇12:FLASH怎么制作一个放大镜放大文字的动画

全文共 216 字

+ 加入清单

flash模拟放大镜的动漫,关键就是图层的顺序不要放错

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

2、添加图层,分别为,原始层,白纸层,放大层,遮罩层和放大镜层

3、在原始层,添加文字;

4、在放到层添加一样的文字只是大小变大;

5、在遮罩层添加圆,在放大镜层添加放大镜;在白纸层添加同样大小的源只是把笔触和填充变为白色; 转换为元件 ;

6、添加 补间动画;

7、测试影片,导出影片, 格式为GIF ,绘制完成。

注意事项: 注意图层的顺序

展开阅读全文

篇13:Flash如何制作过渡卷动效果精美图库展示动画

全文共 1017 字

+ 加入清单

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;

};

展开阅读全文

篇14:Flash如何制作扫光动画的效果

全文共 568 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

展开阅读全文

篇15:FLASH怎么利用补间动画绘制财源滚滚

全文共 224 字

+ 加入清单

这篇教程是向朋友分分享flash利用补间动画绘制财源滚滚方法,方法很简单的,推荐过来,希望能对大家有所帮助!

步骤

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

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

3、绘制钱的方孔;中心对齐2个图形

4、选择文字工具,输入财源滚滚;

5、将文字2次分离后,排列填充颜色;

6、填充颜色后,将其转换为元件;

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

8、测试影片,修改不足;

9、导出影片,格式GIF 绘制完成。

注意事项

注意箭头处

注意颜色的选择

展开阅读全文

篇16:如何用flash制作纸飞机滑翔天空的动画效果

全文共 622 字

+ 加入清单

这一节主要来学习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影片类型,因为这种类型占用空间最小哦!

展开阅读全文

篇17:Flash AtionScrip 3.0如何制作逼真的雪花飘飘的动画效果

全文共 1771 字

+ 加入清单

本例为用flashAtionScrip 3.0制作逼真雪花飘飘的gif动画效果教程,常常从网上的动画中看到大雪纷飞的场面,看到雪花从天空中拖曳而下,真有一种身临其境的感觉呢?但主要是用AtionScrip 2.0制作,现在用AtionScrip 3.0来制作雪景效果。

一、制作雪花元件

1、打开 Flash9.0,新建Flash文档选择AtionScrip 3.0。背景色为深蓝,舞台大小为 550×400。然后按下 Ctrl+F8,新建一个影片剪辑元件“雪花”,进入到“雪花”元件编辑状态后,图层1改为“雪花层”用椭圆工具在舞台上拖曳出一个大约 2×2 像素无笔触纯白色的圆来,然后放大到 800%,用选择工具在边缘处随便拉动,使其变成不规则的形状,最后选中这个图形,打开【修改】-【形状】-【柔化填充边缘】,调出“柔化填充边缘”对话框,在“距离”项中填入 5px,“步骤数”为5,“方向”为“扩展”,完成后尺寸大约为 7.5×7 像素,全选图形右键转为影片剪辑元件“静态雪花”。如图 1(放大为 800%的效果)。

2、在影片剪辑“雪花”元件“雪花层”图层的第80帧上插入关键帧,然后在第二层“添加运动引导层”,舞台缩小到50%,用铅笔画从上至下画一条运动线,第80帧处插入帧,上锁。选中“雪花”图层图第80帧上“静态雪花”元件拖曳到运动线的下端,选中“雪花”层创建补间动画。如图2

然后在库中用右键点击“雪花”元件,选择“链接”项,给其添加标识符为“xh_mc”。

Webjx核心提示:本例为用Flash AtionScrip 3.0制作雪花飘飘的雪景效果,常常从网上的动画中看到大雪纷飞的场面,看到雪花从天空中拖曳而下,真有一种身临其境的感觉呢?但主要是用AtionScrip 2.0制作,现在我们用AtionScrip 3.0来制作雪景效果.

二、制作背景

回到场景 1 中来,选择【文件】-【导入】-【导入到舞台】,从自己的磁盘中选择一张雪景图片,选中图片,把它设置为550x400,全居中,同时把图层 1 更名为“背景”。

三、新建一个图层“AS” ,点中第 1帧,打开“动作”面板,添加下列代码:

复制代码

代码如下:

Var sj:Timer=new Timer(Math.random()*300+100,100);

//声明一个时间变量,类型Timer,随机设置时间间隔和控制雪花数量;

sj.addEventListener(TimerEvent.TIMER ,sjcd);

//用sj来侦听时间事件;

function sjcd(event:TimerEvent) {

//声明一个sjcd函数

var xh:xh_mc=new xh_mc();

//先声明一个对象xh,类型xh_mc,等于一种新类型xh_mc;

addChild(xh);

//把新声明的xh对象显示到舞台上;

xh.x=Math.random()*550;

//雪花x坐标在550舞台上随机出现;

xh.y=Math.random()*200;

//雪花y坐标控制在舞台上的0-200处随机出现;

xh.alpha=Math.random()*1+0.2;

//雪花的随机透明度;

xh.scaleX=Math.random()*0.5+0.5;

//随机控制雪花在x的宽度;

xh.scaleY=Math.random()*0.5+0.5;

//随机控制雪花在y的宽度;

}

sj.start();//时间开始;

雪景代码:

复制代码

代码如下:

var sj:Timer =new Timer(Math.random()*300+100,100);

sj.addEventListener(TimerEvent.TIMER ,sjcd);

function sjcd(event:TimerEvent) {

var xh:xh_mc=new xh_mc();

addChild(xh);

xh.x=Math.random()*550;

xh.y=Math.random()*200;

xh.alpha=Math.random()*1+0.2;

xh.scaleX=Math.random()*0.5+0.5;

xh.scaleY=Math.random()*0.5+0.5;

}

sj.start();

四、关闭动作窗口测试保存。

展开阅读全文

篇18:Flash怎么制作烛光动画特效

全文共 508 字

+ 加入清单

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

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

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

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

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

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

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

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

展开阅读全文

篇19:如何利用Flash制作蝴蝶飞舞的动画

全文共 508 字

+ 加入清单

我们经常会使用flash制作各种动物飞舞动画,那么如何制作蝴蝶飞舞动画呢?下面小编给大家分享一下。

工具/材料

Flash

操作方法

1

首先右键点击Flash顶部的文件菜单,选择导入下面的导入到舞台选项,如下图所示

2

接下来在弹出的界面中选择要导入的背景图片,如下图所示

3

等到背景图片导入进来以后我们通过对齐工具将背景图充满整个舞台,如下图所示

4

然后我们将准备好的蝴蝶图片拖到舞台中,注意蝴蝶图片需要是背景透明的,如下图所示

5

接下来选中蝴蝶的左翅膀,将其转换为影片剪辑元件,如下图所示

6

然后在第10帧的地方插入关键帧,如下图所示

7

接着在第10帧的地方选择变形工具,将蝴蝶左翅膀的形状改变,如下图所示

8

接下来将第一帧的效果复制到第20帧处,如下图所示

9

然后我们在第一帧到第15帧,第15帧到第20帧分别创建传统补间,如下图所示

10

接下来新建一个引导层,如下图所示,并利用画笔工具画一条引导线,如下图所示

11

然后在引导层的第一帧拖到引导线的开始处,如下图所示

12

接着在引导层的100帧处插入关键帧,并将蝴蝶拖到引导线的末尾,如下图所示

13

接下来调整蝴蝶图层的传统补间属性,勾选调整到路径复选框,如下图所示

14

最后运行Flash,我们就可以看到蝴蝶随着引导线的方向进行飞舞了,如下图所示

展开阅读全文

篇20:怎么利用Flash设计制作可爱的小兔子跷跷板动画

全文共 900 字

+ 加入清单

这个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复制一支胳膊作为耳朵,用任意变形工具调整形状,并用填充变形工具调整渐变的位置如下。

展开阅读全文