AdobeFlashCS5简单动画制作过程教程.docx

AdobeFlashCS5简单动画制作过程教程.docx

《AdobeFlashCS5简单动画制作过程教程.docx》由会员分享，可在线阅读，更多相关《AdobeFlashCS5简单动画制作过程教程.docx（13页珍藏版）》请在冰点文库上搜索。

AdobeFlashCS5简单动画制作过程教程

实例1AdobeFlashCS5简单动画

概述，本章主要讲解

1、启动FlashCS5

在安装了FlashCS5的系统中，双击桌面上FlashCS5图标，即可启动FlashCS5。

图1

2、创建文档

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

图2

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

图3

3、绘画元件

我们开始制作花盆中的枝条发芽长大并开出花朵的动画。

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

图4

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

图5

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

图6

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

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

最后删除线条。

图7

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

图8

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

如图所示。

图9

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

图10

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

图11

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

选中枝条图层，鼠标左键点住后不松手拖动到花盆图层的下面，当显示出如图12所示的黑线时松手

图12

这时花盆图层就在枝条图层的上面了，花盆就遮挡住一部分枝条了。

4、制作动画

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

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

图13

图14

图15

将枝条图层的第一帧选中，把枝条元件拖动到花盆下面。

图16

在枝条图层中的两个关键帧中选中任意一帧右键，在弹出的对话框中选择“创建传统补间”。

图17

这样就完成了枝条的位移动画，如图8所示。

图18

接下来，我们发现，我们只是想让枝条显示花盆以上的内容，花盆以下的内容是不应显示的，如何实现这种效果呢？

这时就需要制作遮罩动画了。

所谓遮罩动画就是，用遮罩层中物体的形状来显示被遮罩层中的物体，并且遮罩层和被遮罩层都可以制作动画。

在上述动画中我们需要显示的是花盆以上的枝条，这时需要我们在枝条图层上在新建一图层，更改名称为矩形遮罩，并在矩形遮罩图层中的花盆上绘制一个可以遮挡住枝条的矩形。

图19

然后右击矩形遮罩图层的名称在弹出的对话框中选择遮罩层，这时矩形遮罩图层将变为遮罩层。

图20

程序会自动的将遮罩层下面的一个图层收纳为被遮罩层，这时我们就是透过矩形遮罩图层中的矩形的形状看到被遮罩层：

枝条层中的物体枝条的，而没有矩形的地方如花盆的下面就不显示

图21

这时我们开始制作花朵的动画。

就是一个简单的形变动画。

首先，新建一元件，取名为花，类型为图形，我们先在第一帧绘画出一个花苞，

图22

在第十帧时绘画出绽放的花朵。

图23

在第五帧时按F6键，在第五帧和第十帧这两个关键帧中选择任意一帧右键选择创建补间形状，

图24

如果需要最后一帧持续显示就在需要延续到的那帧按快捷键F5。

形变动画就形成了，需要制作形变动画的对象必须是散件，而不是元件。

图25

回到场景，新建一图层，更名为花。

在第70帧确定关键帧，将在库面板中的花元件拖入舞台中，在第74帧插入关键帧，把第70帧的关键帧中花苞缩小一些，在70帧与100帧中任意一帧选中，右键选择创建传统补间，并将所有图层帧数都延续到100帧。

图26

动画完成：

图27

5、保存文档

在完成对Flash文档的编辑和修改后，需要对其进行保存。

选择“文件”—“保存”命令，在弹出的对话框中设置文件的存储路径，名称，和文件类型，单击“保存”完成。