《Flash CC动画设计与制作》 第九章 Flash CC动画优化和发布 课件

Flash CC 动画设计与制作 第九章 Flash CC动画优化和发布 ‹#› LOGO 教学目标 1.掌握动画发布设置。 2.掌握网页发布设置。 3.掌握图片发布设置。 教学内容： 本章主要讲述如何将制作的Flash动画作品进行发布。可以输出的影片类型很多，为了避免输出多种格式时每一次都需要进行设置，可以从发布设置对话框中选择需要的全部发布格式，并进行设置。运用前面章节所学知识点，通过制作动画案例，重点从动画发布、网页发布和图片发布，三种格式进行设置。这对以后把自己的动画作品发布到网上有很大的帮助，是必须熟练掌握的的知识点。 目录 9.1 动画发布 9.2 网友发布 9.3 图片发布 本章小结 4 9.1 动画发布 9.1.1 案例描述 9.1.2 制作步骤 9.1.3 案例小结——传统补间、SWF动画的运用 9.1.4 能力扩展 5 9.1.1 案例描述 本案例主要使用“钢笔工具”绘制蝴蝶停在梅花上舞动效果。蝴蝶翅膀的舞动效果，运用传统补间，实现同一个元件的大小属性的变化。制作过程中主要使用新建元件、传统补间、钢笔工具、矩形工具、刷子工具等组合完成。作品完成后，发布动画。 6 9.1.2 制作步骤 制作过程中主要使用“传统补间”、“钢笔”工具、“矩形”工具、“刷子”工具等组合完成。作品完成后，发布动画。 7 9.1.3 案例小结——传统补间、SWF动画的运用 制作传统补间动画，动画的元素必须是元件或组合对象，元件由一个位置到另一个位置的变化。在关键帧之间的任意一帧，右键选择“创建传统补间”即可实现同一个元件的大小、位置、颜色、透明度、旋转等属性的变化。 SWF动画是在浏览网页时常见的具有交互功能的动画。它是以.swf为后缀的文件，拥有动画、声音和交互等全部功能，需要在浏览器中安装Flash播放器才能看到。 8 9.1.4 能力扩展 综合运用前面所写知识，制作蝴蝶在梅花林中的飞舞动画，如上图所示“扩展效果图”。 9 9.2 网页发布 9.2.1 案例描述 9.2.2 制作步骤 9.2.3 案例小结——网页发布设置 9.2.4 能力扩展 10 9.2.1 案例描述 本案例是制作网页视频播放时缓慢加载的进度条，进度条制作简单，主要用形状补间动画把里面的填充色块逐帧扩大。制作过程中不需要用到代码，主要使用矩形工具、创建形状补间、文本工具等组合完成。 11 9.2.2 制作步骤 制作过程中主要使用“矩形”工具、创建形状补间、“文本”工具等组合完成。 12 9.2.3 案例小结——网页发布设置 Flash影片发布(HTML)的时候，如果在网页浏览窗口中，影片偏左或偏右，无法选择居中。这样的情况，在发布设置“大小（Z）”选择“百分比”，“缩放（C）”选择“无缩放”这样影片就会在网页居中位置。如果有白边，可以设置“缩放（C）”选择“无边框”，去掉白边，但画面会放大。另一种方法，设置“缩放（C）”选择“进度匹配”，也可以去掉白边，但画面会被拉伸变形。 13 9.2.4 能力扩展 结合进度表运动原理制作，运用传统补间动画，制作玻璃瓶水满效果动画，如上图所示“扩展效果图”。 14 9.3 图片发布 9.3.1 案例描述 9.3.2 制作步骤 9.3.3 案例小结——网页发布设置 9.3.4 能力扩展 15 9.3.1 案例描述 16 9.3.2 制作步骤 本案例主要使用钢笔工具绘制云朵、草、山等,完成一幅清晰的风景画,作品完成后,发布图片. 17 9.3.3 案例小结——细节元素上的优化 在制作图片文件时如果需要导入位图,导入后可以按 C t r l ＋L 组合键打开 “ 库”面板,双击库中已导入的图片元件,弹出 “ 位图属性”面板,把 “ 使用导入的 J P E G 数据”前的勾去掉,在品质栏里输入 “９ ８ ”( 不要输入 “ １ ０ ０ ”) ,单击 “ 更新”按钮,导入的位图即得到大幅度压缩. 在制作时注意限制线条类型的数量也可以控制文件的大小.例如,少用虚线、点 ２ ３ ３ 状线等,尽量使用实线,因为它所占体积较小.另外,用铅笔工具生成的线条比用刷子工具笔触生成的线条体积小. 18 9.3.4 能力扩展