项目九 使用Flash CS5制作网页动画素材（课件）-《网页制作三合一案例教程》同步教学（航空工业出版社）

项目九 使用Flash CS5制作网页动画素材 任务一 认识Flash CS5 任务二 绘制和调整线条 任务三 绘制和变形几何图形 任务四 设置图形的填充和轮廓 任务五 使用文本 任务六 导入和应用外部图像 任务一 认识Flash CS5 任务说明 本任务我们首先启动Flash CS5并熟悉其工作界面，然后学习动画文档的基本操作，接着了解动画制作的基本原理。 预备知识 一、启动Flash并熟悉其工作界面 正确安装Flash CS5后，可参照以下方法启动Flash CS5。 一、启动Flash并熟悉其工作界面 启动Flash CS5后，首先显示起始页。 一、启动Flash并熟悉其工作界面 单击“起始页”“新建”列中的“ActionScript 3.0”或“ActionScript 2.0”即可新建一个Flash文档，并进入Flash CS5工作界面。 二、Flash文档基本操作 新建、保存和打开Flash文档是制作Flash动画最基本的操作。另外，在制作动画过程中，一般都要测试动画效果，这就需要预览动画。 1．新建文档 启动Flash CS5时，在开始页的“新建”设置区单击要创建的文档类型，通常单击“ActionScript 3.0”选项。 进入Flash CS5工作界面后，选择“文件”>“新建”菜单或按快捷键【Ctrl+N】，在打开的对话框中选择要新建的文档类型，并单击“确定”按钮。 2．保存文档 选择“文件”>“保存”菜单或按快捷键【Ctrl+S】，在打开的“另存为”对话框中选择文档保存路径，输入保存文件名，选择保存类型，然后单击“保存”按钮保存文档。 3．打开文档 启动Flash时，在开始页左侧的“打开最近的项目”列选择最近编辑过的文档。 在工作界面中选择“文件”>“打开”菜单，或按快捷键【Ctrl+O】，在打开的“打开”对话框中选择要打开的文档，然后单击“打开”按钮。 直接在保存文档的文件夹中双击要打开的Flash文档。 4．预览动画 在制作动画过程中，按下【Enter】键，可以测试动画在时间轴上的播放效果；反复按【Enter】键可在暂停测试和继续测试之间切换。 若希望测试动画的实际播放效果，可选择“控制”>“测试影片”菜单，或按快捷键【Ctrl+Enter】，在Flash Player播放器中预览动画。 三、了解动画制作原理 传统动画和影视都是通过连续播放一组静态画面实现，每一幅静态画面就是一个帧，Flash动画也是如此。在时间轴的不同帧上放置不同的对象或设置同一对象的不同属性，例如位置、形状、大小、颜色、透明度等，当播放头在这些帧之间移动时，便形成了动画。 第1帧上的红心图形 在第2帧插入关键帧 适当放大第2帧上的红心图形 播放头在哪帧，在舞台上编辑的便是该帧上的图形 任务实施——制作一个简单的网页动画 本任务通过制作一个简单的网页动画，来练习Flash文档的基本操作，并熟悉一般动画的创建流程（具体操作可参考本书配套视频9-1.swf）。 任务二 绘制和调整线条 任务说明 Flash动画中各种图形的轮廓都是由线条组成的，利用Flash CS5提供的“线条工具” 和“铅笔工具” 可以绘制各种线条，利用“选择工具” 可以将绘制的线条调整为任何形状，从而得到需要的图形。 预备知识 一、使用线条工具 使用“线条工具” 可以绘制出不同角度的直线段，其使用方法可参考以下操作。 设置笔触颜色 设置笔触样式 设置笔触高度 二、使用铅笔工具 使用“铅笔工具” 可以模仿用铅笔在纸上绘制图形的效果，并且通过设置绘图模式，可以绘制不同风格的线条。 三、使用选择工具 使用“选择工具” 可以方便地将图形调整为任何需要的形状。 任务实施——绘制小花 本任务通过绘制小花，来练习使用铅笔工具、线条工具和选择工具绘制及调整图形的方法（具体操作可参考本书配套视频9-2.swf）。 任务三 绘制和变形几何图形 任务说明 使用几何工具组中的“矩形工具” 和“椭圆工具” 可以绘制出矩形和椭圆。另外还可以使用“任意变形工具” 或其他工具对绘制的几何图形进行调整，从而绘制出需要的图形。本任务便来学习这几个工具的应用。 预备知识 一、使用矩形工具 使用“矩形工具” 可以绘制矩形、正方形和圆角矩形。 二、使用椭圆工具 “椭圆工具” 的使用方法与“矩形工具” 大同小异，利用它可以绘制出椭圆形、正圆形、扇形和弧线等。其使用方法可参考以下操作。 三、使用任意变形工具 “任意变形工具” 是Flash中使用最多的编辑工具之一，利用它可以旋转、倾斜、缩放和扭曲对象，还可通过编辑封套调整对象形状。 任务实施 一、绘制风车 本节通过绘制风车图形，学习“线条”、“矩形”和“椭圆”工具的应用（具体