0

怎么利用flash更改动画中物体运动的速度变化【汇集20篇】

浏览

6494

文章

29

篇1:利用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制作树枝的伸展动画效果了吧,希望这篇教程对大家有一定的帮助。

展开阅读全文

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

全文共 224 字

+ 加入清单

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

步骤

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

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

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

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

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

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

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

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

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

注意事项

注意箭头处

注意颜色的选择

展开阅读全文

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

展开阅读全文

篇4:怎么利用flash制作漂亮的荧光灯字体动画

全文共 342 字

+ 加入清单

今天小编为大家带来flash制作漂亮荧光灯字体动画教程,步骤很简单,最后的效果很漂亮,感兴趣的朋友到下文了解一下吧。

方法/步骤

1.创建好一个文档之后,在工具栏中选择文本工具,然后打开笔触的颜色样板。任意选择一种笔触颜色。在工作区写上“家”字。如下图所示:

2.在图层1的第5帧上插入关键帧,在选中第5帧的基础上,选中家字。如下图所示:

3.然后将工具栏中的笔触颜色该为其它任意一种颜色。如下图所示:

4.按照上面的流程,在第10帧上插入关键帧,快捷键f6,把家字改为另一种颜色。如下图所示:

5.根据自己的需要,把字的颜色改为几种不同的颜色就可以了。按enter+ctrl键,测试影片。如下图所示:

6.然后导出影片,格式为swf格式。

注意事项

注意:在改变字体颜色的时候,一定要选中文字再改。

展开阅读全文

篇5:FLASH中怎么制作小球的螺旋运动动画

全文共 184 字

+ 加入清单

flash模拟螺旋运动,用到补间动画

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

2、选择颜色绘制小球,然后转 换为元件 ;

3、添加 引导层 ,绘制一个圆,然后多复制几个;

4、修改圆的位置,大小使之成为同心圆。

5、在同一侧删除一部分;然后修改成 螺旋线 ;

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

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

注意事项:

注意螺旋线的连续性

展开阅读全文

篇6:动画课件怎么利用flash制作

全文共 938 字

+ 加入清单

flash以其超强的动感画质和多事件的触发机制,为课件的制作提供了强有力的支持,利用Flash所提供的课件模板功能,可使制作课件的过程变得更加轻松,同时也提高了制作课件的效率,节省了开发时间。下面小编就以制作一个简单课件为例,来谈谈利用Flash制作课件的基本要领,希望通过在此讲解能起到抛砖引玉的效果。

方法/步骤

打开Flash,点击“ 文件”-“新建 ”,在弹出的窗口中选择“ Flash幻灯片演示文档 ”,然后点击“确定”正式进入编辑界面。

点击“ 插入”-“新建元件 ”,新建一个名为“背景”的图形元件,点击“确定”后进入“ 背景编辑”界面。选择“文件”-“导入”-“导入文件到库 ”,选择一个背景图片导入库中。

双击库中的图形元件“背景”,进入“背景”元件编辑状态,然后将导入到库中的背景图片拖入到当前窗口中,就完成了“背景”元件的修改操作。

点击窗口左侧的“ 幻灯片1”进入幻灯片编辑状态 ,将库中的“背景”元件拖放到当前窗口中。然后选择工具栏中的文字工具,为当前幻灯片添加文件“百度经验 --经验来源于生活”。

在“幻灯片1”上右击,从弹出的菜单中选择“ 插入屏幕类型”-“幻灯片 ”,新建一个新的“幻灯片2”。选择工具栏中的“选择”工具,点击幻灯片1的窗口,然后选择一种背景色进行填充,然后选择“文字”工具。在幻灯片2上输入文本“欢迎交流”文本字样,并设置字体的大小和颜色。

选择“幻灯片1”,然后点击“ 窗口”→“行为 ”,打开“行为”面板。

点击“行为“ 面板中的”+“号 ,从弹出的的下拉列表中选择” 屏幕“→”转到下一幻灯片 “。

最后发布制作的幻灯片文档。选择“ 文件”-“发布设置 ”,打开“发布设置”对话框,勾选“ Flash(*.,swf) ”,输入要发布的文件名,最后点击“发布”按钮发布即可。

找到生成的文件” MYDISP.swf“ 文件,然后右击,选择”Adobe Flash Player 9.0“打开,然后就可以测试一下效果啦。当点击第一张幻灯片时就要转到下一张幻灯片上。至此,整个幻灯片制作过程完成,大家可以依据这个制作原理,制作出自己喜欢的幻灯片来。

注意事项

制作的幻灯片在播放时需要Adobo Flash Player 9.0的支持才能正常运行。

展开阅读全文

篇7:如何利用flash简单制作平移动画效果图

全文共 339 字

+ 加入清单

下面向大家介绍利用flash简单制作平移动画效果图方法,教程真的很不错,很基础,很适合新手来学习,一起来学习吧!

方法/步骤

1、创建空白文件

打开flash,弹出的界面后,选择里边的3.0即可,如图所示。

创建形状

点击上方的第一帧,然后点击左侧的矩形,在画布中画一个矩形形状,如图。

制作关键帧

在第20帧鼠标指向,右键选择插入关键帧,并点击确定,如图所示。

制作关键帧位置

将一开始矩形的位置拖动到随意所需位置,然后确定,如图所示。

创建补间动画

鼠标指向1到20帧任意位置,然后鼠标右键,选择创建补间动画,如图。

预览动画

在完成以上操作后,便可以预览自己的第一个动画,只需要按下ctrl+enter键即可运行。

注意事项

一定要插入关键帧,否则不会产生动画

创建补间动画实在两个关键帧直接,无特殊要求

展开阅读全文

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

全文共 245 字

+ 加入清单

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

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

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

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

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

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

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

7、 Enter+Ctrl播放 。

展开阅读全文

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

全文共 404 字

+ 加入清单

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

制作教程:

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

2、查看一下大小。

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

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

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

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

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

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

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

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

10、然后点击确定按钮。

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

怎么样?很简单吧

展开阅读全文

篇10:flash怎么制作不断变化的数字动画

全文共 289 字

+ 加入清单

flash的广泛使用多用在制作动画上,现在小编来介绍一下如何使用flash制作变化字。

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

2、接下来找 到文本 ,使用 文本工具。

3、写下 你要变化的字。

4、找到 对齐工具栏 ,舞台, 水平居中 , 垂直居中 。

5、在接下来,按 ctrl+b键 ,将文字,数字打散。

6、在上方的时间轴上, 找到一帧,鼠标右击插入空白关键帧。

7、接下来,在这一帧上写上你要变换成的文字,同样居中对齐。

8、接下来,选中后续帧文字,并将其打散。

9、接下来,回到第一帧,找到下方的 小三角设置属性 , 在补间处选择形状 。

10、然后按回车键就可以播放了。

展开阅读全文

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

全文共 220 字

+ 加入清单

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

制作步骤:

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

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

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

展开阅读全文

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

全文共 266 字

+ 加入清单

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

步骤

1、打开flash软件

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

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

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

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

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

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

展开阅读全文

篇13:怎么利用Flash CS3打造光圈动画效果

全文共 796 字

+ 加入清单

flash中通常有几种方法创建相同的动画效果。不管是在时间轴上做的动画还是用actionScript动态生成的,它都允许用户在舒适的环境中工作。一个简单的光圈变换是能用几种不同的方法来制作。我个人不知道这种动画代码从哪儿开始,但是给我一个时间轴和一些关键帧,我将进入我的工作环境。

1、第一步用椭园工具创建一个圆形。任一填充色,绘制时按住shift键使它成正圆。不要将这个形状转换为元件,相反地将这一层转换为遮罩层。

图1

2、在第1帧将圆缩到最小。用ctrl+alt+s打开缩放与旋转面板,输入一个百分数,点击确定。使用对齐面板(ctrl+k)使圆形相对于舞台居中对齐。

图2

3、在遮罩层时间轴上一些帧后插入关键帧。将圆放大覆盖整个舞台。转化这个形状为轮廓线,(译者注:在图层名称那一栏点右键>属性,然后在弹出的属性面板的下半部有一“将图层转为轮廓”前打钩。)这样你可以在它下面看到舞台。添加一个补间形状,这样这个圆从小到大覆盖整个舞台。

图3

4、增加一个新的图层并拖动它穿过遮罩层,这样它就被连接成了被遮罩层。在这一层包含你要显示的内容。如果你显示的内容需要多个层,那么确认它们全部被遮罩,或者移动所有显示内容到一个新的元件,并将元件拖到被遮罩层。

图4

5、在所有图层的下面创建新图层(不是被遮罩层)然后画一个黑色的矩形尺寸和舞台一样。颜色可以是你选择的任何色,但黑色对于这个效果将更好一些。你可以在舞台上复制并翻转遮罩动画的关键帧添加另一个补间形状。

图5

6、自此你已经用一个动画遮罩创建了一个光圈效果。你以在舞台上很容易控制光圈的聚焦区域。在最后一个关键帧,定位圆在角色的眼晴上。当动画播放时,圆将向眼睛上运动-一个被使用在各个卡通中的典型的技巧。

图6

提示:自由地用其它颜色取代黑色试验。有时放射渐变可为这个变换增加一些有趣的层次感。改变不同的颜色来改变不同的背景,得到你想要的效果是很容易的。

展开阅读全文

篇14: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就可以看到你的动画啦。

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

展开阅读全文

篇15:flash如何利用图片制作一个小人舞姿mv动画

全文共 625 字

+ 加入清单

MV具有声音和图像的双重特色,以其丰富的表现力和动迫的声效深受大家喜爱。利用flash独具特色的编辑设计功能,可十分方便的制作出精美的MV。下面就动画和声音的制作过程为例,制作一个小人舞姿的MV,与大家分享一下利用Flash制作MV的过程,希望借此起到抛砖引玉效果,对需要的朋友有所帮助。

一、动画的制作

1、打开Flash,点击“ 文件”→“新建 ”,选择“Flash文件”并点击“ 确定 ”完成新建文件过程,最后将文件大小设置为“200*400”。

2、点击“ 插入”→“新建元件 ”,在打开的“创建新元件”窗口中输入新元件名称“ 舞动的小人 ”并点击“确定”按钮。

3、准备一组小人的连续动画。

4、然后点击“ 文件”→“导入”→“导入到库”。 将这一组小人连续动作图片导入到库中。

5、选择时间轴上的第1帧,将库中的位图1拖放到当前工作场景中。

6、接着再连续新建图标,分别将位图拖放到如图所示的图层上。

7、然后回到主场景中,接元件“ 舞动的小人” 拖动到场景合适的位置上。

二、声音的添加

1、在主场景时间轴上新建一图层,并命令为“ 音乐轨道 ”。

2、然后点击“ 文件”→“导入”→“导入到库 ”。将一首预先准备好的音乐导入到库中。

3、接着选择“ 图层 音乐音轨 ”,将库中的音乐拖放到主场景中。

4、双击“ 时间轴” 上的“ 帧频率”, 将其设置合适大小。

5、最后调节一下时间轴延时长度,按“ Ctrl+Enter "进行测试,就可以观看到优美动听的MV啦。

展开阅读全文

篇16:怎么利用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制作沿着路径的动画方法,操作很简单的,大家学会了吗?希望能对大家有所帮助!

展开阅读全文

篇17:flash如何运用引导层动画制作天体之间的运动

全文共 917 字

+ 加入清单

引导动画是最常见动画方式之一,天体之间的运动就主要运用了引导层动画,下面以制作天体运作的过程来说明引导层动画的制作方法,本经验仅供参考使用,希望对你有所帮助。

方法/步骤

1、启动flash8,新建一个大小为550*400,背景颜色为黑色,帧频为12fps的文档。

2、在网络上下载一副地图,执行插入-新建元件命令,新建一个名称为地球的影片剪辑,确定后进入编辑区域。

3、执行文件-导入-导入到库命令,把事先下载的地图导入到库中,在工具箱里选择椭圆工具,设置笔触为无,填充类型选择为位图,然后在舞台中央 绘制一个正圆。

4、调节正圆的大小为65*65,并设置为全居中,执行插入-新建元件命令,新建一个名称为太阳光芒的图形元件,确定后进入编辑区域。

5、选择工具箱的矩形工具,设置为无边框,填充类型为线性,设置光芒色码,并把右边色码透明度设置为20%,在舞台上绘制一个矩形,改变大小为360*3,设置为全居中,在变形选项卡中设置角度为10度,点击复制并应用按钮。

6、执行插入-新建元件命令,新建一个名称为光芒的影片剪辑元件,点击确定进入编辑区域,在第一帧处把库中太阳光芒元件拖入到舞台并设置全居中,在40帧出插入帧。

7、新建图层2,在图层2的第一帧处把库中的太阳光芒拖入到舞台设置全居中,执行修改-变形-水平翻转命令,在属性面板中设置逆时针旋转一周,在40帧处插入关键帧,在1-40帧之间创建传统补件动画。

8、返回主场景,选择工具箱里椭圆工具,设置笔触为无,填充为放射状,并设置一个色码,左右透明度都设置为0,在舞台中央绘制一个正圆,大小设置200*200全居中,在80帧处插入帧。

9、新建图层2,选择工具箱里椭圆工具,设置笔触为黄色,填充设置为无,在舞台中绘制一个椭圆,设置大小为400*250.

10、新建图层3,复制图层2的椭圆原位置粘帖到图层3的第一帧,选择工具箱里橡皮擦工具,在右边擦出一个小口,新建图层4,并把地球拖入到舞台,把地球的中心对准开口处上端。

11、在80帧处插入关键帧,同时把地球移动到开口处下端,然后建立传统补件动画,在属性面板中把调整到路径和同步都打上勾。

12、把图层4属性设置为引导层,图层3为被引导层,测试保存即可。

展开阅读全文

篇18:Flash怎么制作物体逐渐显示的gif动画效果图

全文共 550 字

+ 加入清单

flash动画制作中,我们可以利用图层之间相互影响的特点来制作很多特殊的动画。下面介绍利用Flash中上一图层元件对其下面图层的遮挡特点,来制作使物体逐渐显示的动画。

步骤

1、启动Flash cs4软件,新建一个flash文件。

2、在默认的图层1中的第1帧上导入或创建你所要逐渐显示的对象。这里,我们使用“ 钢笔工具 ”绘制出折线。

3、在图层1的第40帧(可以根据所需要的时间长短自由选择)处,右击,选择“ 插入帧 ”(快捷键)命令,结果如下。

4、然后,单击选择图层1,右击,选择“ 插入图层 ”命令。这时,会新建一个图层,默认名称为“图层2”,默认在图层1的上方。

5、选中图层2的第1帧,绘制出遮挡的形状,可以是矩形、椭圆和多边形等。我们这里绘制一个矩形,设置其笔触颜色为空白、填充颜色为文档背景颜色。并将其转化为图形元件(在转化的过程中要将图层1锁定)。并通过移动使其左侧刚好覆盖图层1中的折线。

6、在图层2的第40帧,右击,选择“ 插入关键帧 ”命令。并移动矩形元件,使其左端刚好与折线分离。

7、右击图层2中第1~40帧中任意一帧,选择“ 创建传统补间 ”命令。

8、执行菜单中“ 控制|测试影片 ”命令,即可得到想要的结果。

注意事项

存放遮挡元件的图层要在上面,且元件颜色要与文档背景颜色一致。

展开阅读全文

篇19:如何在Flash中实现物体运动

全文共 3903 字

+ 加入清单

现在用flash开发的游戏是越来越多了。很多朋友也很想学习用Flash制作游戏的方法。大家知道,不管在什么游戏中,实现物体运动是游戏的前提,而不同的游戏里物体移动的方式又不尽相同。所以,想学习制作Flash游戏的朋友今天就先随我一起学学在Flash中实现物体运动的几种方法吧。几种方法如下:

方法一:通过单击按钮实现物体的单位运动

这种方法一般在需要按键的游戏中使用。你也可以给某个实体加上这段代码,然后通过单击这个实体达到某种游戏效果。

1、 打开Flash,按快捷键"Ctrl + M"打开[ Movie Properties ]面板。根据你的要求设置场景大小和背景颜色。

2、 按快捷键"Ctrl + F8"新建一个名为Graphic的Graphic符号(Movie Clip符号也行)。

3、 按快捷键"Ctrl + R"导入一张动物图片(我导入图片中动物的脸是面向右的,这样是为了移动效果更真实)。你也可以在move影片的场景里随便画个方块或圆圈。不过这样做效果就不太明显了。

4、 按快捷键"Ctrl + F8"新建一个名为move的Movie Clip符号,把Graphic符号拖拽到move影片的第1帧中。双击第1帧,输入函数Stop()。右键单击第1帧,选择Copy Frames命令。然后右键单击第2帧,选择Paste Frames命令。

5、 选择move影片第2帧中的图片,执行[Modify]→[Transform]→[Flip Horizontal]命令把图片水平翻转。注意:影片在第1帧和第2帧中的位置应该是一样的(用快捷键"Ctrl + Alt + I"打开Instance面板设置图片的X轴Y轴坐标)。

6、 回到主场景,按快捷键"Ctrl + L"打开Library后按住鼠标左键把影片move拖拽到场景中。按快捷键"Ctrl + I"打开Instance面板,给move影片起名为mc。

7、 单击[Windows]菜单→[Common Libraries]→[Bottons]打开按钮符号库。选择 "(circle)VCR Button Set"中的"gel Left"和"gel Right"按钮,然后把它们拖拽到场景中适当的位置。

8、 右键单击"gel Left"按钮,输入如下代码:

复制代码

代码如下:

on (release) {

tellTarget ("_root.mc") { //告知电影以被调用,跳转到第2帧

gotoAndStop (2); //跳转到第二帧后,影片就换了个方向

}

movex = getProperty("/mc", _x); //将影片在场景中的X坐标值附给movex

movex = movex-10; //以10个像素为单位变动坐标值,实现物体的移动。

setProperty ("/mc", _x, movex); //重新定义影片的_x坐标属性

}

9、 右键单击"gel Right"按钮,输入如下代码:

复制代码

代码如下:

//单击此按钮,跳转到第1帧。实现图片地翻转

on (release) { //以下代码含义参考上面

tellTarget ("/mc") {

gotoAndStop (1);

}

movex = getProperty("/mc", _x);

movex = movex+10;

setProperty ("/mc", _x, movex);

}

以上两段代码是用来控制物体左右运动的。至于控制物体垂直方向运动的代码可以结合"方法二"自己编写。。

另外,你可以通过"onClipEvent (mouseDown){ }"语句实现单击鼠标左键实现物体的单向运动。"{ }"中添加的代码参考"方法一",很简单的,篇幅关系这里就不多说了。但是"方法一"的设计还有一些不完美。这些我们将在"方法二"中解决。

方法二:通过敲击方向键实现物体的单位运动

这种方法在游戏中是经常被使用到的,尤其是RPG游戏,学会它是设计RPG和其它很多游戏(如俄罗斯方块)的基础。实例中用的是小键盘的方向键,你有可以把它改成其它键,做出各种你想要的效果。

1-5步同"方法一"。

6、 右键单击move影片第1帧中的Graphic图片(是右键单击图片,不是帧),选择Actions命令。输入如下的代码:

复制代码

代码如下:

onClipEvent (keyDown) { //当键被按下后执行下面的语句

if (Key.getCode() == Key.LEFT) {

//如果击键为←键就告之影片跳到第2帧执行。实现图片地翻转

tellTarget ("/mc") {

gotoAndStop (2);

}

}

if (Key.getCode() == Key.RIGHT) { //如果击键为→键就执行下面的语句

width = getProperty("/mc", _width); //把影片宽度附值给变量width

movex = getProperty("/mc", _x);

movex = movex+width/10; //以影片宽度的十分之一作为图片移动的单位值

setProperty ("/mc", _x, movex);

}

if (Key.getCode() == Key.UP) { //以下代码含义参考上面

height = getProperty("/mc", _height);

movex = getProperty("/mc", _y);

movex = movex-height/40;

setProperty ("/mc", _y, movex);

}

if (Key.getCode() == Key.DOWN) {

height = getProperty("/mc", _height);

movex = getProperty("/mc", _y);

movex = movex+height/40;

setProperty ("/mc", _y, movex);

}

}

7、 右键单击第2帧中的move影片,选择Actions命令。输入如下代码:

复制代码

代码如下:

onClipEvent (keyDown) { //以下代码含义参考上面

if (Key.getCode() == Key.LEFT) {

width = getProperty("/mc", _width);

movex = getProperty("/mc", _x);

movex = movex-width/10;

setProperty ("/mc", _x, movex);

}

if (Key.getCode() == Key.RIGHT) {

//如果击键为→键就告之影片跳到第1帧执行。实现图片地翻转

tellTarget ("/mc") {

gotoAndStop (1);

}

}

//还有两段控制图片上下运动的代码同上

}

8、 回到主场景,按快捷键"Ctrl + L"打开Library后按住鼠标左键把影片move拖拽到场景中。按快捷键"Ctrl + I"打开Instance面板,给影片move起名为mc。

这样,影片就可以做上下左右的运动了。不相信你可以按小键盘上的方向键试试看。最终效果如图2。不过大家又发现一个问题,就是实体一直往一个方向移动的话,然后就会跑的无影无踪。那怎么办呢?别急,让我们再给实体加上下面一段代码,让实体出不了边界:

右键单击move影片第1帧中的Graphic图片,然后在"movex = movex+width/10;"代码下添加如下代码:

复制代码

代码如下:

if(movex>=300-width){ //假设影片的场景宽度为300;

movex=300-width; //这样设置是因为场景是以左上角的点为(0,0)点的

}

右键单击move影片第2帧中的Graphic图片,然后在"movex = movex-width/10;"添加如下代码:

复制代码

代码如下:

if(movex

movex=0;

}

在垂直方向运动的代码你可以自己写了吧,我这里就不说什么了。

影片中,你也可以把图片换成动画。如果你想自己做人物动画(如果你自己不会画的话,就把GIF动画拆下来用。明白嘛!^o^),你可以制作8张图片,两个一组,前后左右方位的共四组,然后在影片中再增加几帧就OK了(大家可以自己探索一下)。这样就不会象导入Gif动画后影片一直动个不停了。

方法三、通过鼠标拖拽和点击实现物体的任意运动

拖拽方法的实现是很简单的,但它在游戏中的运用却是很广泛的。如拼图,推箱子,打老鼠,棋类等游戏都要用到这种方法。

新增一个名为"mc"的影片。然后右键单击鼠标输入下面的代码即可:

复制代码

代码如下:

onClipEvent (mouseDown) { //当鼠标按下时执行下面代码

startDrag (mc); //让影片吸附在鼠标并跟随鼠标一起运动

}

onClipEvent (mouseUp) { //当松开鼠标时执行下面代码

stopDrag (); //影片脱离鼠标

}

这段代码的功能是点击一下鼠标,影片就出现在什么地方。

新增一个名为"mc"的影片。然后右键单击鼠标输入下面的代码即可:

复制代码

代码如下:

onClipEvent (mouseDown) {

x = _root._xmouse; //把鼠标当前在场景中的X坐标值附值给变量x

y = _root._ymouse; //把鼠标当前在场景中的Y坐标值附值给变量y

setProperty ("/mc", _x, x);

setProperty ("/mc", _y, y);

}

展开阅读全文

篇20:怎么利用Flash 简单的鼠标翻扑克动画

全文共 480 字

+ 加入清单

通过本例的制作,来加强前面所学知识的理解,并学习如何配合使用达到更好效果,用简单的方法创作很酷的三维效果,在结合创作中加深理解应用。

本例思路: 创建实例背景。

绘制牌的正面和反面并转换为图形元件。

创建一个牌的容器,转换为元件类“Card”,将正反面牌分别放置于第1、2帧。

创建文档类,控制扑克牌对象的rotationY属性。

实例步骤:(1)新建一个空白文档,舞台大小设置为500*250,帧频设置为120,绘制一个与舞台大小同样大小的矩形,并填充放射状渐变色,设置第一色标颜色为(R:0,G:246,B:93)Alpha: 100%,设置第二色标颜色为(R:0,G:131,B:49)Alpha: 100% ,设置第三色标颜色为(R:0,G:62,B:23)Alpha: 100% ,如下图15-1所示。

图15-1 绘制背景

(2)使用“渐变变形工具”进行调整高光位置和渐变分布模式,如下图15-2 所示。

图15-2 渐变调整

(3)分别创建两个图形元件,命名为“back”和“9”。简单绘制扑克牌“9”的正反面,注册点在中心位置且大小必需相同,如下图15- 3所示

展开阅读全文