0

flash的遮罩动画怎么做【经典20篇】

浏览

2942

文章

186

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

全文共 568 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

展开阅读全文

篇2:Flash制作梦幻仙境动画效果

全文共 296 字

+ 加入清单

本教程是关于使用flash制作梦幻仙剑效果,主要是运用时间轴特效来制作百叶窗效果,用滤镜来制作边框效果,混合模式制作图片色彩变幻的效果,而鼠标跟随效果由AS编程来实现。希望本教程能给您带来帮助~

效果演示

运用的知识点:

用时间轴特效制作百叶窗;

滤镜制作边框效果;

混合模式制作图片色彩变幻的效果;

AS制作鼠标跟随效果。

(一).新建FLASH文档,大小600*400,其他数值默认.

(二).元件的准备

一.制作百叶窗元件

1.插入—新建元件,类形图形,命名为线条

笔触颜色禁止,填充色任意,用矩形工具画一个600*3长方形(图2).

图2

用黑箭头工具选中长方形,全居中(相对舞台,水平中齐,垂直中齐)(图3)

展开阅读全文

篇3: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、全部完成~测试影片!

展开阅读全文

篇4:flash怎么制作图片慢慢缩小的动画

全文共 197 字

+ 加入清单

flash软件模拟图画的动态缩小过程,用到补间动画等。

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

2、导入位图文件到库里;

3、将位图文件 转换为元件 吗,然后添加一个补间动画;

4、新建图层,把 补间动画 分别复制到每个图层中;

5、删除多余的 补间动画

6、测试影片,导出影片 ,格式GIF 绘制完成,由于文件较大不能上传,还请谅解。

注意事项:

注意删除多余动画需要在最后一帧处把所有图层都填上帧。

展开阅读全文

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

展开阅读全文

篇6:flash怎么制作一段篮球滚动的动画

全文共 587 字

+ 加入清单

flash制作简单的动画,比如跳动的小球;小编今天分享下有关这方面的操作经验。

1、新建flash的文档;在文档菜单栏中顺序点: 插入-- 新建元件 ;

2、弹出的操作框中,在名称这里输入:球在类型这里选择为“ 影片剪辑”;

3、点击确定;进入元件的编辑页面;我们可以画一个球,也可以在外部拖入球图片; 小编在这里选择在外部拖入球图片 ;

4、选中“球”,然后点变形面板,把“球”居中于舞台;“球”元件就制作好了,存放于“库”中;

5、然后,点下“场景1”,回到文档舞台中;把“图层1”命名为“球”;

6、把库中的“球”元件拖入到舞台中;再点下“ 添加引导层” 的图标, 添加一个引导层;

7、在引导层这里画一条路径,如图中所示;然后, 在引导层的第65帧处按 F5插入帧 ; 再选择“球”图层,在第65帧处按 F6插入关键帧;

8、选中“球”图层,在第1帧处点下,创建动画补间,并勾选“调整到路径”,“同步”、“对齐”也要勾选;勾选“对齐”后,“球”自动移动到路径的开始位置。 前提是“紧贴至对象”按钮是按下的状态。 这里要注意的是,球的变形中心点要与路径开始端点重合;

9、再在“球”图层的第65帧处点下,把“球”图片移动终点的路径上;球 的变形中心点与路径的终点重合,如 图所示;

10、按键盘的 CTRL+ENTER键 ,测试播放影片,影片中球按照路径的轨迹跳动。制作跳动的小球完成。

展开阅读全文

篇7: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的误操作,相当猛……使用元件,在调整它的位置时,千万不要把鼠标滑太快,以至于滑到“库”的范围里去了,否则会弹出一个菜单,告知你是否将其转成元件,我当时不幸选择了否……结果这个元件就没了……然后就……

七、测试

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

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

展开阅读全文

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

全文共 220 字

+ 加入清单

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

制作步骤:

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

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

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

展开阅读全文

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

展开阅读全文

篇10: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%。

展开阅读全文

篇11:Flash怎么制作一片树叶飘落动画

全文共 641 字

+ 加入清单

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

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是基础,大家要多多练习哦 么么 。

展开阅读全文

篇12:Flash CS6使用遮罩动画制作哭的表情

全文共 749 字

+ 加入清单

基本表情是,小小的黄圆底,在加上眼睛,鼻子,嘴巴,制作一些小动画,以实现表情的效果,这里提供一种绘制表情的一般基本的方法,运用到遮罩动画,下面就为大家介绍flashCS6使用遮罩动画制作哭的表情方法,来看看吧!

方法/步骤

新建flash 3.0文档。用椭圆工具,按住shift画一个正圆,调一下线的颜色,和填充色,填充色弄径向渐变,自己调一下,然后全选转换为元件,就叫脸,选中该实例,在属性面板中打开滤镜,添加滤镜,投影,自行调一下参数,将此图层改为脸,结果如图,

新建一个图层为眼睛,画一条水平弯曲线,在复制一下,将复制的曲线,水平翻转,

新建一图层为眼泪遮,用直线工具,选择工具,颜料桶,画如图所示眼泪,向左偏

新建一个图层,为眼泪颜色放在眼泪遮图层下,

在这个图层上画两个矩形一定要可以盖住黑色的眼泪,然后请自行调整一下颜色渐变

在第一帧处将眼泪颜色涂层上的东西这样放在眉毛上

在第20帧处插入关键帧,移动,两长方形这样放

在1-20帧内右键创建补间形状,在另外三个图层在20帧处插入帧。

在眼泪遮这一层,每5帧插入一关键帧

请看图,第5,与第15帧要变哦。

在第五帧处,选中左边的,使用水平翻转,右边也一样,变为这样

第15帧同样方法也可以(技巧:右键复制第5帧,在第15帧处粘贴)。之后在四个空间内都做补间形状,(技巧;可以一起选中同时创建补间形状)

眼泪遮这层右键添加遮罩层。

新建一个图层叫做嘴巴,随意画个嘴巴吧。

选中眼泪颜色图层中任意一帧的绿色,在属性面板上缓动设置为-100,这样有一种重力作用下快到慢的效果。Ctrl+enter,看效果呗。

觉得太快了,可以继续在眼泪这上每五帧添一个关键帧

注意5,15,25,35,帧内容要一样。Ctrl+enter看效果,嗯,还可以,还可以调帧频试一下

觉得行,就ok。

展开阅读全文

篇13:如何用flash制作小人走路的简单动画

全文共 449 字

+ 加入清单

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

方法/步骤

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

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

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

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

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

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

注意事项

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

展开阅读全文

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

全文共 539 字

+ 加入清单

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

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

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

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

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

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

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

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

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

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

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

展开阅读全文

篇15:flash怎么模拟弯弓射箭的gif动画效果

全文共 170 字

+ 加入清单

flash模拟弯弓射箭,用到补间动画与形状动画,下面小编就为大家详细介绍一下,不会的朋友可以参考本文。

步骤

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

2、在图层1中绘制弓;

3、新建图层2绘制弦;

4、新建图层3绘制箭;

5、添加关键帧,添加补间动画与形状动画;

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

注意事项

注意箭头处

注意补间动画的设置

展开阅读全文

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

全文共 266 字

+ 加入清单

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

步骤

1、打开flash软件

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

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

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

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

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

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

展开阅读全文

篇17:flash如何制作上下滚动字幕动画

全文共 601 字

+ 加入清单

本例主要讲解利用【标尺】和【遮罩层】来制作上下滚动字幕。下面详细教你如何制作上下滚动字幕。

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

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

3、单击工具栏中的" 文本工具 "按钮,打开属性面板,将字体大小设为20, 字体系列为Adobe 楷体 Std,字符间距设为4, 字体颜色为白色,在舞台上输入一首宋词(自选),如下图所示。

4、按下 ctrl+Shift+Alt+R组合键 或执行菜单栏中的"视图>标尺"命令,打开标尺,拖出两条标尺线,分别在距顶部30和380的位置,目的是为了确定文字的运动范围,如下图所示。

5、将第1帧中的文字对象的顶部与下面的标尺线对齐,右击" 图层1 "的第150帧,在弹出的快捷菜单中选择" 插入关键帧 "选项,将文字对象的底部边缘与上面的标尺线对齐,在第1至150帧创建传统补间动画,如下图所示。

6、新建"图层2"图层,单击工具栏中的" 矩形工具" 按钮,在两条标尺线之间覆盖所绘制的白色矩形,右击该图层,在弹出的快捷菜单中选择" 遮罩层 "选项,如下图所示。

7、按下 Ctrl+Enter组合键 测试影片,如下图所示。

展开阅读全文

篇18:flash动画如何制作

全文共 860 字

+ 加入清单

flash动画制作便捷直观,动画可以直接制作在场景中;但更多的是制作在一个电影编辑中,存放在库中。具体的操作方法都相同,但是作为电影剪辑最大的优点是可以多次重复使用,还可以通过程序命令进行调用,设置属性和清除等。下面来为大家介绍一下具体的操作方法,希望对大家能够有所帮助。

方法/步骤

1、打开”窗口|库”命令(快捷键F11),打开”库“面板。在库面板中可以看见创建的”太阳“图形元件。

2、单击”时间轴“的上方”场景1“,切换到”场景1"的舞台;选中“库”面板中的“太阳”图形元件,按下鼠标左键并拖动它到“舞台”的右下角

按下快捷键Ctrl+L,也可以快速打开“库”面板。“库中保存的对象是创建好的可以重复使用的图形,影片编辑或按钮。将“库”中的元件拖放到舞台上以后,舞台上的对象叫作元素的实例。

新建文档的主场景在“时间轴”上只有一个“图层1"和一个“空白关键帧”,“太阳”拖放到舞台上以后,就直接加到“图层1”的第一帧上,同时第一帧变成“关键帧."关键帧”是用来定义动画变化状态的帧,显示为实心圆点

3、双击“图层1”的图层名称,输入太阳并将图层1重新命名为太阳。选中太阳图层的第50帧,执行“插入|时间轴|关键帧”命令(快捷键F6),在第50帧处插入一个关键帧,

4、单击选中"太阳“图层的第50帧,选中“工具”面板上的“选择工具”还原鼠标指针,然后移动鼠标到“舞台”的“太阳"图形元件上,按住鼠标左键拖动"太阳”到舞台的上方。

5、选择“太阳”图层的第1帧单击右键,在弹出的快捷菜单中选择“创建传统补间”。

6、 “太阳”图层的第1帧到第50帧之间会出现一条浅蓝色背景的带黑色箭头的实线。这样就实现了第1帧到第50帧的“动作”补间动画。

7、现在就可以在场景中测试动画的效果了,在时间轴上选中第1帧,按下键盘上的回车键动画开始播放。观察太阳的“动作”补间动画效果

注意事项

注意,要构成补间动画,必须在同一个图层上至少有两个不同位置的‘关键帧’

改变图层名称是为了分清每个图层所放置的内容是什么,因此重新命名时尽量和放置的元件名称接近

展开阅读全文

篇19:flash cs5如何制作旋转的三维立体图形动画

全文共 1136 字

+ 加入清单

立体图形在我们的生活中无处不在,尤其是立体几何,它要求我们要有很好的立体抽象能力才能处理问题,如果没有很好的立体感,立体几何的问题就无法解决,为了能够从不同角度审视立体图形,在此就利用flash制作一个简单的立体图形,帮助你更好的审视立体图形,培养立体感,本经验仅供参考使用。

1、启动flash cs5, 执行文件-新建命令 ,在弹出的窗口中选择新建一个基于actionscript2的flash文档。

2、找到属性窗口,修改编辑区的大小为800*600像素,帧频为15fps,背景色为黑色。

3、 执行窗口-公共库- 按钮命令 ,在弹出的公共库窗口中找到classic buttons文件夹,在该文件夹中将按钮 arcade button - green和arcade button - blue拖拽到库中。

4、执行插入-新建元件命令,新建一个名称为a的影片剪辑文件,并将库中的两个按钮元件拖拽到编辑区中,重新设置他们的大小为50*50像素,并调整他们的位置,使其布局美观。

5、在舞台上选 择arcade button - green按钮, 右键单击该按钮在弹出的对话框中选择动作选项,打开动作面板,然后输入代码 on(press){delete onEnterFrame;}, 同时检查语法是否有错误。

6、选择舞台上的 arcade button - blue按钮 ,同样方法打开动作面板,接着在动作面板中输入代码: on(press){ onEnterFrame=mm;}, 点击语法检查,查看是否有编译错误。根据错误修改代码内容。

7、选择图层1的第一帧,右键单击从下拉菜单中选择动作,打开动作面板,在该面板中输入代码,一段关于画图的函数代码。

function draw()

{

clear();

lineStyle(1, 0xffffff);

moveTo(A1.x, A1.y, A1.z);

lineTo(A2.x, A2.y, A2.z);

lineTo(A3.x, A3.y, A3.z);

lineTo(A4.x, A4.y, A4.z);

lineTo(A5.x, A5.y, A5.z);

lineTo(A8.x, A8.y, A8.z);

lineTo(A7.x, A7.y, A7.z);

lineTo(A6.x, A6.y, A6.z);

}

对代码进行语法检查。

8、接着输入其他自定义函数代码并进行调试运行,直至代码无误为止。

9、返回到场景1, 将库中的影片剪辑元件a拖拽到舞台上并调整其大小和位置 ,使其布局美观。

10、按 ctrl+enter组合键 进行测试,测试完成后, 执行文件-另存为命令 ,在弹出的对话框窗口中输入立体图形,找到一个合适的位置后,点击保存按钮。

展开阅读全文

篇20:Flash CS3如何制作流行的烟雾状动画效果

全文共 841 字

+ 加入清单

通过本例的学习,也许掌握了制作漂亮的,严密的逐帧动画的一些要点,它看上去很象是很老练的动画。这是一点小秘密。也许选择使用橡皮工具取代套索工具,避免完全使用删除键。下面就来学习这篇flashCS3制作流行烟雾状gif动画效果方法吧!

流行的烟雾效果

流行几乎总是被要求的动画技巧。客户常常要求基于现有的logo或公司标识的特别的艺术效果。这里始终存在着挑战,不仅只是使用艺术作品同时还使用好的动画风格。一个写实的烟雾动画看上去很好但它不一定是客户喜欢的风格。这次我们创健一个格式化烟雾效果,它仍然很简单且效果不错。

1. 最简单的方法是使用你最终想要的烟雾形状开始。这个形状可用flash的任何一种绘制工具进行绘制。我建议不要有轮廓线。

2. 在第2 帧插入一个关键帧,使用套索工具选取烟雾形状的上边的尾部一小部分,然后删除它。

3. 重复这个步骤,插入一个关键帧,选取形状一小部分,然后删除它。使用快捷键可使这个工作变得更快更容易。

4. 重复使用F6和Delete键,选择形状的一小部分,并删除,直到它完全消失在舞台上。

5. 选择全部关健帧,右键选择翻转帧。这将在你播放时逐渐显示出你的形状。

6. 复制并粘帖所有的帧到一个图形元件,这样你可以在以后再次使用它。在时间轴的后面创建第2个关键帧,使用自由变形工具,倾斜它并将它向上移30像素。

7. 在时间轴更远的地方创建第3 个关键帧,将透明度调整为0%,这样它将逐渐消失。创健另一个补间动画,还可以再次倾斜一点。

8. 添加新的一层,拖动一个相同的元件实例(包含动画的图形)到舞台上。水平翻转并重复第6步和第7步。

9. 添加第3个图层,再次重复第6步和第7步。播放动画并调节倾斜数量,补间和总的时间。

10. 你也许想添加一些出去时的缓动效果。尽管它并不是必须的,它只是最终效果的一点修饰。

提示:

通过本例的学习,你也许掌握了制作漂亮的,严密的逐帧动画的一些要点,它看上去很象是很老练的动画。也许你选择使用橡皮工具取代套索工具,避免完全使用删除键

展开阅读全文