4.3制作形状补间动画 课件 -2022-2023学年高二下学期（中职）《网页设计与制作》（华南理工版）

制 作 形 状 补 间 动 画 准备知识 制作形状补间动画 补间形状动画制作过程 任务实施 小刚是某网络公司美工设计师，接到网站设计者的任务。需要使用Flash制作一幅形状补间动画。 制 作 形 状 补 间 动 画 任务三：制作形状补间动画 任务分析： 理解牢记！ 由于在Flash中通过制作形状补间动画，可以轻松实现形变和色彩渐变的动画效果。因此，小张决定使用形状补间来完成此任务。 任务三：制作形状补间动画 任务 实施 制作形状补间动画 （1）启动Flash，新建一个文档，在“属性”面板中设置大小为550像素×450像素，速率为12fps。 （2）使用“工具栏”中的“椭圆工具”在舞台中绘制一个圆形图案，如下图所示。 （3）在第10帧插入一个关键帧，在舞台中绘制一个角形图案，如下图所示。 （4）在时间轴中的两个关键帧之间右击，在弹出的快捷菜单中选择“创建补间形状”命令，如下图所示。 （5）此时，按Ctrl+Enter组合键即可预览效果，如下图所示。 使 用 关 键 帧 在 动 画 中 插 入 声 音 准备知识 使用关键帧在动画中插入声音 关键帧添加声音 任务实施 小刚是某网络公司美工设计师，接到网站设计者的任务。需要使用Flash制作一幅插入声音的动画。 使 用 关 键 帧 在 动 画 中 插 入 声 音 任务四：使用关键帧在动画中插入声音 任务分析： 理解牢记！ 由于制作精美的Flash动画都不可避免地要用到各种声音，这样更能吸引人。因此，小刚决定使用关键帧在动画中插入声音。 任务四：使用关键帧在动画中插入声音 任务 实施 使用关键帧在动画中插入声音 （1）在文档中导入声音素材，选择“文件”→“导入”→“导入到库”命令，如下图所示，在打开的“导入到库”对话框中选择合适的素材，将素材导入到库中。 （2）在“属性”面板中的“声音”选项区的“名称”下拉列表框中，选择要导入的声音文件，如下图所示。 （3）此时，在时间轴上就显示了所添加的声音文件，如下图所示。 （4）在要停止播放帧的位置插入关键帧，在“名称”下拉列表框中选择相同的声音文件；在“同步”下拉列表框中选择“停止”选项，如下图所示。 （5）声音播放到该帧时，即停止播放，如下图所示。 拓展提高： 声音会占用大量的磁盘空间和内存，然而MP3声音数据是经过压缩的，要比WAV或者AIFF声音数据小一些。 一般情况下，当使用WAV和AIFF文件时，最好使用16bit 22kHz单声道声音（立体声的数据量是单声道的两倍），但Flash能以11kHz、22kHz、44kHz的取样速率导入8-bit、16-bit的声音文件。输出时，Flash能将声音转化成较低的取样速率。 使用“发布设置”功能发布动画 准备知识 使用“发布设置”功能发布动画 设置动画的发布格式 任务实施 小刚是某网络公司美工设计师，接到网站设计者的任务。需要使用Flash制作一幅动画，并要求保存为.swf格式。 任务五：使用“发布设置”功能发布动画 使用“发布设置”功能发布动画 任务分析： 理解牢记！ 由于设计师对Flash动画的格式要求不同，因此，他们会发布为不同的效果。 任务五：使用“发布设置”功能发布动画 任务 实施 使用“发布设置”功能发布动画 （1）在“发布设置”对话框中选择“类型”为Flash格式，在发布影片的具体设置对话框中选择发布的类型，然后单击“确定”按钮。 （2）选择“文件”→“发布”命令（快捷键Shift+F12），即可发布动画，如下图所示。 重 点 难 点 项目四制作网页动画软件Flash 重点难点 掌握图层的使用 重点 难点 掌握帧的使用 $