Flash CS6实例教程（第3版).pdf

普通高等教育“十一五”国家级规划教材 高职高专计算机系列规划教材 Flash CS6 实例教程（第 3 版）王亦工 主编 Publishing House of Electronics Industry 北京BEIJING 内 容 简 介 本教材包含了关于 Flash CS6 所有核心的、最重要的应用技术的讲解以及丰富的实例演示，帮助读者在有限的时间内，最有效地掌握 Flash CS6 核心技术。本书内容包括：（1）各种工具介绍，如基本绘图工具、颜色工具、文字工具、装饰性绘图工具以及 3D 工具；（2）各种动画制作技术讲解，包括逐帧动画、补间形状、补间动画、骨骼工具和反向运动、滤镜和混合技术、遮罩技术；（3）综合技能运用，包括 Flash MV 动画制作技术和视频处理和制作技术。本书实例丰富、有趣、实用。实例的设计以最能体现知识点为原则，帮助读者快速掌握相关知识点。各章配有实训和源文件。未经许可，不得以任何方式复制或抄袭本书之部分或全部内容。版权所有，侵权必究。图书在版编目（CIP）数据 Flash CS6 实例教程/王亦工主编.3 版.北京：电子工业出版社，2014.1 普通高等教育“十一五”国家级规划教材 高职高专计算机系列规划教材 ISBN 978-7-121-22038-8.F .王 .动画制作软件高等职业教育教材 .TP391.41 中国版本图书馆 CIP 数据核字（2013）第 284475 号 策划编辑：吕 迈（L）责任编辑：靳 平 印 刷：装 订：出版发行：电子工业出版社 北京市海淀区万寿路 173 信箱 邮编 100036 开 本：7871 092 1/16 印张：12.25 字数：313.6 千字 印 次：2014 年 1 月第 1 次印刷 印 数：4 000 册 定价：25.00 元 凡所购买电子工业出版社图书有缺损问题，请向购买书店调换。若书店售缺，请与本社发行部联系，联系电话及邮购电话：（010）88254888。质量投诉请发邮件至 ，盗版侵权举报请发邮件至 。服务热线：（010）88258888。前 言 十几年前，Macromedia（Flash 的开发商）就提出了富互联网应用（简称 RIA）的概念。富互联网应用业务以其丰富生动的内容、创新性和互动性、良好的用户体验，得到蓬勃发展，而优秀的 Flash 在 RIA 中的霸主地位始终如一，即使 RIA 领域的新星HTML5（可以提供用于绘画的 Canvas 元素）也未能撼动 Flash 在 RIA 中的地位。借用腾讯 Flash 技术专家宿海成的话来说：“Flash 发展到了今天，无论是功能还是用户群，都处在了一个前所未有的辉煌高度，充满了极大的商机。”有志投身于富互联网应用的朋友，深入学习 Flash 仍然是当今的首选。本教程在过去的版本基础上做了较大改动，删除了不必要的知识点，并着重介绍了最实用的新增功能，力求做到实用、简洁、高效。本教程包含了关于 Flash 所有核心的、最重要的应用技术的讲解以及丰富的实例演示，帮助读者在有限的时间内，最有效地掌握 Flash 核心技术。教程的章节内容是按照技术分类而分布、安排的，而非按照课程需要的时间，故教师应根据具体的教学大纲重新安排各章节的学时。由于定位和结构的原因，本教程中基本上没有包含 ActionScript（Flash 的编程语言）的内容，只是在非常必要的场合，简单介绍了一些代码的应用。如果希望在富互联网应用领域大展拳脚，还要继续学习 Flash 的编程语言，而 AS3（或 AS2）是需要花大力气去学习的另一门课程。本书由王亦工主编。本书编委会人员有：王幼松、涂英、张伦、郑磊、姜峰、郭春锋、张月、李海青、杨晶晶、夏辉、胡楠、徐芳、李琦、刘剑、王永成。教程中实例用 Flash 文件、素材及实训文件，电子教案请到电子工业出版社网站（）或作者的个人网站下载。欢迎对本教程提出宝贵建议，如在书中发现错误，请与出版社或作者联系，在此万分感谢！作者的联系方式：网站：http:/ 王亦工 2013 年 9 月 V 目 录 第 1 章 Flash CS6 在富互联网应用 中的地位 1 1.1 富互联网应用中的宠儿1 1.2 关于 Flash CS6 和 HTML5 的 背景信息2 1.3 Flash 在 HTML5 市场中的地位3 1.4 利用 Google Swiffy 工具转换 Flash 动画为 HTML5 动画4 1.5 利用工具包 CreateJS，转换 Flash 动画为 HTML5 动画9 实训 110 第 2 章 Flash CS6 基本绘图工具11 2.1 Flash CS6 工作区 11 2.1.1 舞台和面板11 2.1.2 时间轴和图层12 2.1.3 文档和文件名13 2.2 基本绘图工具15 2.2.1 线条类绘图工具15 2.2.2 形状类绘图工具16 2.2.3 刷子工具和橡皮擦工具19 2.2.4 选取工具19 2.2.5 变形工具19 2.3 实例21 实训 227 第 3 章 Flash CS6 的颜色工具和文字 工具28 3.1 色彩基本知识28 3.2 颜色工具30 3.2.1 颜色面板30 3.2.2 使用十六进制颜色代码 31 3.2.3 颜色类型 32 3.2.4 墨水瓶和颜料桶工具 33 3.3 利用颜色工具制作实例 34 3.4 文字工具 40 3.4.1 文本和文本类型 40 3.4.2 TLF 文本 43 3.4.3 动态文本和输入文本 44 3.4.4 消除锯齿和嵌入字体 45 实训 3 45 第 4 章 Flash CS6 图像处理与装饰性 绘图工具47 4.1 库、公用库及图片管理 47 4.2 处理图像 49 4.3 处理元件 53 4.4 喷涂刷工具 55 4.5 装饰工具Deco 工具 59 4.6 三维工具3D 平移和 3D 旋转 工具 62 实训 4 64 第 5 章 Flash CS6 逐帧动画技术65 5.1 动画原理 65 5.2 帧和动画类型 67 5.3 逐帧动画制作实例 69 实训 5 78 第 6 章 Flash CS6 补间形状动画 技术80 6.1 形状的概念 80 6.2 简单的补间形状动画 81 VI 6.3 补间形状的方向控制方法82 6.4 各种形状的补间形状动画制作 实例85 实训 696 第 7 章 Flash CS6 补间动画技术97 7.1 传统补间动画技术97 7.1.1 传统补间的概念97 7.1.2 传统补间 1直线运动99 7.1.3 传统补间 2沿轨迹 运动102 7.1.4 复杂的传统补间动画 中的动画 104 7.2 补间动画技术105 7.2.1 补间动画与传统补间的 不同105 7.2.2 简单的补间动画106 7.2.3 具有 3D 效果的补间动画107 7.2.4 动画预设108 实训 7111 第 8 章 Flash CS6 骨骼工具和反向 运动（IK）112 8.1 使用形状作为多块骨骼的容器112 8.2 向元件添加 IK 骨架114 8.3 向骨骼添加弹簧属性117 实训 8120 第 9 章 Flash CS6 滤镜和混合 模式（1）121 9.1 滤镜技术简介121 9.2 投影滤镜122 9.3 模糊滤镜128 9.4 混合模式简介130 9.4.1 混合模式概念130 9.4.2 设置混合模式131 9.4.3 各种混合模式简介132 9.5 混合模式实例134 实训 9 141 第 10 章 Flash CS6 遮罩技术和 混合模式（2）142 10.1 遮罩基本概念 142 10.2 静态遮罩 145 10.3 动态遮罩 147 10.4 复杂的遮罩 148 10.5 利用混合模式制作柔和边缘 遮罩 158 10.5.1 图层、Alpha、擦除模式的 关系 159 10.5.2 利用图层、Alpha 混合模式 创建柔和边缘遮罩 160 实训 10 163 第 11 章 Flash MV 动画制作技术164 11.1 Flash MV 的特点 164 11.2 制作 Flash MV 所需的工作 164 11.3 音乐与动画同步 166 11.4 模拟镜头的移动 168 11.5 淡入淡出效果 172 11.6 模拟快速运动 172 11.7 模拟慢镜头 174 实训 11 175 第 12 章 Flash CS6 视频处理和 制作技术176 12.1 Flash 视频的营销意义 176 12.2 利用 Adobe 媒体编码器转换 视频格式 177 12.3 使用播放组件加载外部视频 179 12.4 将视频嵌入到 swf 文件 180 12.4.1 将视频嵌入到时间轴 180 12.4.2 将视频嵌入到影片剪辑 182 12.5 为视频加入特效 182 12.6 将动画转换为视频 187 实训 12 189 第章 Flash CS6 在富互联网应用中的地位 1.1 富互联网应用中的宠儿 Flash 以其卓越的网络体验、无与伦比的视觉表现力占据了 99%的桌面领域的联网计算机。Flash 播放器在联网计算机中的普及率数据如图 1.1 所示。图中数据是 Millward Brown survey 调查公司基于 2011 年 7 月的调查结果。图 1.1 Flash 播放器在联网计算机中的普及率数据（2011 年 7 月）Flash 的每一次升级都带来一些令人兴奋的新功能。3D 功能和硬件加速无疑会给用户带来更好用户体验，也使其成为目前开发多媒体、富互联网应用（Rich Internet Application,RIA）的最好工具和平台，令设计师和开发者都振奋不已。富互联网应用（RIA）的概念是 Flash 的开发商 Macromedia 公司十几年前提出的。仅仅经过几年的发展，RIA 就展现出非凡、迷人的魅力，以其丰富生动的内容、创新性和互动性、良好的用户体验，得到蓬勃发展，而优秀的 Flash 在 RIA 中的霸主地位始终如一，2 Flash CS6实例教程（第3版）即使 RIA 领域的新星 HTML5（可以提供用于绘画的 Canvas 元素）也未能撼动 Flash 在RIA 中的地位。Adobe 公司与 Macrpmedia 公司合并后，继续为 RIA 的开发创建最好的工具，促进RIA 的发展。Flash 播放器仍然是下载次数最多的独立软件，可以运行在除了移动设备之外的所有主流平台和主要设备上。很显然，基于 Flash 进行 RIA 开发仍然是很多开发人员的首选。借用腾讯 Flash 技术专家宿海成的话来说：“Flash 发展到了今天，无论是功能还是用户群，都处在了一个前所未有的辉煌高度，充满了极大的商机。”有志投身于富互联网应用的朋友，深入学习 Flash 仍然是当今的首选。1.2 关于 Flash CS6 和 HTML5 的背景信息 关于 Flas 和 HTML5 的讨论已经沸沸扬扬了好长一段时间。拥护 Flash 和拥护 HTML5的两个阵营的人们各说其词。因为 HTML5 可以实现一些网页上的动画，所以一些人悲观地认为 Flash 前景不会看好。那么让我们看看一群同时使用 Flash 和 HTML5 作为工具开发项目的设计师和开发者们对两者的评价。2012 年夏天，他们用 Flash 做了一款游戏，然后把相同的 Flash 游戏完全移植到HTML5，测试 Flash 和 HTML5 两种环境下，有什么不同。测试的结果表明，除了移动浏览器之外，Flash 在桌面浏览器支持、硬件加速、文件管理、可视化创作等方面都遥遥领先于 HTML，具有绝对优势。在移动浏览器方面，因为Flash 退出了这个领域，目前的手机浏览器已经不再有 Flash 插件，而几乎所有的移动浏览器都支持 HTML5，所以 HTML5 在这方面具有绝对优势。综合比较后，Flash 和 HTML5打成平手。如图 1.2 所示，比较之后他们得出结论：“Flash 和 HTML5 都是工具，