0

怎么用flash制作让花瓣飞舞的动画效果精选20篇

浏览

3607

文章

235

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

全文共 1020 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

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

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

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

展开阅读全文

篇2:flash怎么制作推窗的gif动画效果

全文共 1066 字

+ 加入清单

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

展开阅读全文

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

全文共 164 字

+ 加入清单

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

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

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

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

4、调整好相互的位置;

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

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

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

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

展开阅读全文

篇4:Flash如何制作漂亮的荧光文字效果

全文共 792 字

+ 加入清单

本教程是向大家介绍利用flash制作漂亮荧光文字效果,教程难度不是很大,主要使用了渐变填充等工具,新手朋友可以过来学习一下!

此实例的实现的是带荧光文字效果,在制作过程中主要使用了渐变填充等工具,通过简简单单几样工具便创造出了漂亮的文字特效。难点就在于图形、色彩编辑的技巧和填充工具的使用。通过对文字边框进行柔化处理,产生具有霓虹灯效果的荧光文字。最终播放效果如图所示,要实现这一效果,具体制作过程如下:

1.新建一个电影,在属性面板中设置其尺寸为480pxX150px,选择一种颜色(本例为#000099)作为背景色。

2.从工具箱中选取文本工具,在属性面板中设置字体类型设置成VladimirScrD,字体大小设置成100,在舞台上输入 “Flashghost”。选择工具栏中箭头工具,将文字移动到工作区中间。按键盘的“Ctrl+B”键,将文字打碎。

3.选择工具栏中墨水瓶工具,将墨水瓶工具参数栏中线条颜色设置成明黄色,线条宽度设置成1.0,将鼠标移动到工作区中,鼠标光标将变成墨水瓶形状,用鼠标依次点击文字边框,文字周围将出现明黄色边框。效果如图所示:

2.按Delete删除填充区域,效果如图所示:

4.选择工具栏中的箭头工具,按住键盘上的Shift键,依次双击每个字母外的明黄色边框,将他们全部选中,选择菜单“修改/形状/将线条转换为扩充”菜单命令,黄色边框被转变成可填充区域。

5.选择菜单“修改/形状/柔化填充边缘”,再按照如图所示的参数设“置柔化填充边缘”对话框,进行如图所示,点击“确定”按钮,关闭对话框。

6.选择工具栏中箭头工具,在工作区的空白处点击鼠标,取消对文字边框的选择。这时可以看到,明黄色边线两边出现了模糊渐变,保存作品,按“Ctrl+Enter”预览最终效果,就可以看见漂亮的荧光文字效果。

教程结束,以上就是Flash制作漂亮的荧光文字效果,希望大家喜欢本教程!

展开阅读全文

篇5:flash怎么制作一个小球从左运动到右的逐帧动画

全文共 266 字

+ 加入清单

flash2004软件制作一个简单的逐帧动画,一个小球从左运动到右,方法比较简单,适合新手来学习,一起来看看吧!

步骤

1、打开flash软件

2、在第一帧的地方右击,插入关键帧(或是直接按键盘上的F6键快捷按钮),在舞台上有用椭圆工具绘制小球,如图所示

3、把小球移动到最左边,然后在第二帧继续插入关键帧,然后用箭头工具向右移动箭头工具,依次插入10帧,如图所示

4、插入完成之后,我们测试一下影片,控制—测试影片(ctrl+enter)

5、测试过程中小球应该是一个运动的过程

6、最后我们要保存小球到我们需要的位置

7、保存到桌面上是这样的

展开阅读全文

篇6:如何使用Flash制作渐隐转场动画

全文共 492 字

+ 加入清单

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

工具/材料

Flash CS3

素材图片

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

1

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

2

通过“文件>导入>导入到舞台”,将素材导入到舞台。

3

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

4

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

二、缩放图片

1

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

2

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

3

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

三、制作透明动画

1

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

2

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

3

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

4

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

四、制作渐现补间动画

1

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

2

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

3

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

4

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

展开阅读全文

篇7:flash怎么制作一个图片四处翻动的运动补间动画

全文共 566 字

+ 加入清单

运动补间动画,是flash中很基础的动画部分,利用它,可以进行缩放、移动、旋转、改变透明度等动画制作。合理使用,可以出现不错的效果。参与运动的可以是元件、文字、位图、组合等。但是稍微复杂些的变化,只有元件可以完美完成。本例以图片的各种运动变化来看一看该补间的运用。

1、修改文档,使其与图片同比例,这样,图片更改后不会变形。

2、导入文件: 文件——导入——导入到舞台。

3、对齐面板中,点击“ 匹配宽和高”、“水平居中分布”、“垂直居中分布”, 使图片与舞台同大小、同位置。

4、F8键转换为图形元件,因为只这一个元件,没有改名,直接用元件1。

5、每隔15帧按下 F6键插入关键帧 ,直到第60帧。

6、 Q键调出变形工具 ,按住shift键,拖动变形框将元件同比例缩小。

7、 ctrl+C复制, 删除15、30帧的元件, Ctrl+shift+V将复制的元件原位粘贴入这两帧 。

8、将第一帧的元件移动至左上角,第15帧件移至右下角。

9、选择60帧元件, 菜单修改——变形—— 水平翻转 , 将元件翻转。

10、回到第一帧,右键—— 创建补间动画, 属性面板中将旋转改为“顺时针”。

11、第15帧创建补间动画,旋转选项栏里设为 “逆时针”。

12、30帧和45帧直接创建补间动画即可。第75帧按下F键插入帧,使动画结束后有短暂的停留,完成制作。

展开阅读全文

篇8:flash cs6如何利用遮罩制作一个简单的小动画

全文共 410 字

+ 加入清单

在看到一些在一个区域内动的动画觉得挺好玩的,其实可以用flash的遮罩来做。下面来分享一下。

1、打开flash软件,选择ActionScript2.0点击确定,就有一个空白的背景。

2、在右边选择文字工具‘T ’在空白的地方打上你喜欢的字,这里打上的是 G ,选择合适的大小,再选第三个拉大它如果还不够大。

3、点击油漆桶右下角三角形选墨水瓶工具,选择与字体也就下面那个不一样的颜色。

4、选左边第一个点击一下字体 CTRL+B, 然后用 墨水瓶工具点击下字体 ,就会出现下图的样子,点击delete,就会出现第二张图的字线框。

5、新建在图层2上右键选择遮罩层,左边图层标志就变成了蓝色像下图那样

6、在图层1选一定的帧数我的是60帧右键选插入 关键帧或f6 。

7、新建一个图层,选画笔,在G上画, 第二帧也是先画再按f6 ,接下来都是这样直到画完G, ctrl+enter就可以看到你的动画啦。

注意事项: 画笔那个是遮罩层哦。

展开阅读全文

篇9:flash怎么制作发光文字效果

全文共 728 字

+ 加入清单

今天在此利用flash制作一款发光文字效果,本效果主要利用了遮罩功能,现在就把制作的步骤和截图分享给大家,希望对你有所帮助和启发。

1、启动flash cs5,执行 ctrl+n 组合键,新建一个大小为800*600,背景色为#990000, 帧频为12fps的文档。

2、修改时间轴上图层1的名称为文字,选择工具箱里文本工具,设置字体为“ 王羲之书法字体”, 字号为150,字体颜色为#ffac00,在场景里输入“厚德载物”。

3、选择文字“厚德载物”,连续两次执行 ctrl+b组合键将文字进行打散 ,在文字图层40帧出插入帧。

4、在时间轴上点击创建新图层按钮,新建图层2,修改名称为“ 遮罩 ”,选择文字图层的所有文字执行复制命令,在遮罩图层的第一帧处执行 ctrl+shift+v原位置粘帖 。

5、在文字图层上面再新建一个图层,修改名称为“ 光线 ”,在颜色面板中设置类型为线性渐变,并设置渐变颜色, 并设置两端的alpha为0.

6、选择 工具箱里矩形工具 ,笔触设置为无,填充颜色设置刚才设置好的渐变颜色,在舞台拖拽出一个长方形。

7、选择矩形,右键单击该矩形从下拉菜单中 选择转化成元件命令 ,命名为 “光 ”,类型为图形。

8、在“ 光线 ”图层的40帧处按f6插入关键帧,将 “光 ”图形元件移动到文字的上方。

9、在“ 光线 ”图层1-40之间任意一帧处右键单击从下拉菜单中选择 创建传统补件动画。

10、选择“ 遮罩 ”图层,右键单击该图层,从下拉菜单中选择遮罩层选项,将该图层设置为遮罩层。

11、执行 ctrl+enter组合键 进行测试,测试完成后 执行文件-另存为命令 ,在弹出的对话框中输入“ 发光文字 ”,找到一个合适的位置进行保存即可。

展开阅读全文

篇10: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制作跟随鼠标旋转的星星动画效果过程,希望对新手朋友有一定的帮助!谢谢收看本教程!

展开阅读全文

篇11:如何用flash制作图片变形动画效果

全文共 322 字

+ 加入清单

这里给大家介绍一个所掌握的图片变形方法,下面一起来看看用flash制作图片变形动画效果,希望能帮到大家。

方法/步骤

首先选中时间轴第一帧——按矩形工具在舞台上制作一个矩形图案——记得去掉线条工具,因为线条是不会随填充变形的,影响美观,把矩形打散。

之后在40帧处插入一个空白关键帧。

再用椭圆工具绘制一个正圆,并且打散ctrl+b。

在时间轴中间用右键点击鼠标插入形状补间,不是动画补间哦。

可以浏览一下效果了,ctrl+enter测试影片

你就可以看到一个矩形慢慢变成正圆的全程,当然时间快慢你可以通过你插入的帧数来调,想快点就放30帧就可以了,慢点可以增加到80帧。

注意事项

注意不要添错了补间,动作补间是做移动动画是要用的,形状补间则是顾名思义做变形。

展开阅读全文

篇12:flash怎么制作特殊日子制作倒计时动画

全文共 1276 字

+ 加入清单

放上朋友、亲人、宝贝儿……的图片,洒上不断下落的爱心,写上倒计时,让我们来为喜爱的人、喜爱的事配一个美丽的画面,为即将到来的日子写一个倒计时吧。步骤较多,背景动画制作借用下面的经验引用,这里从制作飘落的心开始。图片大小所限,只截了一部分画面。

一、制作飘落的心

1、Ctrl+F8创建新元件,类型图形,取名心。工具栏中选择多角星形工具。

2、属性面板中点击”选项“按钮,在弹出的面板中将样式设为” 多边形 “,边数3。

3、在舞台上拉出一个三角形。选择工具拉动变线,使三个边成为弧形。

4、按住Alt键,拉住上部弧线中心下拉,成为心形。

5、颜色面板中将填充色类型改为放射状,填充条如图设置。第一个颜色alpha值改为50%。选中线条,删除(或者用橡皮擦的水龙头去除线条)。

6、创建一个影片剪辑元件,取名“ 飘落的心 ”。

7、库中拖入心 图片元件 ,锁定宽高,宽度改为50,回车。

8、层1上右键——添加运动引导层。

9、勾上“ 贴紧至对象 ”。N键调出线条工具,由心得变形点开始,向下拉出一条直线。

10、按住 Alt键 在线条上拉动,为线条添加节点,再将分割的每一段拉成弧线。

11、层1的 40帧F6插入关键帧 ,引导层的40帧F5插入帧。

12、层1第40帧元件移动至引导线末尾,注意变形点要与线条末尾对齐。 并将该帧元件alpha值改为10% 。

13、属性面板中补间动画的旋转项改为“ 顺时针”。

14、回到场景,层1放入做好的背景动画。水平、垂直居中,与舞台对齐。

15、新建图层2,将“ 飘落的心 ”元件放入,并复制多个,Q键调出变形工具,进行大小、方向,翻转等调整,使动画丰富。完成制作。

二、写入倒计时

1、T键调出文本工具,属性面板中选静态文本,设置好字体、字色、字号,写上文字。

2、在该文本框后再拉一个文本框,这次选为动态文本,同样设置好字体、字色、字号。

3、依然属性面板,滚动条下拉,在变量栏里为该动态文本起一个变量名。

4、新建一层,在时间轴写上如下脚本:

EndTime=new Date(2016,9,14,0,0,0);

// 定义倒计时结束时间,此处为生日年月日//注意,月份参数用0-11表示1-12月

NowTime=new Date();

//定义当前时间

zong=Math.floor((EndTime.getTime()-NowTime.getTime())/1000);

// 取得当前时间与结束时间相差的总秒数

if(zong>0){ tian=Math.floor(zong/(60*60*24));

//取得剩余天数

zong=zong-tian*60*60*24; shi=Math.floor(zong/(60*60));

//取得剩余小时数

DaoJiShiText=String(tian)+"天"+String(shi)+"小时";}

EndTime=new Date(2016,9,14,0,0,0);

这一句里的日期改为各人需要的日期即可。注意注释中关于月份的提示。最后一句就是在动态文本里显示的文字。

5、 Ctrl+enter 测试影片吧。

展开阅读全文

篇13: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();

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

展开阅读全文

篇14:Flash遮罩如何制作线条逐渐显示的汽车轮廓动画效果

全文共 849 字

+ 加入清单

这次用flash动画中的遮罩来制作线条从无到有显示汽车轮廓动画效果,教程介绍的很详细,适合新手学习,希望对大家有所帮助。

在flash中新建立一文件,大小可以放进你准备的图片,这里使用640x480px,白色背景.然后将汽车图片导入到flash中," 文件>导入>导入到舞台 "

在图层1的第一针上你因该可以看到你导入的汽车图片

点击汽车图片,你会发现图片周围显示灰色的框,说明图片已经被选中,随后按F8将图片转换为元件,在名称中打入"VWGOLF",在类型中选择"影片剪辑"!

按"确定"后,一个影片剪辑就完成了,双击这个影片剪辑,我们会进入名为"VWGOLF"的场景中

现在"场景1"是我们的主场景,场景"VWGOLF"是次场景

点"插入图层"新建一图层,新图层命名为LINES,并将我们之前的图片图层锁定

选择"线条工具"勾选汽车轮胎部分,如下面的动态图片过程

然后使用钢笔工具勾出整个汽车轮廓(所有的轮廓因该在新键的图层中画出)

现在我们为轮廓增加遮罩层(遮罩的原理是被遮罩的部分会显示,不显示未遮罩部分,flash里的渐隐基本都是使用此功能来做的)

新建一图层作为遮罩层,用刷子工具(设置如下图)沿着汽车轮廓图进行描边(请注意所有的描边因该在遮罩层上而不是汽车轮廓层上)

这里我们每描一部分线条,按一次F6键,建立一个关键针,(这样做的目的是最后汽车轮廓可以逐步显示出来)你可以查看下面的动态展示图

在mask层上按右键,将此层转换为遮罩层

我们复制图层,用同样的方法制作轮胎部分的遮罩效果,针数与前面的相同

现在我们回到图片所在的图层,拖动图片元件到25针左右

同时在第60针新建一关键针,按F6

选中图片元件(在最外面的主场景中),在低部属性中设置颜色为"高级",按右边设置按钮!

跳出windows框,设置参数如下

在图片层第30~60针之间随意点上右击,选"创建补间动画"

这样图片的渐隐效果动画就制作完成了

教程结束,以上就是Flash遮罩制作线条逐渐显示的汽车轮廓动画效果,希望对大家有所帮助!谢谢大家观看本教程!

展开阅读全文

篇15:如何在Flash cs3利用动作补间制作飞机飞行的动画效果

全文共 791 字

+ 加入清单

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

方法/步骤

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键就可以预览飞机从低飞到高空的飞行的动画效果了,大家快点动手做做,很好玩,很有趣的。

展开阅读全文

篇16:Flash如何制作敌人穷追不舍的追逐动画教程

全文共 1690 字

+ 加入清单

这篇教程主要向大家介绍利用flash制作敌人穷追不舍追逐动画游戏方法,教程不是很难,只是将sin,cos函数的应用罢了。会应用的话会发现很都游戏的制作都离不开三角函数。

还有的就是在一定的范围内追逐目标。

其实是计算出两点距离d后加一点判断,然后再执行移动

Rt△ABC,∠C=90度。。。∠A所对的边叫a..∠B的对边叫b...

sin∠1=a:c=a/c(对边比斜边)

cos∠1=b:c=b/c(邻边比斜边)

至于asin就是求sin的反值。。。sin是求边的比。。。那么asin就是用比来反求角的值

即asin(a:c)=∠1..

acos就是反求cos的值。。。

还有要用到的是钩股定理。。。

既a*a+b*b=c*c

如下图:

d就可以通过(m.x-m.y)的平方加上(m.y-s.y)的平方的和再开方来求出

然后用asin(abs(m.y-s.y):d)求出∠1...既s1的值...

继续往下看:

s1已知....i就是在1单位时间内移动的距离。。。。因为sin∠1=a:c

假设ss=sin(s1)

所以sin(s1)=a:c=a:i=ss,a=ss*i。

假设cos(s1)=b:c=b:1=cc,c=cc*i。

还有要注意的一个问题。。。。就是要计算出移动后的点的坐标。。。。

。。参照图2

(s.x,s.y)

要去追(m.x,m.y)那个红点。。。再参照图,当红点在蓝点的右上方时————即(m.x>=s.x && m.y>=s.y)

蓝点移动到的点的坐标就是。。。。(s.x+cc*i,s.y+ss*i)

在右下方(m.x>=s.x && m.y

移动后的点(s.x+cc*i,s.y-ss*i)

在左下方时(m.x

移动后的点(s.x-cc*i,s.y-ss*i)

在左上方时(m.x=s.y)

移动后点坐标(s.x-cc*i,s.y+ss*i)

源程序:

复制代码

代码如下:

stage.addEventListener(MouseEvent.MOUSE_MOVE,moves);

var i:int=int(q.text);

var mou:Sprite=new Sprite();//用来得到鼠标的坐标

var s1:Number=0;//角

var d:Number=0;//两点的距离

addChild(mou);

function moves(e:MouseEvent){

m.x=mou.mouseX;

m.y=mou.mouseY;

}

stage.addEventListener(Event.ENTER_FRAME,mm);

function mm(e:Event){

d=Math.sqrt(pf(abs(s.x-m.x))+pf(abs(s.y-m.y)));

s1=Math.asin(abs(s.y-m.y)/d);

if(d>=i){

if(m.x>=s.x && m.y>=s.y){

s.y+=Math.sin(s1)*i;

s.x+=Math.cos(s1)*i;

}else if(m.x

s.y-=Math.sin(s1)*i;

s.x-=Math.cos(s1)*i;

}else if(m.x=s.y){

s.x-=Math.cos(s1)*i;

s.y+=Math.sin(s1)*i;

}else if(m.x>=s.x && m.y

s.x+=Math.cos(s1)*i;

s.y-=Math.sin(s1)*i;

}

}else{

s.x=m.x;

s.y=m.y;

}

}

function abs(n:Number){

return(Math.abs(n));

}//计算绝对值

function pf(n:Number){

return n*n;

}//计算平方

//以下是设定速度的按钮

b1.addEventListener(MouseEvent.CLICK,se);

function se(e:Event){

i=int(q.text);

}

还有的就是在一定的范围内追逐目标。。。。

其实是计算出两点距离d后加一点判断。。。然后再执行移动。。。

教程结束,以上就是flash敌人穷追不舍(鼠标感应)的追逐动画教程,希望能对大家有所帮助!

展开阅读全文

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

全文共 678 字

+ 加入清单

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

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

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

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

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

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

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

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

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

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

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

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

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

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

提示:

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

展开阅读全文

篇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:如何用flash制作图片的缩放放大效果

全文共 498 字

+ 加入清单

在此为大家介绍一个flash新手知识,简单易学,是学习flash入门的能带动兴趣和熟悉flash这款软件最基础的知识,欢迎新手朋友观看。

方法/步骤

1、首先打开flashCS3,接下来的步骤直接在舞台上进行,当然也可以新建一个图形/影片剪辑元件来做,首先文件-导入-导入到库-将图片从库中添加到舞台。

2、之后到右边对齐面板找到相对于舞台,按下后开始主要工作,时间轴和图片调整,记得要先打散图片,图片位置居中对齐就行。

3、首先在第80帧处插入关键帧(关键帧是有复制前一帧的功能,至于时间上你也可以插入70帧,不重要)

4、之后在中间40帧处插入关键帧。

5、最后,在40帧处选中图片,在左侧找到任意变形工具对其进行放大,在80帧保持原来的大小。之后分别在1-40帧和40-80帧处的时间轴上右键点击,添加补间动画,不是形状补间。如果看到40帧处又变小了,再直接拉大就行了

6、进行预览,图片就展现出先放大后缩小的效果,速度比较慢,如果想快的话就把帧数调到40左右,则是快速放大缩小的效果

注意事项

注意其中可能出现图片位置不对的情况,这只要把另外两个帧用第一帧的复制帧就行,可以先补间后变形就不会出现此类问题了

展开阅读全文

篇20:PS如何利用滤镜制作水波粼粼的动画效果

全文共 589 字

+ 加入清单

这次经验不需要专门制作水波,只用一个滤镜,即可达成静态的水波粼粼的效果,剩下的就是合成动画。方法比较简单。也因此让我们体验到PS中滤镜功能的强大,下面就为大家介绍一下,来看看吧!

一、制作水波

打开一张图片,双击背景层解除锁定。

图片向上移动,留出一段空白,油漆桶工具将其填充上白色。

打开滤镜——Flood 104。如果你没有这个滤镜,可自行搜索下载,解压后复制到PS的Plug-ins文件夹中即可。

自行设置喜欢的水波,偏移量决定水面的高低。设置后的图。这样的静态图也蛮好看的。

Ctrl+J复制4个图层。这几层只要点滤镜中的种子即可在原设置基础上进行相应变化。

二、添加动画

窗口中调出动画面板。我喜欢用动画(帧),喜欢用时间轴的,可在面板右侧下拉菜单中选择。这里以动画(帧)为例。

点击“复制所选帧”,复制4帧。

按住Shift键选中所有帧。在“选择帧延迟时间”中设置满意的每帧停留时间。我设置的是0.2秒。

选择第二帧,在图层面板中隐藏副本4(点小眼睛即可)。依次每选一帧,关闭一个小眼睛,使每一帧显示不同图层。

点播放按钮测试效果。

注意看一下第一帧下方的重复选项按钮显示的是“一次”还是“永远”,如果不是喜欢的循环方式,点开下拉箭头,在其中修改。

保存。文件——存储为Web和设备所用格式。出现的面板中选Gif、可感知、透明度勾上。有兴趣的,每一个参数都可试试,对图像的清晰度等会有不同影响。

展开阅读全文