Adobe Flash CS5简单动画制作过程教程.doc

《Adobe Flash CS5简单动画制作过程教程.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实例1AdobeFlashCS5简单动画概述，本章主要讲解1、启动FlashCS5在安装了FlashCS5的系统中，双击桌面上FlashCS5图标，即可启动FlashCS5。图12、创建文档在弹出的欢迎界面上，选择新建栏中的ActionScript3.0，新建一个文档，如图5-1所示。图2也可以在欢迎界面关闭的情况下，点击菜单栏的“文件”—“新建”（快捷键ctrl+N），设置新建文档的属性。图33、绘画元件我们开始制作花盆中的枝条发芽长大并开出花朵的动画。首先，点击库面板中的新建元件的图标，如图4所示。图4在弹出的对话框中,更改元件名称为花盆，

2、类型选择图形，如图5所示。图5点击确定，这时库面板中就将出现一个叫做花盆的元件，如图6所示。图6在花盆元件中我们开始绘画花盆。先用直线工具配合选择工具绘画出花盆的轮廓线，在使用颜料桶工具，填充颜色。最后删除线条。图7使用同样方法新建元件起名为枝条，类型为图形，绘制如图8所示的枝条。图8完成后，返回到主场景，可以点击舞台左上角的场景图标。如图所示。图9在时间轴面板中，将库面板中的花盆元件拖入到舞台中，这时时间轴面板的图层1显示的就是花盆元件了，空白关键帧变成了关键帧，双击图层一的名称将名称更改为花盆，如图10所示。图10点击时间轴面板左下角的新建

3、图层按钮，新建一个图层，更改名称为枝条，为避免误操作我们可以将暂时不用的图层锁住，如图11所示，这时我们可以把花盆图层锁住。图11确定是在枝条图层下将库面板中的枝条元件拖拽到舞台。选中枝条图层，鼠标左键点住后不松手拖动到花盆图层的下面，当显示出如图12所示的黑线时松手图12这时花盆图层就在枝条图层的上面了，花盆就遮挡住一部分枝条了。4、制作动画为了体现枝条破土而出的效果，我们将先制作一下枝条的位移动画。假设我们需要枝条破土而出的时间需要70帧，那我们就将两个图层的第70帧选中并按快捷键F6或者右键在弹出的对话框中选中“插入快捷键”设置为关键帧，

4、如图13所示。图13图14图15将枝条图层的第一帧选中，把枝条元件拖动到花盆下面。图16在枝条图层中的两个关键帧中选中任意一帧右键，在弹出的对话框中选择“创建传统补间”。图17这样就完成了枝条的位移动画，如图8所示。图18接下来，我们发现，我们只是想让枝条显示花盆以上的内容，花盆以下的内容是不应显示的，如何实现这种效果呢？这时就需要制作遮罩动画了。所谓遮罩动画就是，用遮罩层中物体的形状来显示被遮罩层中的物体，并且遮罩层和被遮罩层都可以制作动画。在上述动画中我们需要显示的是花盆以上的枝条，这时需要我们在枝条图层上在新建一图层，更改名称为矩形遮罩，

5、并在矩形遮罩图层中的花盆上绘制一个可以遮挡住枝条的矩形。图19然后右击矩形遮罩图层的名称在弹出的对话框中选择遮罩层，这时矩形遮罩图层将变为遮罩层。图20程序会自动的将遮罩层下面的一个图层收纳为被遮罩层，这时我们就是透过矩形遮罩图层中的矩形的形状看到被遮罩层：枝条层中的物体枝条的，而没有矩形的地方如花盆的下面就不显示图21这时我们开始制作花朵的动画。就是一个简单的形变动画。首先，新建一元件，取名为花，类型为图形，我们先在第一帧绘画出一个花苞，图22在第十帧时绘画出绽放的花朵。图23在第五帧时按F6键，在第五帧和第十帧这两个关键帧中选择任意一帧右键

6、选择创建补间形状，图24如果需要最后一帧持续显示就在需要延续到的那帧按快捷键F5。形变动画就形成了，需要制作形变动画的对象必须是散件，而不是元件。图25回到场景，新建一图层，更名为花。在第70帧确定关键帧，将在库面板中的花元件拖入舞台中，在第74帧插入关键帧，把第70帧的关键帧中花苞缩小一些，在70帧与100帧中任意一帧选中，右键选择创建传统补间，并将所有图层帧数都延续到100帧。图26动画完成：图275、保存文档在完成对Flash文档的编辑和修改后，需要对其进行保存。选择“文件”—“保存”命令，在弹出的对话框中设置文件的存储路径，名称，和文件

7、类型，单击“保存”完成。