flash cs5动画制作教程 (4)

Flash CS5跳绳动画的制作和有顺单位：安阳县职业中专时间：2021年10月25日１.新建文档，注意选择ActionScript 3.0选项。

２.选择直线工具，设置笔触宽度为３，颜色为绿色，然后在舞台上按住Shift键画一水平直线。

如下列图所示：然后使用选择工具，调整直线成曲线，作为跳绳，如下列图：选中曲线后转换为影片剪辑，注意对齐方式为靠下居中方式，如下列图所示：使用3D旋转工具拖动中心点到跳绳的下面中间位置，如下图：３.制作跳绳动画。

在时间轴第20帧处插入普通帧，并创立补间动画，注意不是传统补间，并右键选中3D补间，如下列图所示：然后点击动画编辑器，进入动画编辑器状态。

在动画编辑器中点击第10帧，然后设置旋转Ｘ为-180。

设置好后再点击20帧，设置旋转Ｘ为-360，如下图：跳绳动画完成。

４.制作跳绳的人。

插入影片剪辑并绘制跳动的人。

如下列图所示：把跳绳所在动画图层重命名为：跳绳，然后在其上面建立名为“落〞的图层，下面建立名为“跳〞的图层，最下面建立“抡绳〞图层，图层效果图如下所示：在“跳〞图层制作动画，选择“跳〞图层的第一个关键帧，从库里面把刚刚制作的跳绳的人拖到舞台上，调整位置到跳绳的中间，如下图：第10帧处插入关键帧，调整跳绳人的位置如下图：第一帧到第第十帧创立传统补间动画。

第11帧处插入空白关键帧。

然后选中第10个关键帧，右键选择复制帧。

切换到“落〞图层。

在第11帧处右键选择粘贴帧。

复制“跳〞图层的第一个关键帧，再粘贴到“落〞图层的第20帧处，然后“落〞图层的第11帧到第20帧作传统补间动画。

完成后的效果如下图：５.制作抡绳人。

新建一个影片剪辑，绘制抡绳人，效果如下图：返回舞台，拖动一个抡绳人到左边，并调整位置和大小，然后按住Ctrl键，拖动复制出另外一个抡绳人到右边，从修改菜单项选择择变形，再选择水平翻转，调整其位置，最后效果如下图：制作完成后的效果展示：。

本教程选自《跟着案例学Flash CS5课件制作》，一书，如需全部教程，请购买该书：读者服务QQ群号：4764513作者QQ：467616065读者服务博客：/blog/user1/2852/index.html读者服务微博：/u/26276730074.1.3 细胞的分裂细胞分裂是活细胞繁殖其种类的过程，一个细胞会分裂成2个，2个细胞又会分裂成4个。

本课件演示的正是细胞分裂的过程，如图4-19所示，细胞是用圆表示的，先出示一个圆，这个圆逐渐分裂成2个，分裂后在舞台上停留1秒钟，然后这2个圆再逐渐分裂成4个圆。

显然，这个动画也不能做在一个图层中，如果强行做在一个图层中，也能够创建成功“补间形状”，只是变化的过程会和希望的不一样。

那么应该怎样分解到图层呢？可以这样想：一个圆分裂成2个，再分裂成4个，每个圆的动画都需要一个图层，4个圆就需要4个图层。

和上一个课件相比，这个课件又复杂了一些。

上一个课件只有一个动画，一个图层只有两个关键帧，做出这两个关键帧之间的动画就可以了。

而这个课件明显的分为3个阶段，1个圆变成2个圆是一个阶段，2个圆在舞台上停留1秒钟是第二个阶段，而2个圆变成4个圆又是一个阶段。

这样，一个图层上就不能只有2个关键帧了，需要有多个关键帧，在制作时要重点观察时间轴的设置。

另外，以前绘图时，对图形的定位和大小设置，主要是通过在“属性”面板中调整图形的属性值来做的，用这种方法的好处是可以做到非常精确，但问题在于计算很麻烦，特别是本课件，所绘制的圆形比较多，相互之间大小、位置不同但又有联系，计算起来特别繁杂。

因此，这里在舞台上设置了一些辅助线以帮助绘图，这样更直观一些。

图4-19 细胞分裂示意图制作步骤：1.设置辅助线（1）新建Flash文件，把舞台大小设为800×600像素，帧频设为每秒12帧，其他属性保持默认值不变。

（2）选择“视图”｜“标尺”命令，舞台上方和左方出现带有刻度的标尺。

实例1 Adobe Flash CS5简单动画概述，本章主要讲解1、启动Flash CS5在安装了Flash CS5的系统中，双击桌面上Flash CS5图标，即可启动Flash CS5。

图12、创建文档在弹出的欢迎界面上，选择新建栏中的ActionScript3.0，新建一个文档，如图5-1所示。

图2也可以在欢迎界面关闭的情况下，点击菜单栏的“文件”—“新建”（快捷键ctrl+N），设置新建文档的属性。

图33、绘画元件我们开始制作花盆中的枝条发芽长大并开出花朵的动画。

首先，点击库面板中的新建元件的图标，如图4所示。

图4在弹出的对话框中,更改元件名称为花盆，类型选择图形，如图5所示。

图5点击确定，这时库面板中就将出现一个叫做花盆的元件，如图6所示。

图6在花盆元件中我们开始绘画花盆。

先用直线工具配合选择工具绘画出花盆的轮廓线，在使用颜料桶工具，填充颜色。

最后删除线条。

图7使用同样方法新建元件起名为枝条，类型为图形，绘制如图8所示的枝条。

图8完成后，返回到主场景，可以点击舞台左上角的场景图标。

如图所示。

图9在时间轴面板中，将库面板中的花盆元件拖入到舞台中，这时时间轴面板的图层1显示的就是花盆元件了，空白关键帧变成了关键帧，双击图层一的名称将名称更改为花盆，如图10所示。

图10点击时间轴面板左下角的新建图层按钮，新建一个图层，更改名称为枝条，为避免误操作我们可以将暂时不用的图层锁住，如图11所示，这时我们可以把花盆图层锁住。

图11确定是在枝条图层下将库面板中的枝条元件拖拽到舞台。

选中枝条图层，鼠标左键点住后不松手拖动到花盆图层的下面，当显示出如图12所示的黑线时松手图12这时花盆图层就在枝条图层的上面了，花盆就遮挡住一部分枝条了。

4、制作动画为了体现枝条破土而出的效果，我们将先制作一下枝条的位移动画。

假设我们需要枝条破土而出的时间需要70帧，那我们就将两个图层的第70帧选中并按快捷键F6或者右键在弹出的对话框中选中“插入快捷键”设置为关键帧，如图13所示。

旋转工具平移工具
形状时，表示可围绕
形状时，表示可围绕
形状时，表示可围绕
图７－４５　３Ｄ旋转控件标变为形状时，表示可进行自由旋转，不受轴向约束。

素材所在位置光盘:\素材文件\第7章\课堂案
例4\立方体.fla
效果所在位置光盘:\效果文件\第7章\课堂案
例4\立方体.fla
视频演示 光盘:\视频文件\第7章\制作
“立方体”动画.swf
图７－４６　“立方体”动画
）打开素材文件中的“立方体．fla”文件。

】组合键，打开“创建新元件”对话框，在“名称”文本框中输入“立方体”文本，在“类型”下拉列表中选择“影片剪辑”选项，单击按钮。

入“立方体”元件编辑模式，把库面板中创建的6个元件拖动到“立方体”影片剪辑元
所示。

实例，在其“属性”面板中展开“3D定位和查看器”栏，在其中将x、y和z轴在“立方体”元件中放入创建的６个元件 图７－４８　定位元件１实例的位置。

实例1 Adobe Flash CS5 简单动画概述，本章主要讲解1、启动Flash CS5在安装了Flash CS5的系统中，双击桌面上Flash CS5图标，即可启动Flash CS5FlLd:obe Flash沾中文版图i2、创建文档在弹出的欢迎界面上，选择新建栏中的ActionScript3.0 ，新建一个文档，如图5-1所示。

FIADOBE FLASH PROFESSIONAL CSS从模扳削建■耶工住-寺U1他百朵巴拦收D运耳打开量返前顶目■怛專舍.M(J血一新建陆ActonS-cnpt 3.0Ad.»onScDpt 2.0 恰AdC&frARZ ft PtlDW OS 上IFlash 4 * Action右cript 之f* " Flash JavaScnpl .3； *=二Flwh 理 W H ActwnScnpt3 0 異"；'AciionScnpt 3.0整"蘇□□□□□□□□□□□1.弁se Ftasb ＞3. 轉直篷同里商»4. 案诃垄誹»5. 喪W交互»6. AdionScfipt ＞心理卷摒＞犷展10 ft »11 Adfilx： W >Flash Exchange »图2oodd 开＞垃汁人丘＞Adobe* Ci-cativ-e Sui te® 5 Web P:r «■ a. UB II 过购妾A dole Crtativ? Stu te 5 WetFftniun 期I Addbt Flish® CSS Frofessioniil.图3也可以在欢迎界面关闭的情况下，点击菜单栏的“文件”一“新建”（快捷键ctrl+N ）, 设置新建文档的属性。

文件（町輪捐［卽视團（Q 插入①■■|新遂泄）…CM-HM- 打并回…Ctrl+O1Fn在Bridge中浏览Ctrl+Alt-HD打开棗近的文件*关闭©Ctrl+W全部关闭Ctrl+Alt+W保存0Ctrl+Sfl早耳知际rtrl斗弋闻卄斗弋图33、绘画元件我们开始制作花盆中的枝条发芽长大并开出花朵的动画。

实验七--F l a s h-C S5动画制作实验七 Flash CS5动画制作一、实验目的1.能够制作出一个动画阶段的运动动画和形变动画，能够制作出简单的逐帧动画。

2.能够制作基本层动画，能制作遮罩特效的动画，能制作链接引导特效的动画，能够在动画制作中使用符号。

3.能够为动画添加声音，能制作按钮，能对按钮设置动作脚本以控制动画的播放二、实验内容（一）、打字效果（保存文件名为7-1.swf）操作提示：第一步在图层1的第3帧处插入关键帧并使用【文本工具】写入“从”字。

（文字内容可自行设计）第二步在第4帧处插入关键帧，并在当前帧的“从”字后输入“前”字，接着在第5、6、7、8、9、10……帧分别插入关键帧，并依次在各个关键帧处插入“有”、“一”、’座”、“山”、“山”、“上”、“有”、“座”、“庙”第三步设置播放速度为6帧每秒。

（二）、写字效果（保存文件名为7-2.swf）操作提示：第一步在第一帧使用文本工具插入“白日依山尽，黄河入海流”，并选择合适字体。

第二步将文本两次分离，在第2帧上插入关键帧，然后使用橡皮擦擦除’流’字的最后一个笔画，接着再插入关键帧，对各个文字进行反笔画擦除。

第三步全部擦除完毕之后，选中所有关键帧，点击鼠标右键，在弹出的菜单上选择“翻转帧”。

（三）、变换文字（保存文件名为7-3.swf）操作提示：第一步设置宽300像素、高100像素的粉红色舞台。

第二步单击第一帧，键入大小为“70”的蓝色隶书“形状补间”四字，居中。

在第5帧插入关键帧。

第三步选中第5帧上的文本，按下快捷键ctrl+B两次，把文字打散。

第四步在第20帧插入空白关键帧，用同样的大小和字体键入红色“快乐学习”三字，居中。

用同样的方法把字打散。

第五步选中第5帧，创建补间形状。

第六步在第25帧插入一个普通帧。

第七步测试影片，观看效果。

（四）、添加形状提示（保存文件名为7-4.swf）操作提示：第一步新建一个Flash CS5文档。