0

flash动画制作教程遮罩动画(20篇)

读书卡的内容,相信很多人都有了解,特别是低年级孩子的家长朋友推荐一种读书笔记的好方法——制作读书卡。下面问学吧给大家分享读书卡的制作方法,希望能帮到大家。

浏览

2974

文章

157

篇1: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帧添加一部分,产生雨越来越多的效果。可用复制一片,粘贴后再移动位置的方法。

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

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

展开阅读全文

篇2:Flash怎么制作火柴棍人光剑短打动画制作

全文共 2017 字

+ 加入清单

首先在这先感谢Joseph,如果不是他前段时间出现在论坛上,让我突然有了做光剑格斗的灵感,我恐怕还埋没在无穷的基础动作练习中~~~PS:偷了你星战作品中的几个音效,不介意吧?

OK,转入正题。五一期间赶工做了一个双人光剑的短打,改进了不少制作方法,在光剑的处理上加入了滤镜,效果颇好~~~群里和论坛上有部分朋友要求进行一些经验的交流,我在这就谈谈我的制作经验。五一光剑练习效果:

没耐心看完的这里提供带图WORD文档下载~~呵呵

SWPDocument.rar

一、准备工作

模板文件(Template.fla),以及flash8或更新版本(因为要用到滤镜)。这里提供源文件和模板文件(主要提供了相应的音效)下载。

源文件:Template.rar

模板文件:SWP2fla.rar

二、整体设置

先简单说下我的源文件整体设置:

主场景大小:400*250

背景:一个比主场景稍大的矩形,这样做是因为它比直接用背景的颜色更方便修改。

帧频:25帧/秒

文件:2个FLA文件(注:强烈推荐在开始做之前,将源文件另存为另一个文件,这样可方便测试,测试部分最后再详谈。制作时,隔段时间另存为一次,也能有效地应付诸如停电或死机之类的突发状况。)

三、绘画

人物的图层当然是经典的鬼人式(呵呵):头、躯干、四肢各一个图层。(小技巧:我习惯于将人物的各个空白图层先命好名,比如RL:右脚,然后将这些图层放入一个影片剪辑中,下次要重画一个人物时,只需在影片剪辑中把相应的图层选中,再复制到主场景中就可用了,很方便。)

人物的身高在制作时,我个人觉得相当难保持。因为人物进行各种动作时,身体各部位经常变化位置,造成了画的时候人物越来越矮或越来越高。我喜欢在时间轴的顶层放上一图层,专门用于画辅助线,来帮助我们将人物的身高归位。

四、光剑

没有光剑的炫丽效果,就没有星球大战系列电影的成功。这句话确实不假。本文的重点也在于这个部分。仔细看过星战的朋友会发现,光剑在移动时,是呈扇形的,因此,在光剑FLASH的制作中,合理地调整扇形就尤其重要。这里推荐使用白色的扇形……具体原因……看星战电影就知道……随着移动速度地加快,光剑形成的扇形越来越大。

如果是平行地挥舞光剑,则把相应形状的扇形用自由变形工具压缩。两个扇形之间的过渡有一些讲究,只要不是很快速地移动,那么前后帧的扇形就应该遵守这个规则:后一帧扇形的尾边和前一帧扇形的首边重合。

光剑做好后……嘿嘿,想看效果了吧~~~~不过滤镜只对影片剪辑有用,所以我们要看到最终的效果,就得把光剑所在帧转化为影片剪辑才行。我的方法如下:

1、光剑所在图层命名为LS1,LS2,LS3……,每个图层转成的相应影片剪辑也命名为LS1,LS2……方便日后修改。

2、选中光剑所在图层的所有帧,新建影片剪辑(名字为相应图层名),将帧复制进去。

3、切出来,把影片剪辑放到光剑出现的第一帧,打开图层的线框显示模式。

4、调整至刚好重合,然后再选中该层的最后一帧,剪切帧(这个操作的用途过会说)。

5、把该图层除了第一帧外的所有帧删掉,然后在原来最后一帧的位置插入帧(快捷键F5)。

6、OK,回到第一帧,选中影片剪辑,添加滤镜吧~~~我用的是发光,模糊X,Y都是8,颜色自定,强度227%。

7、测试看看效果吧~~酷不酷?

相信大部分人在制作的时候会选择做好一部分就测试一次效果吧?所以让我们再次回到FLASH制作界面中。想继续制作光剑,可发现下图的情况:

找不到此时光剑的位置和大小了!OK,此时上面所提到的“剪切最后一帧”的作用就出现了。在光剑图层的最后一帧的后一个帧的位置粘贴一下,怎么样?知道怎么继续做了吧~~~不必把以后制作的光剑帧重建影片剪辑再套滤镜,只要重复上面的步骤,把相应的帧添到相应影片剪辑的后面接上就成~~~

五、声音

关于声音,我提供一个自认为不错的技巧吧~~~先把声音的图层用“插入帧”扩展得很长很长……多长大家看着办,用着方便就行,呵呵,然后再插声音,这样子就可以看到相应的波形,便于动作和声音的同步~~

对了,有必要的话,就多给声音加几个层,处理多个同时发出的声音时很好用。声音也可以用按住alt键的方法来复制,如果有多个地方使用同一个声音,用这个方法比一个一个选效率要高(主要是因为在下拉菜单中选择要用的声音文件很浪费时间)。

六、误操作

制作期间发现一个比较牛X的误操作,相当猛……使用元件,在调整它的位置时,千万不要把鼠标滑太快,以至于滑到“库”的范围里去了,否则会弹出一个菜单,告知你是否将其转成元件,我当时不幸选择了否……结果这个元件就没了……然后就……

七、测试

我的测试一般是在一开始另存为的那个源文件中进行的,相对于直接用原始源文件测试,优点如下:

可以自由添加开始、停止按钮(这个东西一般人在作品完全收工前,应该不会想加的吧……)光剑效果可以一次完成,方便~~~不像在原始源文件中那样,用一次加一次~~~当然……最重要的是防停电……我这经常是……

展开阅读全文

篇3:flash动画如何制作网页中演示类

全文共 986 字

+ 加入清单

在工作中所遇到的涉及到flash的项目一般会根据其具体应用分成两大类:演示类 交互类为了使项目更加快速有效的完成并且保证工作质量,使源文件从结构上更加的简洁易读,有必要遵守一定的规范进行制作

演示类Flash动画指的是单纯的以展示为目的的动画,包括专题片头.广告.动态banner,以及部分电子杂志的内页等等。

通常这些项目在制作之前会先完成平面效果图,然后根据平面效果图制作动态效果。如果平面效果和动态效果不是由同一个人完成的,那么要先了解平面效果图设计者所想表达的设计理念以及想法。事实证明,适当的沟通是非常必要的。

逻辑结构: 通常主场景里面只放一个单独的movieclicp,所有的动画全部做在这个mc当中。

发布设置: 整个影片的遮照层放在最外面的主场景上,养成良好的命名习惯,对每个图层和元件进行命名是必要的。通常设置整个flash属性桢频为24fps,背景大小根据实际需要调整。发布中设置基本是flash默认设置,有特殊需要根据需求进行调整。

外部导入文件以及相关优化: 当需要从外部导入其他文件如图片.音频.视频的时候,在导入之前应当对外部文件进行优化处理,尽量控制外部导入文件的大小。

特殊视频输出以及相关设置: 当需要输出avi等格式视频文件的时候一定要把mc设置成图形的格式放置于主场景当中。主场景的时间轴不能小于mc内部的桢数否则无法全部显示。

逐桢动画: 制作逐桢动画的mc不要大量使用元件,尽量使用组。合理的利用洋葱皮工具根据传统的手绘动画原理即可制作出理想的逐桢动画。

文本文件: 在flash中使用的正文文本通常为动态文本,因为可以从外部读取xml方便更新。动态文本在遮照效果下通常无法显示,需要给文本加一个滤镜(任意效果)所有属性值为“0”,这样就可以显示了。

title或者特殊文字效果可以直接在flash中利用静态文本制作,如果觉得效果不理想可以在ps中制作成图片然后从外部导入。

尽量避免在同一时间内安排多个对象同时产生动作。有动作的对象也不要与其他静态对象安排在同一图层里。应该将有动作的对象安排在各自专属的图层内,以便加速Flash动画的处理过程。

用LoadMovie命令减轻Flash一开始下载时的负担。若有必要,可以考虑将Flash划分成多个子文件,然后再通过主Flash里的LoadMovie。UnloadMovie命令随时调用、卸载子文件

展开阅读全文

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

展开阅读全文

篇5:FLASH如何制作逐一出现的生日快乐动画

全文共 227 字

+ 加入清单

flash软件制作一个生日快乐的动漫,用到动画补间和引导图层。

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

2、选择文本工具,输入生日快乐,然后 选择修改命令 ,分离一次;

3、 把每个字分别转换为元件,改变元件的颜色;

4、新建2、3、4图层并且把各元件分别置于1-4的图层中;

5、对每个图层添加引导层;并且在引导层内绘制引导线;

6、进行动漫编辑,

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

注意事项: 注意引导层与原件动漫的连续性。

展开阅读全文

篇6:如何在flash中制作一个篮球落地的动画效果

全文共 403 字

+ 加入清单

下面教大家在flash制作一个篮球落地动画效果方法,很简单的,大家按步骤很快就能学会了。这是预览图,效果是先慢慢的上,再越来越快的下落,符合自由落体哦。

方法/步骤

第一步,我们在舞台上画一个球形,用的是选择工具。

第二步,我们把它绘制一个更像篮球的形象,这样在中间多加几条线条,并且把线条调整成弧形就不错,

第三步,我们分别在第30帧和第60帧处插入关键帧,并且插入补间动画。

第四步,我们做动作,就是在第30帧处把球往上抛,所以把它垂直移动到上空200码或者更多,再在60帧处把它移动到右边一段距离,这是为了形成掉下来再往右滚的动画,更加形象化。

第五步,单击1-30帧处的补间,看到下方有一个补间下面有一个缓动字样,右边的数值调整到+100,是越来越慢的效果。

第六步,单击30-60帧处的补间,同样在下方的缓动的数值调到-100,这是越来越快的效果,加上音效就变得生动了起来,如果能做出球的滚动效果就更好了。

展开阅读全文

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

全文共 220 字

+ 加入清单

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

制作步骤:

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

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

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

展开阅读全文

篇8:利用Flash CS4制作树枝的伸展动画效果

全文共 1298 字

+ 加入清单

本例将使用图形动画的同步播放原理来制作树枝伸展动画

本例思路

.使用绘图工具绘制树枝。

.利用遮罩功能为树枝制作同步伸展动画。

Part 1 绘制树枝

(1)新建一个尺寸为550×300像素,帧频为25fps的空白文档,然后制作出一个放射性绿色背景,如图3-1所示。

图3-1 制作背景

(2)新建一个图层,使用“线条工具”和“铅笔工具”绘制树枝的图形轮廓,如图3-2所示。

图3-2 画图

(3)使用绿色填充图形,然后删除轮廓线,再按F8键将其转化为图形元件,名称为“树枝”,如图3-3所示。

图3-3 转换为图形

(4)进入图形编辑区,然后新建一个图层,用于制作树枝的遮罩层,使树枝向上伸展,如图3-4所示。

图3-4 制作遮罩层

(5)下面绘制树叶。使用“椭圆工具”绘制一个椭圆,然后使用“移动工具”将其调整成树叶形状,如图3-5所示。

图3-5 绘制树叶轮廓

(6)打开“颜色”面板,设置类型为“线性”,然后设置第1个色标颜色为(R:137,G:248,B:24),第2个色标颜色为(R:91,G:199,B:12),填充效果如图3-6所示。

图3-6 填充颜色

(7)复制一份树叶,然后按Ctrl+G将树叶组合起来,并调整好其位置,再将其转换为影片剪辑(名称为“叶子”),如图3-7所示。

图3-7 复制图形

(8)将树叶放置在树枝上,然后调整好位置和大小,如图3-8所示。

图3-8 调整树叶

Part 2 制作伸展动画

(1)选中所有叶子,然后按Ctrl+Shift+D组合键将其分散到各图层上。

(2)选中所有叶子图层的第15帧,然后按F6键插入关键帧,再选中第1帧,使用“任意变形工具”将叶子调整成如图3-10所示的效果。

图3-10 调整叶子形状

技巧提示:

为了在下一步创建传统补间动画时使叶子从根部产生慢慢放大的效果,因此在变形叶子的时候需要按住Shift+Alt组合键将叶子做等比例缩放。

(3)选中所有叶子图层的第1帧,然后在该帧单击右键,并在弹出的菜单中选择“创建传统补间”命令,如图3-11所示。

图3-11 创建传统补间动画

(4)为了让树枝的伸展动画节奏与叶子的动画节奏相配合,所以当树枝伸展到叶子所在位置时叶子才能播放伸展放大动画,因此要调整补间动画的位置,如图3-12所示,调整完后的关键帧如图3-13所示。

图3-12 调整帧位置

图3-13 调整关键帧位置

(5)调整好关键帧后观察下动画效果,如图3-14所示。

图3-14 动画效果

(6)回到主场景,然后设置图形“树枝”的循环动画选项为“播放一次”,如图3-15所示。

图3-15 设置播放次数

图3-16 复制树枝

图3-17 观察动画效果

(8)为了让树枝更具真实感,所以要为其添加阴影,首先将帧复制到一个新图层中,再调整好图形的位置,然后在属性面板中设置图形颜色为(R:3,G:61,B:2),如图3-18所示,阴影效果如图3-19所示。

(9)最后为画面添加一些文字作为点缀,如图3-20所示,然后按Ctrl+Enter组合键发布动画。

图3-20 添加文字

教程已完毕,现在大家应该学会利用flashCS4制作树枝的伸展动画效果了吧,希望这篇教程对大家有一定的帮助。

展开阅读全文

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

全文共 1020 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

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

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

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

展开阅读全文

篇10:flash如何制作一条蛇游动的gif动画效果

全文共 239 字

+ 加入清单

下面给大家介绍flash制作一条蛇游动的gif动画效果方法,是不是很有意思呢。 一起来看看吧。

方法/步骤

打开FLASH,新建文档。参数如图

新建一个元件。类型为图形。确定,绘制一个小球,颜色任意。

回到场景中。拖动小球到工作区。

在35帧按F6建立关键帧。将小球拖动到右边,在中间按右键,建立补间动画

新建图层2。并下移,让图层2在图层1下面,在图层2中,用铅笔,用光滑模式画一条弯曲的黑色的线。

将原来的小球图层1右键设为遮罩层。按回车键看效果。

注意事项

线用光滑模式,尽可能多一些弯曲。

展开阅读全文

篇11:如何用flash制作引导路径动画

全文共 431 字

+ 加入清单

下面介绍在flash制作引导路径动画的方法。希望本指南能帮到大家。

操作方法

1

下面举例演示操作方法。

启动软件,新建文档,进入到操作界面中。

2

按下CTRL+F8;执行插入元件命令,弹出对话框,设置名称“球”,然后,点确定。

3

转到元件操作界面,在此界面中,按O键,调出椭圆工具,画出一个圆。

4

接着,鼠标点击“场景”;转回场景的舞台上。

5

鼠标移到右边的库面板,鼠标点住刚才画的圆元件,向舞台中拖,拖到左侧。

6

鼠标移到图层面板这里,鼠标右击,图层1;在弹出的菜单中选择:添加传统运动引导层

7

在图层面板这里,即添加了添加传统运动引导层;

8

选中引导层。在此层的舞台上用铅笔画出一条引导路径。

9

再选择图层1;鼠标点住舞台上的圆,把圆中心点移到引导路径的开始端点这里来。

10

鼠标移到时间线这里,在第30帧这里,按F6,插入帧。两个图层同样操作。

11

鼠标再点住圆,把圆移到引导路径的末端。

12

接着,选中图层1;鼠标放在时间线这里在第10帧的位置上右击。弹出菜单,点:创建传统补间

到这里,制作完毕,圆会按引导路径来移动。

展开阅读全文

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

全文共 164 字

+ 加入清单

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

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

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

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

4、调整好相互的位置;

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

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

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

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

展开阅读全文

篇13:flash怎么制作散发光芒的特效佛光动画

全文共 771 字

+ 加入清单

我们有时候在动画片里,会看到某样东西散发光芒特效,因为比较像佛光,就叫它“佛光”吧。下面讲解一下佛光是如何用flash做出来的,其实很简单,一点就明白,就是遮罩的灵活运用罢了。

步骤

1、新建一个flash文档,舞台呈正方形,500*500.舞台背景色为黑色。

2、在图层一,选择“ 线条工具 ”,笔触色为金黄色。笔触大小为2.在舞台合适部位画一条线段。然后把线段的中心点放到一个合适的位置(具体在哪里,等看我做完,你练习时就知道关键了)。

3、打开变形面板,旋转10度,如图。然后点击变形面板的右下角“ 重置选区和变形 ”,不停的点击,大概36下吧,随后出现这样的图形,如下图。

4、选中整个图形,复制,然后新建图层二,在图层二里“ 粘贴到当前位置 ”,这样,图层二里在同样的位置就出现一个和图层一完全一样的图形,把它打散分离,然后在变形面板的左下角点击“ 水平翻转所选内容 ”,然后就出现了这样的效果,如图。

5、好,那么现在就可以进行特效制作了。把图层二的整个图形转换成一个图形元件1.图层一和图层二都在30帧插入帧(注意不是关键帧哦)。图层一上锁,在图层二第一帧右击,在弹出的下拉列表框里选择“ 创建补间动画 ”,这里要强调一下,可以用“ 传统补间 ”,但是因为我用的是新版本cc,所以要用它的新功能,这种新功能cs6也有,只是调整的面板所在不同。

6、点击选中图层二第三十帧也就是最后一帧,在属性面板里设置顺时针旋转1次。在这里,把图层二设置为“ 遮罩层 ”,图层一设置为“ 被遮罩层 ”。

7、新建图层三,在图形的中心空白处写一个“佛”字,其实应该放置一尊佛像最好了,这里只是讲解这种发光效果,就没必要弄一尊大佛来了。

8、OK,测试一下

注意事项

特别注意变形面板里的“重置选区和变形”“水平翻转所选内容”

遮罩层翻转的图形一定要打散,否则遮罩无效。

展开阅读全文

篇14:Flash CS4如何制作时尚的时钟走动动画效果

全文共 5621 字

+ 加入清单

这篇教程向大家介绍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动画效果,希望能对大家有所帮助!

展开阅读全文

篇15:怎么利用Flash制作沿着路径的动画

全文共 537 字

+ 加入清单

上完课后,有些同学因为课上老师讲的太快,还是不会做路径动画。今天为大家介绍flash制作沿着路径的动画介绍,操作很简单的,一起来学习吧!

1、首先,打开flash软件,新建一个文件

2、这里,我演示一个红色圆的路径动画,利用快捷键ctrl+F8新建一个元件1,画一个圆

3、回到场景1,利用铅笔工具,随意画一条路径

4、新建一个图层,将刚刚画的元件1的圆拖进图层中,这里为了理解方便,我修改了图层名字

5、我这里做了35帧,在铅笔图层中的第35帧,按下F5,即可增加帧到35帧,

在圆的第一帧处,将圆的中心放置铅笔的路径上,在第35帧,按下F6,插入一个关键帧,同样,将圆的中心放置铅笔的路径上,如图所示。(将圆的中心放到路径上,是为了圆能够和路径重合,这个时候工具栏左边的吸铁石工具一定要处于按下的状态 )

6、选择铅笔路线的图层---右击----选择引导层,然后这个图层的前面,会变成一个小蘑菇一个的东西,如图所示

选择元件1圆图层中的任意一帧---右击---创建传统补间,如图所示

7、将元件1圆图层向上拖一下,附属于铅笔路线图层,便可以实现路径动画了(轻轻向铅笔路线图层拖一下就行)

教程结束,以上就是Flash制作沿着路径的动画方法,操作很简单的,大家学会了吗?希望能对大家有所帮助!

展开阅读全文

篇16:如何利用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,我们就可以看到蝴蝶随着引导线的方向进行飞舞了,如下图所示

展开阅读全文

篇17:Flash制作牛奶摇摇杯实例教程

全文共 267 字

+ 加入清单

先看看效果图

首先在网上找到一张比较清晰干净的玻璃杯子图片。

在ps之中减低对比度和明度。

将杯子的轮廓抠出来。

去掉多余的部分。

新建一个图层,在图层里利用渐变拉出牛奶的效果。记住一定要新建一个图层!

然后保存两个png图片,一个有牛奶一个没有。一定是png!

打开flash导入刚刚的两个图片。

新建一个元件,建立上中下三个图层。

将刚刚的两个图片分别放在最上图层和最下图层然后重合起来。

然后建立新元件,液体牛奶的表面

将牛奶表面的元件放在中间图层,然后修饰一下做出动态效果。

将牛奶杯三合一的元件拖到舞台中间然后做出杯子摇晃的效果就搞定了。

最终效果图

展开阅读全文

篇18:Flash制作旋转小星星动画?

全文共 1555 字

+ 加入清单

具体制作过程如下:

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、好了,所有的工作都已经完成,测试你的影片。

展开阅读全文

篇19:flash如何制作跟随鼠标将蜡烛点燃的f动画效果

全文共 1005 字

+ 加入清单

flash生日贺卡中,常会看到拿起火柴放至蜡烛上,即可将蜡烛点燃动画。怎样做到的呢?下面就为大家详细介绍一下,一起来看看吧!

其实道理比较简单:制作一个在第二帧燃烧的蜡烛动画,然后给它下个命令,火柴靠近你时就进入第二帧吧。当然,这个火柴实际上就是鼠标,所以,还要有一个将鼠标变为火柴的过程。涉及图片缩放、对齐,元件交换,透明按钮使用等。

一、准备蛋糕与蜡烛

ctrl+J打开文档属性,背景色设为黑色。

Ctrl+R将蛋糕图片导入到舞台。准备了一张PNG图片,有耐心的童鞋可以尝试自己画一个。

Q键调出变形工具,图片左上角是与舞台对齐的,将变形点移至左上角,按住Shift键拖动右下角,将图片同比缩小至与舞台同宽。

Ctrl+K调出对齐面板,选择底对齐,将蛋糕移至舞台底部。

新建一个影片剪辑元件,我将它取名生日蜡烛2。Ctrl+L调出库面板,将蜡烛元件拖至舞台。这是我事先做好的元件

图层第二帧F6插入关键帧。蜡烛选中状态,Ctrl+F3调出属性面板,点击交换,在出现的面板中选择生日蜡烛。

点开只显示轮廓、编辑多个帧,将第二帧蜡烛与第一帧的对齐。

新建图层2,第一、二帧都插入关键帧。F9键调出动作面板,每帧皆写入stop,使该元件不会自动播放动画,且无论进入哪一帧都会停留在该帧。

蜡烛层上新建一层,取名透明按钮。R键调出矩形工具,颜色面板中线条色禁用,颜色随意,Alpha值为0%。在蜡烛火苗处拉出一个方形。

F8键将透明方形转换为按钮元件。

动作面板中为该按钮写上on (rollOver) {gotoAndPlay(2);},使鼠标移过时,进入且播放第二帧。

回到场景,新建一层,库面板中将生日蜡烛2元件拖入该层。调整为合适大小。

按住Alt键复制几个,数量随个人心意。此时测试一下,鼠标移过时,蜡烛已可被点燃了。当然,我们要用真正的火柴点燃,所以现在进入下一步。

二、制作火柴

Ctrl+F新建一个影片剪辑元件,取名火柴。在第一帧用线条工具和笔刷工具分别绘出火柴杆和火柴头。

新建一层,库面板中拖入火苗和光晕,变形工具调整到合适大小。

回到场景,新建火柴图层,将火柴元件拖入场景。

属性面板中为火柴取一个实例名,这里输入的是火柴拼音的首字母。

新建一层,时间轴上写入startDrag("hc", true);Mouse.hide;使火柴可被拖动,鼠标隐藏。测试一下吧。

注意事项

文中用的是as2,请在发布设置,flash的as版本中选择。

展开阅读全文

篇20:flash怎么设计logo flash给网页制作logo的教程

全文共 611 字

+ 加入清单

在网站制作过程,每一个网站都有自己的logo,那么如何设计logo呢?现在本人就使用flash制作一款logo,同时分享制作步骤和截图,希望对你有所帮助,本经验仅供参考。

1、启动flash cs5,执行 文件-新建命令 ,新建一个大小为800*600, 帧频为12fps ,背景颜色为白色的文档。

2、选择工具箱里 椭圆工具 ,设置笔触颜色为无,填充颜色设置彩带形式,类型为 径向渐变。

3、按住 shift键 ,鼠标左键在舞台上拖拽绘制出一个正圆形。

4、在时间轴上点击新建图层按钮,新建图层2,选择工具箱里椭圆工具将填充颜色设置 为#0066ff, 在舞台上绘制一个椭圆。

5、选择椭圆,按住 alt键拖拽原来的椭圆复制得到一个新的椭圆 ,选择工具箱里任意变形工具,调整第二个椭圆的位置,然后将其删除。

6、选择工具箱了 任意变形工具 ,对第一个椭圆进行旋转到一定的弧度,接着选择后复制两个。

7、调整他们的位置,使其布局更加美观,也可以根据实际需要再次进行调整。

8、选择 工具箱里线条工具 ,在合适的位置绘制不同颜色的线条,颜色设置可以根据实际情况来定。

9、选择 工具箱里文本工具, 在舞台上输入文字内容“ everyone ”,设置一种自己喜欢的字体,字号为20,颜色也可以根据自己的需要进行设置。

10、接着按 ctrl+enter 进行测试, 执行文件-另存为命令 ,在弹出的对话框输入名称,找到一个合适的位置进行保存即可。

展开阅读全文