Flash动画设计与制作

50032-2编辑推荐
《Flash动画设计与制作》七大特色：1.“入门 准备 制作 脚本 导出”——设计5大模块，展现使用Flash CS6软件完成动画制作的流程、步骤、技术、方法。2.“知识 技能、技术 标准”——归纳19个典型任务，全面覆盖Flash动画制作技术。3.“知识解析 应用实例 进阶实训 技术实战”——拓展4个环节，构建融合互通的工作任务体系。4.“实例 实训 实战”——架设3步阶梯，搭建层层递进的训练体系。5.“知识测试 学习思考”——面向2个角度，开展客观、全面、可提升的课程测评。6.“任务小结 问题引领”——瞄准2个方面，实现提升学习兴趣与学习时效的总结分析。7.操作视频——在学习资源上，本书运用二维码技术，将“看书”与“操作”紧密结合，学习者除了可以学习纸质教材的内容外，还可以通过扫描实例或实训的二维码，观看具体操作视频。  关键词：计算机技术  动画制作软件  Flash CS6 

本书是图形图像处理软件Flash CS6的基础实用教程，由浅入深地介绍了使用Flash CS6软件完成动画制作的流程、步骤、技术、方法。全书共分5大模块，包括19个工作任务，全面覆盖了Flash动画制作技术。在任务讲解方式上，构建了“知识解析 应用实例 进阶实训 技术实战”的任务体系，知识与技能相融、技术与标准互通，在训练过程中基于详细的操作步骤及要点提示，通过“实例、实训、实战”围绕核心层层递进，引导学习者不断提升技术能力与制作水平;在测评环节，本书提供了难点聚焦的知识性测试和问题引领的总结分析，可有效提升学习者的学习兴趣与学习时效。本书运用二维码技术，学习者可以使用移动终端扫码观看实例或实训的操作视频。
本书既可作为高职高专院校相关课程的专用教材，也可作为Flash软件爱好者的自学读物。

模块1Flash CS6快速入门1

任务1Flash动画基础知识入门1

1.1Flash动画特点1

1.2Flash CS6的新增功能2

1.3应用领域3

1.4制作流程7

1.5基本术语8

分析与小结10

思考与实践10

任务2制作简单的Flash动画11

2.1知识解析11

2.1.1Flash CS6工作界面11

2.1.2Flash CS6基本操作17

2.1.3动画属性设置24

2.1.4辅助工具及快捷键25

2.2应用实例27

实例1自定义工作界面27

实例2测试影片33

2.3进阶实训——简单动画制作（模拟打字效果）37

分析与小结42

思考与实践42

模块2Flash CS6动画制作准备44

任务3图形的绘制与填充44

3.1知识解析44

3.1.1设置颜色44

3.1.2选择工具48

3.1.3线条工具49

3.1.4矩形工具组50

3.1.5钢笔工具组51

3.1.6铅笔工具52

3.1.7刷子工具组52

3.1.8颜料桶工具组53

3.1.9滴管工具54

3.1.10橡皮擦工具54

3.2应用实例——夜空54

3.3进阶实训——公共汽车57

分析与小结60

思考与实践61

任务4编辑图形对象62

4.1知识解析62

4.1.1部分选择工具62

4.1.2任意变形工具63

4.1.3套索工具64

4.1.4“变形”面板64

4.1.5组合与分离图形65

4.1.6排列与对齐图形66

4.2应用实例——枫叶67

4.3进阶实训——向日葵70

分析与小结73

思考与实践73

任务5编辑文本对象75

5.1知识解析75

5.1.1TLF文本与传统文本75

5.1.2创建文本对象76

5.1.3分离文本对象76

5.2应用实例——彩虹文字76

5.3进阶实训——路标指示牌77

分析与小结81

思考与实践82

任务6编辑时间轴、帧与图层83

6.1知识解析83

6.1.1时间轴面板83

6.1.2编辑帧85

6.1.3编辑图层85

6.1.4Deco工具85

6.2应用实例——行驶中的公共汽车90

6.3进阶实训——街景92

分析与小结97

思考与实践97

任务7应用元件、实例与库98

7.1知识解析98

7.1.1元件98

7.1.2编辑实例100

7.1.3“库”面板100

7.2应用实例——倒计时101

7.3进阶实训——红绿灯103

分析与小结106

思考与实践107

任务8编辑外部素材108

8.1知识解析108

8.1.1编辑外部图片素材108

8.1.2编辑外部声音素材110

8.1.3编辑外部视频素材112

8.2应用实例——为按钮添加声音113

8.3进阶实训——飞机飞行116

分析与小结120

思考与实践121

模块3Flash CS6动画制作123

任务9逐帧动画123

9.1动画原理123

9.2应用实例——烛光124

9.3进阶实训——闪烁的星空125

分析与小结129

思考与实践129

任务10渐变动画130

10.1动画原理130

10.2应用实例130

实例1移动渐变——行驶的汽车130

实例2移动渐变——飞舞的蝴蝶133

实例3旋转渐变——旋转的花瓣134

实例4形状渐变——太阳变月亮136

10.3进阶实训——由近至远的小球137

分析与小结139

思考与实践139

任务11引导动画142

11.1动画原理142

11.2应用实例142

实例1跳跃的小球142

实例2沿轨迹转动的齿轮144

11.3进阶实训——山坡上行驶的汽车146

分析与小结150

思考与实践150

任务12遮罩动画155

12.1动画原理155

12.2应用实例——探照灯效果155

12.3进阶实训——展开的画卷157

分析与小结159

思考与实践159

任务13色彩动画164

13.1动画原理164

13.2应用实例——色彩变化的小球164

13.3进阶实训——文本对象的淡入淡出165

分析与小结167

思考与实践167

任务14文字特效169

14.1动画原理169

14.2应用实例——飘落的文字169

14.3进阶实训——激光文字172

分析与小结175

思考与实践176

任务15按钮动画181

15.1动画原理181

15.2应用实例182

实例1变色按钮182

实例2文字按钮183

15.3进阶实训——发光按钮184

分析与小结185

思考与实践185

任务16骨骼动画189

16.1动画原理189

16.2应用实例——猴哥189

16.3进阶实训——皮影戏191

分析与小结193

思考与实践194

模块4动作脚本应用198

任务17简单脚本动画198

17.1动画原理198

17.2知识解析199

17.2.1脚本动画概述199

17.2.2“动作”面板的组成199

17.2.3常用动作命令语句200

17.3应用实例——下雨205

17.4进阶实训——多彩的指针209

分析与小结212

思考与实践212

任务18ActionScript 3.0交互效果实现214

18.1知识解析214

18.1.1掌握ActionScript 3.0中使用类214

18.1.2掌握常用类的编辑214

18.1.3掌握显示层级和显示对象215

18.2应用实例——鼠标控制下的小球215

18.3进阶实训——小车跑酷217

分析与小结218

思考与实践218

模块5作品的处理221

任务19作品的测试与发布221

19.1作品的测试与优化221

19.2作品的导出222

19.3Flash作品的发布223

分析与小结230

思考与实践230

参考文献231

Flash是Adobe公司推出的一款优秀的动画软件。简单的操作、强大的功能，使越来越多的人喜欢使用Flash进行创作。本书瞄准企业对Flash动画制作相关岗位的能力分解要求，面向广大计算机动画制作爱好者，内容设计以任务为导向，明确了工作流程，强调了动手能力的循序渐进培养，知识与能力培养相融合，内容系统全面、清晰易懂、实用性强。1. 本书特色（1） “入门 准备 制作 脚本 导出”——设计5大模块，展现使用Flash CS6软件完成动画制作的流程、步骤、技术、方法。（2） “知识 技能、技术 标准”——归纳19个典型任务，全面覆盖Flash动画制作技术。（3） “知识解析 应用实例 进阶实训 技术实战”——拓展4个环节，构建融合互通的工作任务体系。（4） “实例 实训 实战”——架设3步阶梯，搭建层层递进的训练体系。（5） “知识测试 学习思考”——面向2个角度，开展客观、全面、可提升的课程测评。（6） “任务小结 问题引领”——瞄准2个方面，实现提升学习兴趣与学习时效的总结分析。（7） 操作视频——在学习资源上，本书运用二维码技术，将“看书”与“操作”紧密结合，学习者除了可以学习纸质教材的内容外，还可以通过扫描实例或实训的二维码，观看具体操作视频。2. 任务概述本书共包括Flash CS6快速入门、Flash CS6动画制作准备、Flash CS6动画制作、动作脚本应用、作品的处理5个模块，19个典型任务。模块1（Flash CS6快速入门）从动画的形成原理入手，主要讲解了Flash动画特点、应用领域、Flash CS6新增功能、动画制作流程和基本术语。模块2（Flash CS6动画制作准备）从动画制作所需要基础素材的制作与处理入手，主要讲解了图形的绘制与填充、编辑图形对象、输入文本对象、编辑时间轴、帧与图层、应用元件实例与库和编辑外部素材。模块3（Flash CS6动画制作）从Flash动画的3种类型入手，详细讲解了包括逐帧动画、渐变动画、引导动画、遮罩动画、骨骼动画、按钮动画等在内的动画制作步骤及操作技巧。模块4（动作脚本应用）主要讲解了ActionScript的使用方法，从而掌握实现控制动画播放和响应用户事件等的实现方法。模块5（作品的处理）主要讲解了包括动画优化、测试和发布等在内的后期处理相关知识。3. 读者对象本书既是一本Flash动画制作指南，又是一本Flash动画实例参考，信息量大、资源丰富，既可以作为高职高专院校“Flash动画设计与制作”等相关课程的教材和学习辅导书，同时也是Flash动画制作爱好者的必备参考书。4. 作者团队本书作者长期从事Flash动画设计与制作教学工作，是天津市级精品课程“动画设计与制作”的课程负责人，同时负责作者所在单位的天津市高等职业院校提升办学能力项目2017年度精品在线课程建设课程，教学经验丰富。本书由赵娟担任主编，王晓卓担任副主编，具体编写分工如下： 模块1由赵娟编写，模块2由李鑫平编写，模块3由王晓卓、赵娟、苗楠编写，模块4、模块5由刘蘅编写。在本书的编写过程中编者虽然倾注了全部精力，但由于水平有限，书中难免有不足之处，恳请各位专家和读者批评指正。
编者2018年3月

模块1Flash CS6快速入门知识目标 了解Flash动画原理、特点及应用领域等相关知识。 掌握帧、场景、舞台、时间轴、图层、矢量图、位图等必备专业术语。 了解Flash CS6的新增功能。 熟悉Flash CS6工作界面中各元素。能力目标 熟悉Flash动画制作流程，掌握Flash动画制作过程中编写策划脚本的方法。 掌握自定义工作界面的方法。 掌握文件操作（新建、保存、播放、测试）的方法。 掌握动画属性设置的方法。 掌握简单设置普通帧、关键帧实现动画效果的方法。
Flash是Adobe公司推出的一款优秀的动画软件。简单的操作界面，强大的功能，使越来越多的人都喜欢使用Flash进行动画创作。本模块将从动画的形成原理入手，从Flash动画特点、应用领域、Flash CS6的新增功能这几方面介绍有关Flash动画的一些必备知识。在此基础上，通过对Flash动画制作流程、基本术语的讲解，为Flash动画的制作做好准备。最后，以两个应用实例和一个进阶实训带领大家快速掌握简单动画的制作方法，为后面的学习打下基础。任务1Flash动画基础知识入门〖*4/5〗1.1Flash动画特点1. 动画的形成动画的形成利用了人眼的“视觉暂留”特征，把人、物的表情、动作、变化等分段画成许多画面，然后连续播放一系列画面，给视觉造成连续变化的图画。它的基本原理与电影、电视一样，都是视觉原理。医学证明，人类具有“视觉暂留”的特性，就是说人的眼睛看到一幅画或一个物体后，当画或物体从眼前消失后，留在视网膜上的画或物体并不会立即消失，还会延迟1/16～1/12秒。在这段时间内，如果下一幅图像又出现了，我们眼睛里就会产生上一幅画面与下一幅画面之间的过渡效果，从而形成连续的画面，造成一种流畅的视觉效果。电影、电视的动态效果也是根据“视觉暂留”原理形成的。电影的播放速度一般是24帧每秒，即帧频为24fps，Flash动画的帧频一般设置为12fps。若要控制动画的播放速度，可以根据需要改变帧频。2. Flash软件概述Flash是由Macromedia公司推出的交互式矢量图和Web动画的标准，后由Adobe公司收购。做Flash动画的人被称为“闪客”。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。作为一款多媒体二维动画制作软件，同时也是一种交互式动画制作工具， Flash可以将文字、图片、音乐、影片剪辑融会在一起，制作出精美的动画。Flash是一个非常优秀的矢量动画制作软件，它以流式控制技术和矢量技术为核心，制作的动画具有短小精悍的特点，所以被广泛应用于网页动画的设计中，已成为当前网页动画设计最为流行的软件之一。下面介绍Flash动画的主要特点。（1） 存储容量小： 以矢量技术为核心，矢量图形不会因为尺寸的缩放而影响动画的清晰度。（2） 制作周期短： Flash动画制作成本较低，人力、物力投入较传统动画来说较少，制作周期也大大缩短。（3） 适合网络传播： Flash动画具有存储容量小的特点，所以传输速度较快，非常适合网络传播。（4） 提供交互： Flash内置ActionScript语言，可以为动画添加鼠标交互动作，增加了用户的参与性。1.2Flash CS6的新增功能Adobe Flash CS6是用于创建动画和多媒体内容的强大的创作平台，其设计身临其境，而且在台式计算机和平板电脑、智能手机和电视等多种设备中都能呈现一致的互动体验。新版Flash Professional CS6附带了可生成sprite表单和访问专用设备的本地扩展。可以锁定最新的Adobe Flash Player和AIR运行时以及Android和iOS设备平台。（1） 生成sprite表单： 导出元件和动画序列，可以快速生成sprite表单，协助改善游戏体验、工作流程和性能。（2） HTML的新支持： 以Flash Professional的核心动画和绘图功能为基础，利用新的扩展功能（单独提供）创建交互式HTML内容。导出 JavaScript来针对Create JS开源架构进行开发。（3） 广泛的平台和设备支持： 锁定最新的Adobe Flash Player和AIR运行时，能针对Android和iOS平台进行设计。（4） 创建预先封装的Adobe AIR应用程序： 使用预先封装的Adobe AIR Captive运行时创建和发布应用程序，简化了应用程序的测试流程，使终端用户无须额外下载即可运行。（5） Adobe AIR移动设备模拟： 模拟屏幕方向、触控手势和加速计等常用的移动设备应用互动来加速测试流程。（6） 锁定3D场景： 使用直接模式作用于针对硬件加速的2D内容的开源Starling Framework，从而增强渲染效果。（7） 可伸缩的工具箱： 在Flash CS6里，所有的工具窗口都可以自由伸缩，从而使画面具有弹性。（8） 可导入的文件格式更多： 几乎所有媒体格式都可导入。在Flash CS6安装完成后，双击桌面上的Flash CS6快捷方式图标，即可启动Flash CS6，其启动界面如图11所示。图11Flash CS6启动界面1.3应用领域随着Flash技术的不断更新，其应用的领域也越来越广泛。有不计其数的Flash作品在网络中运用。在现阶段，Flash应用的领域主要有娱乐短片、片头、广告、MTV、导航条、小游戏、产品展示、应用程序界面的开发、网络应用程序开发等。Flash已经大大增加了网络功能，可以直接通过XML读取数据，加强了与ColdFusion、ASP、JSP和Generator的整合，所以用Flash开发网络应用程序应越来越广泛。1. 网站动画为达到一定的视觉冲击力，很多企业网站使用Flash动画来增强网站元素的视觉效果与交互性，应用Flash动画效果的网站元素包括网站引导页、Logo（网站的标志）、Banner（网页横幅广告）、Flash按钮等。图12和图13所示为某网站的引导页及其动态效果示例，Flash动画效果的加入，提升了网站的视觉效果，增加了吸引力。如图14所示，Flash动画效果的Logo（网站的标志）为网站效果加分不少。此外在网页中加入交互性强的Flash动态按钮，会进一步吸引浏览者眼球，图15列举了两种常用的Flash按钮动态效果。图12网站引导页图13网站引导页动态效果示例图14网站Logo及其动态效果示例图15Flash按钮动态效果示例2. Flash广告Flash功能日趋强大和完善，为发展高质量的网络应用提供了较好的解决方案。利用Flash制作的广告动画具有短小精悍、表现力强等特点，适合在网络上传输。登录互联网总会发现一些动感时尚的Flash广告，起到了一定的宣传作用，图16所示是一款汽车的Flash广告。图16Flash广告示例3. Flash贺卡随着互联网的应用普及，电子贺卡越来越多地被应用于传递人们之间的问候与祝福。利用Flash制作电子贺卡可以结合音乐、视频等多媒体元素，受到大家的普遍欢迎，图17是一款生日祝福贺卡。图17Flash贺卡示例4. Flash MTVFlash融合了强大的设计工具，可以生成动画和绚丽的图形界面，同时由于Flash支持MP3、WMA音频，而且能边下载边播放，大大节省了下载的时间和所占用的带宽，因此利用Flash制作MTV成为可能，图18是用Flash制作儿童歌曲MTV《拔萝卜》。图18Flash MTV示例5. Flash游戏Flash软件是制作网络交互动画较优秀的工具，支持动画、声音和交互功能，可以制作出各种游戏效果。该类游戏一般情节简单、操作容易且文件体积较小，带给用户很多休闲的快乐，图19是一款Flash小游戏。图19Flash游戏示例6. 教学课件Flash也是一款优秀的教学课件开发软件，所做的课件容量小、易携带、动画效果较好、操作简单，而且交互性很强，非常有利于教学的互动。和Flash游戏的效果类似，Flash教学课件可以充分利用动画、声音、交互、视频以及剪辑等基本元素，形象地表达内容、传递信息，激发学生的学习兴趣，就目前的流行趋势来看，Flash教学课件一般是以互动游戏的形式来辅助学生理解教学难点，图110是利用Flash制作的软件专业算法类教学课件。图110Flash教学课件示例1.4制作流程Flash动画的制作过程一般包括前期、中期和后期三个部分。前期是动画的筹备阶段，也即策划阶段；中期是Flash动画的制作阶段，主要由Flash和所需的几款配套软件（例如，Photoshop）来完成；后期是动画和发布阶段。Flash动画制作的这三个部分中都包含了一些典型工作或重点考察对象，下面以一个流程图的方式表示(见图111)。图111Flash动画制作流程图制作阶段和发布阶段主要涉及Flash软件的操作，在后续的章节中会详细介绍，这里就不再展开解释了。下面重点说一下筹备阶段，该阶段主要是完成构思、创意与策划三个任务，这三个任务是密不可分、层层递进的。创意是为达到目标、解决问题而产生的想法，构思可以理解为寻找创意的过程，策划是将构思和创意用实际的图形、文字展现为可操作的流程。在构思和创意中，要根据动画主题确定风格，是采用活泼可爱、充满童趣的卡通效果，还是浓墨淡彩、诗情画意的山乡水色，是强调理性和逻辑的线条，还是五色霓虹、摩天大楼的都市元素，无论采用哪种风格，都要以能够充分表现主题为出发点。风格的取向会影响整个作品的层次和质感，关于这一点，只有通过大量的观赏和分析优秀作品，才能不断提高鉴赏和制作水平。在策划的具体实施过程中，要重视策划脚本的撰写。策划脚本一般包括作品名称、预期目标、文件规格、场景效果、制作分镜五个部分，如图112所示。图112Flash动画制作策划脚本1.5基本术语1. 帧在现实生活中我们都看过电影动画，它是由摄像师拍摄若干镜头存放在电影胶片上，通过放映机连续播放电影胶片上的每一格镜头，就产生了电影动画。关于“帧”这个概念，我们可以把它想象成电影胶片上每一格镜头，一帧就是一幅静止的画面，播放连续的帧就形成动画。我们通常还会接触到“帧数”这个概念，简单地说，帧数就是在1秒钟里传输的帧的数量，也可以理解为图形处理器每秒钟能够刷新几次，通常用fps（frames per second）来表示。每一帧都是一幅静止的图像，快速连续地播放帧便形成了运动的假象。高的帧率可以得到更流畅、更逼真的动画效果。每秒钟播放帧数（fps）越多，所显示的动作就会越流畅。2. 电影Flash动画电影的概念和现实生活中的电影不同，它泛指Flash中的动画文件，它是一种文件形式。Flash电影就是通过一定数量的帧，按照时间的顺序组织起来的一个集合体。就如同Excel编辑产生的文件称为文件簿一样。3. 舞台Flash动画中舞台的概念与现实生活中舞台的概念有相似之处，舞台也称为绘图工作区，也就是编辑动画的场所，舞台的大小决定动画作品的尺寸。4. 场景场景是由不同的舞台对象组成的集合体，Flash动画中把电影分成不同的场景，其目的是为了对电影中不同类型的剧情分类，同时也便于制作、管理及后期维护。5. 图层图层就像是含有文字或图形等元素的胶片，一张张按顺序叠放在一起，组合起来形成页面的最终效果。图层可以将页面上的元素精确定位。图层中可以加入文本、图片、表格、插件，也可以在里面嵌套图层。打个比方说，在一张张透明的玻璃纸上作画，透过上面的玻璃纸可以看见下面纸上的内容，但是无论在上一层上如何涂画都不会影响到下面的玻璃纸，上面一层会遮挡住下面的图像。最后将玻璃纸叠加起来，通过移动各层玻璃纸的相对位置或者添加更多的玻璃纸即可改变最后的合成效果。6. 时间轴Flash中的时间轴是以时间为基础的线性进度安排表，它一方面用来表示动画的帧，另一方面用来表示动画的运动时间，同时它还与层一一对应。7. 矢量图矢量图也称为面向对象的图像或绘图图像，它使用直线和曲线来描述图形，图形的元素包括点、线、矩形、多边形、圆和弧线等，它们都是通过数学公式计算获得的。如图113所示，一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。矢量图具有文件小、图像元素对象可编辑、图像放大或缩小不影响图像的分辨率、图像的分辨率不依赖于输出设备、线条非常顺滑并且是同样粗细、颜色的边缘非常顺滑六个优点。8. 位图位图图像也称为点阵图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图像。如图114所示，当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸就是增大单个像素，从而使线条和形状显得参差不齐。然而，如果在稍远的位置观看它，位图图像的颜色和形状又是连续的。图113矢量图图114位图图像

表11从四个方面比较位图图像与图像的区别。表11位图图像和矢量图像的区别图像类型组成优点缺点常用制作软件位图图像像素只要有足够多的不同色彩的像素，就可以制作出色彩丰富的图像，逼真地表现自然界的景象绽放和旋转容易失真，同时文件容量较大Photoshop、画图等矢量图像数学向量文件容量较小，在进行放大、缩小或旋转等操作时图像不会失真不易制作色彩变化太多的图像Illustrator、Flash、CorelDraw等分析与小结通过对Flash动画原理、特点及应用领域相关知识的学习，大家对什么是Flash动画有了一个直观且全面的认识，在此基础上对帧、场景、舞台、时间轴、图层等必备专业术语的学习，又使大家对Flash CS6有了进一步的了解。通过学习大家了解了Flash CS6新增功能，掌握了Flash动画制作过程中编写策划脚本的方法，熟悉了Flash动画制作流程，具备了正确辨析矢量图和位图的能力。在此基础上，如何运用Flash CS6软件进行Flash动画作品设计与制作是接下来会思考的问题。 Flash动画是如何制作出来的？ 时间轴在Flash CS6中是如何使用的？ 场景和舞台该如何运用？ 动画文件是什么格式？ 应该如何编辑动画文件？ 需要准备哪些素材？这一系列的问题会在后续的任务中详细介绍，请大家在学习中寻找答案。思考与实践1. 单选题（1）  位图图像也称为点阵图像，是由称作（）的单个点组成的。
A. 像素B. 图层C. 图像D. 向量（2） “帧数”这个概念，简单地说就是在（）秒钟里传输的帧的数量。A. 0.5B. 1C. 1.5D. 2（3） Flash动画制作的筹备阶段，主要是完成构思、创意与（）三个任务。A. 绘图B. 策划C. 录音D. 发布2. 判断题（1） 矢量图像在进行放大、缩小或旋转等操作时会失真。（）