项目3 特殊动画 Flash CS6动画制作项目教程教材.ppt

拓展练习——数码天地 利用滤镜和3D平移工具制作文字由远及近的动画。要求文字在远处是模糊的，并且接近缩小到一个点，文字在近处是清晰的。其动画播放过程如图3-84所示。 步骤提示： （1）导入背景图片，使之与舞台完全匹配。 （2）新建一个图层，输入“数码天地”文字，将该文字转换为影片剪辑元件。设置文字的大小为最终显示状态的大小。 （3）右击“数码天地”文字图层的第1帧，在弹出的快捷菜单中选择【创建补间动画】命令，在第50帧按F5键插入帧，即可在第1~50帧之间创建补间动画。 （4）单击“数码天地”文字图层的第50帧，选择3D平移工具，按住鼠标左键沿着左上角的方向拖拉，实现“数码天地”文字由近及远的运动过程。 （5）为“数码天地”文字添加模糊滤镜，设置第1帧的模糊值为0，第50帧的模糊值为20像素。 任务3.4 在 路 上 任务描述 （1）掌握骨骼工具的用法。 （2）掌握骨骼动画的制作方法。 任务目标 在Flash CS6中可以很方便地利用骨骼工具，把骨骼结构应用于对象上，然后通过在不同的时间里调整骨骼结构的位置来操纵对象的运动。本任务利用骨骼工具制作人物走路效果的骨骼动画，其主要过程动画如图3-85所示。 清华大学出版社 清华大学出版社 清华大学出版社 清华大学出版社 项目3 特殊动画 任务3.1 蜻 蜓 飞 舞 任务描述 前面讲解了多种类型的动画，如果大家仔细观察，会发现这些动画的运动轨迹都是直线。在实际生活中，有很多运动轨迹是圆形、弧形的，甚至是不规则曲线，如树叶飘落轨迹、小鸟飞翔轨迹、激光写字轨迹、星体运动轨迹等。在Flash 中，可以通过引导层动画来实现这些动画的效果。本任务通过如图3-1所示的蜻蜓飞舞动画实例详细介绍引导层动画的制作过程。其中，蜻蜓的运动轨迹是先在第一朵花上停留片刻之后迅速飞到第二朵花上，然后在第二朵花上稍作停留，又迅速飞到第三朵花上。 任务3.1 蜻 蜓 飞 舞 任务目标： （1）理解引导层动画的原理。 （2）掌握引导层动画的创建方法。 相关知识 3.1.1 引导层动画的概念 Flash提供了一种简便方法来实现对象沿复杂路径移动的效果，这就是引导层。带引导层的动画又叫轨迹动画。 要制作引导层动画，至少需要两个图层，即引导层和被引导层。其中，引导层位于上方， 在这个图层中有一条辅助线作为运动路径，引导层中的对象在动画播放时是看不到的；而被引导层位于引导层的下方，用来放置沿路径运动的动画。如图3-2所示为引导层和被引导层的示意图。 相关知识 3.1.2 引导层动画的条件 引导层中的对象必须是打散的图形，也就是说作为路径的线条不能是组合对象，被引导层必须位于引导层的下方。 3.1.3 创建引导层动画 在了解了引导层动画的基本概念后，下面介绍引导层动画的创建方法。 （1）新建一个Flash文件，在“图层1”的第1~30帧制作一个简单的传统补间动画，例如，小球从一边运动到另一边，得到的时间轴如图3-3所示。 设计过程——蜻蜓飞舞 （3）按Ctrl+F8快捷键，弹出【创建新元件】对话框，设置元件名称为“蜻蜓”，类型为图形，单击【确定】按钮，进入“蜻蜓”元件的编辑界面。 （4）选择“蜻蜓”元件“图层1”的第1帧，选择【文件】→【导入】→【导入到舞台】命令，将模块二 “蜻蜓飞舞”文件夹中的“蜻蜓.jpg”导入到“蜻蜓”元件的舞台中。移动蜻蜓图片，使其位于舞台中心位置。在第5帧处按F6键插入关键帧，用任意变形工具将蜻蜓稍微缩小并倾斜，如图3-7所示。 设计过程——蜻蜓飞舞 （5）返回“场景1”，新建“图层2”，单击“图层2”的第1帧，用铅笔工具绘制出如图3-8所示的引导线，右击“图层2”，在弹出的快捷菜单中选择【引导层】命令。 （6）新建“图层3”，并将“图层3”拖放到“图层2”的下方，此时“图层2”的标记变为 ，“图层2”的引导层生效。 设计过程——蜻蜓飞舞 （7）单击“图层3”的第1帧，从库中把“蜻蜓”元件拖放到舞台中，在“图层3”的第1～150帧之间插入相应的关键帧，并创建传统补间动画，其中各帧所对应的蜻蜓位置如图3-9所示。 （8）按Ctrl+Enter快捷键观看影片效果，会发现蜻蜓每次飞到花朵边就会稍作停留，然后迅速飞到下一花朵处。选择【文件】→【保存】命令，将文件保存为“蜻蜓飞舞.fla”，再选择【文件】→【导出】→【导出影片】命令，将文件导出为“蜻蜓飞舞.swf”。 强化练习——枫叶飘飘 利用引导层动画技术，制作枫叶沿着引导线零散飘落的动画效果，如图3-10所示。 图3-10 “枫叶飘飘”引导层动画效果 拓展练习——行驶的汽车 采用所学过的绘图和引导层动画知识，设计制作沿山坡爬行的汽车。 步骤提示： （1）绘制小山坡作为影片背景。 （2）创建影片剪辑元件—