0

flash动画制作滚动的球(20篇)

一碗汤圆,品尽了人生的甘甜;一盏花灯,照亮了心情的纷乱;灯笼是中国独有的民俗元素,拥有其特有的文化内涵和象征意义。那么关于元宵节花灯制作方法你了解多少呢?小编分享元宵节花灯制作方法,欢迎学习!

浏览

7610

文章

152

篇1:FLASH怎么制作苹果从青到红的动画

全文共 166 字

+ 加入清单

flash模拟熟透的苹果,用到形状补间,注意形状补间的使用条件。

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

2、在图层1绘制 苹果树;

3、新建图层2绘制苹果;

4、将苹果适当的堆叠在苹果树上;

5、添加 关键帧 ;

6、添加补间动画;修改不合理的动画效果;

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

注意事项:

注意形状补间的连贯性

展开阅读全文

篇2:Flash如何制作庆祝春节的烟花绽放动画效果

全文共 678 字

+ 加入清单

本篇教程是向大家介绍flash制作庆祝春节烟花绽放GIF动画效果方法,教程没有运用AS代码,制作过程介绍地很详细,喜欢的朋友一起来学习吧!

1.首先使用一个至少用了4种颜色的放射填充。中间和外面的颜色透明度设为0%。第二和第三个颜色由你的烟花设计来确定。将这个渐变填转换为图形元件。

2.你需要创一个遮罩象本例一样爆发而出的烟花效果。将它转换为图形元件。

3. 将放射填充放进被遮罩层并锁定。这样只有被遮罩的部分才能看见。

4.在第一帧将遮罩和渐变缩得很小。渐变应比遮罩更小。

5.在时间轴上的一定的位置插入关键帧,将它们放大到300%。渐变至少要大于遮罩。

6.在更远的地方插入两个关键帧,将它们缩小到125%。渐变的透明度减弱到0%。

7.锁定这两个图层然后回车播放或测试你的影片。你将看到一个漂亮的令人满意的烟花绽放效果。

8.画一个轮廓并用两种颜色混合的线性渐变来填充它,两种颜色的外端透明度为0%.

9.将这个渐变用形状补间使它从下面直到上面并消失。

10. 即然这个轮廓的形状补间模似了从下向上爆发的效果,那么你不需要在时间轴上调整烟花为它腾出地方。

11.如果你将这个动画制作成一个元件,你将很容易复制并制作出不同颜色的烟花效果。

12.用一个新的放射填充元件编辑复制的元件。用一个较暗的背景将使烟花更加栩栩如生。

13. 将你的多个烟花效果实例拖到舞台上并让它们在不同的帧开始。

提示:

如果你有一个单色的背景比如黑色,最好不要在补间动动画中使用透明的形状,因为当多个动画效果重叠时它将会集中处理。用与背景相同的颜色替换透明的图形,这将会总是得到一个更好的重放效果 。

展开阅读全文

篇3:flash怎么制作一个桂花飘香的树下赏月的动画

全文共 539 字

+ 加入清单

中秋时节,金桂飘香。走出高楼,让我们坐在桂花树下,饮桂花茶、品桂花糕,在恬淡的香气、银色的月光里,静醉在中秋的夜色中,如下图所示。

1、 油漆桶工具 设置为线性渐变,填充条色标如图,将背景填充为夜色。

2、 Ctrl+F8 新建一个影片剪辑元件,取名星。绘制一个椭圆,填充白色。时间轴上设置三个关键帧, 然后将中间一帧的透明度改为50%。

3、舞台上新建一层,取名星。库中拖入星元件 ,按住Alt键复制 ,一个复制两个,两个选中,复制为四个……如此复制整个夜空;全部选中后,再次复制一面, 属性面板中将Alpha值降低 ,如图。成为有明有暗的星空。

4、新建一层,取名建筑。

①工具栏中调出Deco工具,属性面板绘制效果中选择“ 建筑物刷子 ”,高级选项里选择“摩天大楼4”。

②鼠标由下至上拉动,感觉高度满意时松开,刷出一栋高楼。

③对于超出高度的部分,可以鼠标选择后删去,再将楼顶下移即可。

5、绘制效果改为树刷子,高级选项中选择一种植物,在两栋楼之间的空隙处拉出一棵树,完成建筑物的制作

6、新建一层, 取名桂花 。将绘制好的桂花拖入(绘制方法见下面的经验引用),调整好大小、方向,放入左上角。

7、新建一个图形元件,取名桌子。分别用椭圆、线条、圆角矩形绘出桌面、桌腿与腿撑。渐变填充如图。

展开阅读全文

篇4:Flash如何制作飞翔的老鹰动画教程

全文共 396 字

+ 加入清单

简单的动画能增加课件色彩,使课件更加生动有趣。下面我将以飞翔老鹰为例,为大家介绍如何制作简单的动画。

方法/步骤

首先新建一个flash文档。然后在弹出的对话框中设置大小为288像素×209像素。背景颜色为白色等内容。

然后创建背景图层,需要导入“背景.bmp”文件,再选择第30帧,增加过渡帧。

接着导入gif动画。在文档基础上,新建一个图层,选中第1帧,执行【文件】——【导入】——【导入到舞台】命令,导入 “老鹰.gif”文件。

对插入的内容进行调整,可调整对象大小及相应的位置。将老鹰适当缩小一些,并适当调节它的位置。

图层上 添加文字。新建一个图层,输入“天高任鸟飞”。

最后测试存盘。

执行【控制】——【测试影片】命令,观察动画的效果。

如果满意,执行【文件】——【保存】命令,将文件保存成“飞翔的老鹰.fla”文件。

如果要导出Flash的播放文件,执行【文件】——【导出】——【导出影片】命令。

展开阅读全文

篇5:怎么利用Flash制作可爱的小丑吹泡泡动画

全文共 220 字

+ 加入清单

这个flash实例制作了一个有趣的“小丑泡泡动画,主要运用了椭圆、直线工具,以及任意变形和渐变填充等,操作简洁易懂,适合练习。先看下效果吧:

制作步骤:

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

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

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

展开阅读全文

篇6:Flash如何利用三方软件制作水波动画特效

全文共 404 字

+ 加入清单

利用flash三方软件,可制作很多炫丽多姿的FLASH特效。这里讲解一下利用FLASH三方软件sqirlz water reflections快速制作flash水波特效。方法简单快捷,让您五分钟学会FLASH水波制作。

制作教程:

1、利用图像处理软件,这里为photoshop。打开需要制作的图片。

2、查看一下大小。

3、这里,需要注意的是,我们的宽度不变,只设置高度即可。新建一个高度为两倍的新空白文件。

这里,需要复制刚才的图像,然后翻转一下。并保存起来。

4、点此下载水波制作软件,并安装。

5、运行软件。点一下继续。

6、点文件中的打开。打开刚才保存的文档。

7、点一下开始设置水水波区域按钮,然后在场景中,选下面的部分,作为水波效果区域。

8、选中之后呢,封闭后,点一下右键。这步很关键。。。然后形成封闭区域。

9、然后依次设置水波属性。

10、然后点击确定按钮。

11、然后保存为SWF格式的文件即可。

怎么样?很简单吧

展开阅读全文

篇7:Flash如何制作鼠标点击图片显示打散的动画效果

全文共 1095 字

+ 加入清单

本篇教程主要向大家介绍flash制作鼠标点击图片显示打散的gif动画效果方法,教程很不错,很值得学习,下面一起来看看吧!

1、新建Flash文档,550*400,其它默认。

2、创建影片剪辑,选椭圆工具,笔触无,填充色放射渐变,画一个椭圆,右键库中设置链接,类名Ball。

3、返回场景1,第一层建背景(随意),新建as图层,在as图层第一帧输入代码:

复制代码

代码如下:

//小球的初始位置

[code]//小球的初始位置

var ballx:Number = 275;

var bally:Number = 400;

//小球运动速度

var speed:Number = 5;

stage.addEventListener(MouseEvent.CLICK,shoot);

function shoot(e:MouseEvent):void

{

for(var i:int = 1;i

{

//从库中创建小球

var ball:Ball = new Ball();

//初始化小球位置

ball.x = ballx;

ball.y = bally;

//根据三角函数计算小球的速度

ball.spdx = cosD(i*-20)*speed;

ball.spdy = sinD(i*-20)*speed;

//注册enterFrame事件

ball.addEventListener(Event.ENTER_FRAME,ballMove);

e.target.addChild(ball);

}

}

function ballMove(e:Event):void

{

//获取小球的引用

var obj:MovieClip = e.target;

//设置小球的坐标,实现运动

obj.x += obj.spdx

obj.y += obj.spdy

if(obj.y550||obj.y>400)

{

//移除enterFrame事件

obj.removeEventListener(Event.ENTER_FRAME,ballMove)

//从显示列表删除

stage.removeChild(obj)

}

}

//角度转换为弧度

function angleToRadian(angle:Number):Number

{

return angle*(Math.PI/180);

}

function sinD(angle:Number):Number

{

return Math.sin(angleToRadian(angle));

}

function cosD(angle:Number):Number

{

return Math.cos(angleToRadian(angle));

}

展开阅读全文

篇8:Flash引导层制作飞船飞动的动画效果

全文共 562 字

+ 加入清单

flash引导层通常用于创建引导动画效果,实现物体按照指定轨迹运动。下面小编就与各位动画制作者们一起来探讨一下Flash引导层制作飞船飞动的动画效果方法,不会的朋友可以参考本文!

最终效果图:

步骤:

1、打开Flash,点击“ 插入”->“影片剪辑 ”项,创建一个名为“UFO”的影片剪辑。

2、接着绘制或者导入一张UFO的图片,效果如图所示:

3、然后再利用同样的方法创建一个名为“UFO闪烁”的影片剪辑。将“UFO”剪辑拖动到当前图层,并在第25桢插入关键桢,打开“ 属性 ”面板,改变其“ 色调”,效果如图:

4、在50桢插入关键桢,将UFO设置成第一桢的效果,然后在两个关键桢之间右击,选择“ 创建传统补间 ”项。最终创建如图所示的UFO闪烁效果。此步大家也可以根据需要进行自由创作。

5、返回主场景,将“UFO闪烁”剪辑拖动到当前图层,右击图层1,选择“ 添加传统运动引导层 ”。

6、接着利用钢笔工具绘制运动轨迹,效果如图:

7、接着在100桢处插入关键桢,利用“ 选择工具 ”分别将两个关键桢处的物体移动到轨迹线的两端。

8、最后右击,创建“ 传统补间动画 ”,就制作完成啦。按“Ctr+Enter"就可以进行测试啦。

教程结束,以上就是Flash引导层制作飞船飞动的动画效果方法介绍,大家学会了吗?希望这篇文章能对大家有所帮助!

展开阅读全文

篇9:flash 制作引导层动画

全文共 343 字

+ 加入清单

工具/材料

使用软件:flash

操作方法

1

我们在桌面上双击flash的快捷图标,将flash这款软件打开,进入到flash的操作界面如图所示:

2

打开flash之后在工具箱内找到矩形工具,如图所示:

3

使用矩形工具在舞台上绘制出一个矩形,然后在时间轴的第60帧处单击鼠标右键在右键在菜单里找到插入关键帧选项,如图所示:

4

插入关键帧之后,然后将矩形移动到右下角,然后在第一帧和第60帧处再单击鼠标右键在右键菜单里找到插入传统补间动画选项,如图所示:

5

然后我们再在图层1上单击鼠标右键在右键菜单那里找到添加传统运动引导层选项,如图所示:

6

点击添加传动运动引导层选项添加引导层啦,后再在工具箱内找到画笔工具,如图所示:

7

选择画笔选项在舞台上绘制出曲线,然后分别调节矩形到曲线的两个端点上,这样我们的引导层动画就制作好了,如图所示:

展开阅读全文

篇10:Flash如何制作红叶飘落的GIF动画特效

全文共 882 字

+ 加入清单

本教程是向大家介绍利用flash制作红叶飘落的GIF动画特效教程,希望大家通过本教程能举一反三再来学习,红叶的制作,主要学习内容是,如何灵活运用引导层。

素材1

制作方法:

1、建新文档。

2、文件--导入--导入到库。把背景图片和叶子图片导入到库。

打开对齐面版,相对于舞台,水平中齐,垂直中齐。把背景和舞台对齐。

3、点窗口--库, 在1 帧,把背景图从库里拖出舞台,调整与舞台一样大小。把图层1 改为背景层,右键点背景,转换为图形元件,名:背景。在300 帧点左键,插入帧。

4、锁定背景层,新建图层1,在第1 帧,从库里把叶子图片拖出舞台, 选取工具栏中的任意变形工具把叶子调好方向大小,对叶子点右键, 转换为影片剪辑元件,名:叶子。

5、在250帧点右键--插入关键帧,在1~250帧内任选一帧点右键创建补间动画,建立1~250帧的叶子运动,在属性栏面版上在“调整到路径上”打勾:

6、锁定图层1 。添加运动引导层,选用工具栏中的铅笔工具,笔融颜色随意,附属选项:平滑。填充色无。在引导层的第 1帧 画一条平滑曲线,即叶子运动轨迹。

7、锁定引导层,打开图层1,把1 帧的叶子元件拖到引导线的上端。注意:一定要把元件注册点压在引导线上。

8、鼠标移到250帧,把1 帧里的叶子元件拖到引导线的下端。记住要把元件注册点压在引导线上。

9、按回车测试,叶子顺利飘落。锁定图层1 打开引导层,复制第二条引导线,增加图层2,在图层2 的第11帧,把库里的叶子元件拖出舞台放在第二条引导线的上端,在第260帧插入关键帧,11~260帧内任意1帧点右键创建补间动画,点260帧,把引导线上端的叶子元件到下端,把属性栏面版上在“调整到路径上”打勾

10、不断重复第10步,每复制或重新画一条引导线,就相应加一图层,每新图层比前图层后退10帧 ,直到您认为叶子够了为止。

这是第10层时间轴的前部份

11、OK!测试影片。文件--另存为,导出源文件 *.fla 文件--导出影片,把弹出菜单中的由下而上改为由上而下,确定,导出影片文件 *.swf

这个方法只适应初学者,更进一步可以使用AS让树叶飘落。

展开阅读全文

篇11:Flash如何制作一个行走的小人动画

全文共 902 字

+ 加入清单

flash软件作为一款矢量级动画制作软件,用来创作运动动画人物是件很轻易的事情。但是对于初学者来说,往往不得要领,无从下手。下面制作一个小白级的运动的小人,以帮助那些刚接触动画设计的网友。希望借此起到抛砖引玉之效果。下面就请看具体的制作方法。

1、打开Flash,点击【 文件 】→【 新建 】,在打开的“新建”窗口中选择“ Flash文件(ActiveScript 3.0 )“, 然后点击”确定“创建空白文档。

2、点击【 插入 】→【 新建元件 】,在打开的”新建元件“窗口中,将名称设置为” 运动的小人 “,勾选”影 片剪辑“, 然后点击” 确定 “按钮。

3、点击【 文件 】→【 导入 】→【 导入到库 】,然后在打开的”导入到库“窗口中,选择事先准备好的小人走动姿势图片,全部选择并点击” 打开 “按钮,导入到库。

4、在图层1 的第一帧,把库中的“ Result0 ”拖动到场景中。

5、点击“ 时间轴 ”上的“ 新建图层 ”按钮,创建图层2,然后在图层2的第5帧处,点击【 插入 】→【 关键帧 】,把库中的“Result1”拖动到场景中。

6、利用同样的原理,将” Result2 “、 ” Result3 “和” Result4 “分别到图层3、图层4和图层5中,对应的帧分别为10、15和20处。

7、最后调整各个图层图像的延续时间。至此,运动的小人影片剪辑制作完成。

8、切换至主场景中,使主场景处于活动状态,点击” 属性 “面板中的” 大小 “按钮,将场景的大小设置为”800*300“,同时将背景色设置为” 黑色 “点击” 确定 “按钮。

9、从库中将” 运动的小人“ 影片剪辑拖动到场景左边外边。

10、然后在”时间轴“第30帧处,点击【 插入 】→【 时间轴 】→【 关键帧 】,在30帧处插入关键帧,然后将小人从场景的左侧外面拖动到场景右侧外面。至此,整个动画设置完成。

11、在1到30帧之间鼠标右击,选择” 创建补间动画 “。

12、最后按下键盘组合键” CTRL+Enter“进行测试 。如果感觉小人运动不规律,可适当将1至30帧的距离调整的稍微大一些,直到满意为止。最终效果如图所示。

展开阅读全文

篇12:Flash如何结合Photoshop制作图片模糊渐变动画

全文共 635 字

+ 加入清单

在一些片头动画里经常能看到很炫的模糊效果,极具视觉冲击。高质量的模糊效果大多利用photoshop处理后才导入flash中进行制作。其实,在Flash中也可以利用其脚本功能来实现动态模糊的效果,效果还是不错的。下面就为大家介绍Flash结合Photoshop制作图片模糊渐变动画,喜欢的朋友可以一起来学习。

首先用Photoshop制作两张图。一张清楚的,一张模糊的(可以用Photoshop的高斯模糊滤镜)。

然后把两张图片导入到FLASH中,分别建立三个图层,顺序依次为:清楚的图片(最下面)、模糊的图片(在中间)、最上层为AS。

最重要一点:选中模糊的图片。按下F8将其转换为movieclip,同时在属性面板上将其实例名命名为blurred。

在as层上加入如下代码。

复制代码

代码如下:

var myColor:Color = new Color(blurred);

var white:Object = {ra:100, rb:255, ga:100, gb:255, ba:100, bb:255, aa:100, ab:255};

myColor.setTransform(white);

setc();

function setc(){

onEnterFrame = function(){

white.rb-=5;

white.gb-=5;

white.bb-=5;

white.ab-=5;

myColor.setTransform(white);

}

}

按Ctrl+Enter测试。

展开阅读全文

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

展开阅读全文

篇14:用flash制作5秒倒计时的gif动画效果

全文共 717 字

+ 加入清单

这篇教程主要是向大家介绍用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键测试一下影。

展开阅读全文

篇15:FLASH如何制作一个小车一直往前推的动画

全文共 164 字

+ 加入清单

flash模拟推小车动画,用到补间动画,感兴趣的朋友可以来看看。

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

2、新建5个图层,并且命名;

3、在各图层添加对应的图画;

4、调整好相互的位置;

5、 在第50帧处添加关键帧;

6、添加动画调整图层的顺序;

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

注意事项: 图层的先后关系。

展开阅读全文

篇16:Flash如何制作跟随鼠标旋转的星星动画效果

全文共 3470 字

+ 加入清单

本教程是向大家介绍flash制作跟随鼠标旋转星星动画效果,教程介绍的很详细,并对每个代码进行解析,非常适合新手学习,希望对大家有所帮助!

第一步:

打开FLASH,新建一个影片剪辑元件,命名为“星星”,在里面绘制一个星星出来,并且把它的中心点和舞台注册点对齐,在第20帧和第40处各插入一个关键帧。选中第20帧,在它的中心点和舞台的注册点对齐的情况下按住SHIFT键进行等比例缩小(你认为差不多就行了),然后选中第1到20帧的任意一帧创建补间动画,打开属性面板把它的转调成逆时针,选中第20到40帧的任意一帧创建补间动画,打开属性面板把它的转调成顺时针。

第二步:

在新建一个影片剪辑元件,命名为“转圈的星星”,在图层面板的地方找到“添加运动引导层”添加一个引导层出来,在选中该图层的情况下按住AIT+SHIFT键在舞台上绘制一个有边框无填充色的圆(大小你认为合适就OK),然后用鼠标圈住它的一点边选中后删除(这样做是给它一缺口),选中绘制好的圆,把它的左和上对齐舞台中心的注册点,选中第40帧处添加一个帧,锁定该图层,选择第一个图层把我们库中的星星拖进来并把它的中心点对齐引导层中圆的上边的那个缺口的地方,选中第四十帧插入一个关键帧把它的中心点对齐引导层中圆的下边的那个缺口的地方。回到舞台,把库中转圈的星星放到舞台任意位置,并给它一个实例名称mc。

第三步:

继续插入一个影片剪辑元件,命名为“as",选中第一帧添加以下代码:

复制代码

代码如下:

var k:Number=64;//用来定义星星的个数;

var n:Number=16;//用来定义一圈星星的个数;

var r:Number=2;X坐标和Y坐标的缓动,值越大跟随鼠标移动时就越慢;

for(var i=1;i

duplicateMovieClip("_root.mc","mc"+i,i);

setProperty("_root.mc"+i,_rotation,360/n*i);

setProperty("_root.mc"+i,_alpha,100/k*i);

}

setProperty(_root.mc,_visible,0);

选中第二帧处插入一个空白关键帧添加以下代码:

复制代码

代码如下:

for(var j=1;j

setProperty("_root.mc"+j,_x,_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/r);

setProperty("_root.mc"+j,_y,_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_root["mc"+j]._y)/r);

}

选中第三帧处插入一个空白关键帧添加以下代码:

复制代码

代码如下:

gotoAndPlay(2);

添加完代码以后回到主场景;

第四步:

把库中名为as的元件拖放到舞台上,给它一个实例名称mc0.在主场景内添加一个图层在第一帧加上拖动代码:

复制代码

代码如下:

startDrag("_root.mc0",true);

注意这里是mc0不是mc,虽然你拖动的影片里面没有东西,在下面后细说的;

做到现在就算完工了,在这里就把重点的地方说一下。N为什么是它的一圈星星的个数

在第一个for循环语句里有这样一段,

setProperty("_root.mc"+i,_rotation,360/n*i);

看它的_rotation的值是360/n*i

也就是"_root.mc"+i,_rotation=360/16*i

也就是

_root.mc1._rotation=360/16*1

_root.mc2._rotation=360/16*2

_root.mc3._rotation=360/16*3

_root.mc4._rotation=360/16*4

_root.mc5._rotation=360/16*5

_root.mc6._rotation=360/16*6

_root.mc7._rotation=360/16*7

_root.mc8._rotation=360/16*8

_root.mc9._rotation=360/16*9

_root.mc10._rotation=360/16*10

.............._root.mc64._rotation=360/16*64

也就是说把360度平均分成16份,它们的角度就是这个值,360/16=22.5。

第一个MC的角度是从原MC角度22.5的地方开始复制出来的,第二个MC的角度是从原MC角度45的地方开始复制出来的,第三个MC的角度是从原MC角度67.5的地方开始复制出来的,直到乘到17的时候就重叠了,因为360/16*6=382.5,角最大值是360,当到382.5的时候它就把360看成0来计算了,结果就是22.5,当你把N的值调大的时候,比如36它就会有36个星星围成一圈了,360/36*i 也就是mc1角度是10*1,mc2的角度是10*2 ,mc3的角度是10*3 当乘到37的时候它的角度多了10也就是370,第37个MC的角度会是原MC角度的370-360也就是10,这就是N的值等于一圈星星的原因。

我们在主场景第一帧里放的代码明明是拖动的MC0,为什么MC复制出来的影片会跟着鼠标走,把在AS第二帧设置X、Y坐标的循环代码拿下来分析一下:

复制代码

代码如下:

for(var j=1;j

setProperty("_root.mc"+j,_x,_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2);

setProperty("_root.mc"+j,_y,_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_root["mc"+j]._y)/2);

}

看它的X坐标,

setProperty("_root.mc"+j,_x,_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2);

setProperty这句话是说设置括号内(目标,目标的属性,该属性的值);

我们现在的目标就是主场景上面的mc1,mc2,mc3,mc4,mc5......mc64;

它们的X坐标值各是多少,为什么会跟随鼠标移动,我们来仔细地看下它们的值

_root.mc+i._x_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2

也就是

mc1._x=mc1._x+(mc+(j-1)._x-mc1._x)/2

假设mc1现在的坐标是300

也就是mc1._x=300+(mc+(j-1)._x-300)/2

现在我们已经得到两个数字了,还有一个mc+(j-1)._x,先算括号内,j-1第一次运行循环的时候j的值是1,就是1-1,也就是0;也就是mc+0,也就是mc0,也就是我们拖动的那个没有东西的影片剪辑。mc0是跟着我们的鼠标动的,上面搞清楚后,我们就在给mc0也就是我们鼠标的坐标假设一个值。随便设定一个我们就假设100吧,值有了我们在接着做算术。

mc1._x=300+(100-300)/2

也就是

mc1._x=300+负200/2

也就是

mc1._x=300+负100 //注意下负值是越乘负的越多,越除负的越少,加减相反

也就是

mc1._x=200;

当计算机运行到这里时,mc1的坐标是200了,但200还不符合我们所看到的效果,我们运行的时候是它的坐标是跟着鼠标走的,那么程序会接着往下走,它就会执行设定MC2的坐标了,MC2的坐标会是250,接着是MC3的坐标是275,总之是越往下它们坐标的间隔就会越小,你自己可以测试下看。

当循环完64次以后程序跳出循环了,那么就会TOGO到下一帧,执行gotoAndPlay(2);

又回来了,接着又是循环64次,代码还是相同的代码,不一样的是这次的坐标都是已经设置过的了,我们在看一下MC1现在的坐标是多少了,上次设置过后是200,那么现在是

mc1._x=200+(100-200)/2

也就是

150

这个坐标值会离鼠标越来越近的,直到和鼠标的坐标一样,那么相同后面的MC也一样会近,直到它们的坐标和鼠标相等为止,而且它们的坐标永远也不会小于鼠标的坐标。

教程结束,以上就是Flash制作跟随鼠标旋转的星星动画效果过程,希望对新手朋友有一定的帮助!谢谢收看本教程!

展开阅读全文

篇17:Flash如何制作超酷的火焰文字动画效果

全文共 1555 字

+ 加入清单

这篇教程向朋友介绍利用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%。

展开阅读全文

篇18:如何用flash制作数字百分比加载中进度条动画

全文共 320 字

+ 加入清单

下面为大家分享用flash制作数字百分比加载中进度动画方法,教程很不错,介绍也很详细,一起来学习吧!

方法/步骤

1、打开flash,新建一个flash文档

2、用文本工具输入文字,想写什么自己定,但是与%符号中间要隔开一点距离哟!

3、载使用文本工具做一个框,在属性栏中将属性改成动态文本。注:属性栏的快捷键是:ctrl+F3。

4、将动态文本框拖到%前面,并且加变量:X。

5、F6添加两个关键帧。

6、第一帧加函数:x=1。

注:函数面板快捷键:F9。

7、第二帧加

函数:if(x

{x=x+1}

else

stop()

8、第三帧加函数:gotoAndPlay(2)

9、制作成功啦,ctrl+回车 查看效果

注意事项

函数区分大小写

第三步一定要注意是动态文本框

展开阅读全文

篇19:无停顿不间断图片滚动的动画效果制作方法

全文共 703 字

+ 加入清单

本例为Flash入门实例教程,图片间断滚动是flash动画常用的效果,比如运动的背景等。这个效果的一个难点是可能产生的停顿,一些新手朋手总是处理不好这个问题,那么今天我们做一个练习,让图片滚动起来,同时拒绝停顿。希望新手朋友可以认真学习!

下面是效果:

1. 首先准备要滚动的图片,将几张图片导入到flash库中,分别在库中右击它们,选择属性,将“使用导入的JPEG品质”前的钩去掉,这样文档的体积会小很多。

点击 插入>新建元件,新建一图形元件,将库的图片拖到舞台上,首尾相接拼好。

2. 回到主场景,将图片元件拖到舞台上,打开对齐面板,选择相对舞台,左对齐,垂直居中对齐。

3. 在第101帧插入关键帧,将图片水平移到左面刚好舞台之外,使图片元件的右边与舞台的左边对齐。

4. 创建补间动画。选择第一帧,在图片元件上点右键>复制。然后将图层上锁。

5. 新插入一层,图层2,在第1帧,点 编辑>粘贴到当前位置。在第101帧插入关键帧。

6. 回到图层2的第1帧,将图片水平右移,使它与第1层的图片对接。创建补间动画。

7. 按住shift键,同时选中图层1和图层2的第100帧,点击右键>插入关键帧。

8. 按住shift键,同时选中图层1和图层2的第101帧,点右键>删除帧,将两层的第101帧删除。

OK,测试影片吧,现在图滚动起来了,而且没有停顿了。

图片不间断滚动的关键是第1帧和最后1帧位置完全相同,所以用复制第1层的第1帧,粘帖到第2层的最后一帧相同位置,达到了这个目的。但正因为第1帧和最后1帧位置完全相同,即在该位置会有两帧(最后1帧和第1帧),这样就会产生1帧的停顿,所以将最后1帧删除后,避免了这个停顿。

展开阅读全文

篇20:如何用flash制作字母变换动画效果

全文共 1285 字

+ 加入清单

这篇教程是向大家介绍利用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替换成一个只有一帧的字母符号,就完成了这个效果。制作过程中比较麻烦的每个符号的坐标位置。

展开阅读全文