作者：田启明
出版社：电子工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Flash CS5平面动画设计与制作案例教程试读：
前言
Flash是一款非常流行的平面动画制作软件，被广泛应用于网站制作、游戏制作、影视广告、电子贺卡、电子杂志、MV制作等领域。Flash CS5 Professional是目前Flash的新版本。本书通过23个经典案例和5个综合项目由浅入深、循序渐进地全面介绍了使用Flash CS5制作平面动画的方法和技巧。本书共7章，具体内容如下。
第1章是Flash入门。本章通过制作一个“运动的小车”案例，介绍Flash平面动画的特点、基本原理、创作流程、组成元素、Flash CS5的操作界面，以及帧的操作等相关知识。
第2章主要介绍Flash的绘图知识。本章通过“宁静的校园”案例介绍矩形工具、椭圆工具、多角星形工具、刷子工具、橡皮擦工具的使用方法和透视原理的应用技巧；通过“树叶”案例介绍钢笔工具、线条工具和铅笔工具的使用方法和技巧；通过“春天来了”案例介绍元件的使用方法、实例的编辑方法、任意变形工具和颜料桶工具的使用，以及图形的平滑、伸直和优化等技巧；通过“小青蛙”案例介绍选择工具的使用技巧和图形排列、组合、打散等操作技巧，以及卡通人物绘制技巧；通过“Happy Birthday特效文字”案例介绍位图像的导入、位图转换成矢量图等操作，以及套索工具、文本工具和墨水瓶工具的使用技巧；最后通过一个“动态山水画”案例来介绍所有工具的综合使用技术，以及设计面板、图层、渐变变形工具的操作和一些图形编辑辅助菜单的使用技巧。
第3章主要介绍Flash平面动画制作技术。本章通过“新年快乐”案例介绍形状补间动画的制作技巧；通过“世界杯集锦”案例介绍运动补间动画的制作技巧；通过“闪闪的红星”案例介绍遮罩动画的制作技巧；通过“蝴蝶飞”案例介绍引导动画的制作技巧；通过“走路的小青蛙”案例介绍逐帧动画的制作技巧；最后通过“贺卡”案例介绍各种动画技术的综合使用方法，以及元件的使用技巧和实例的颜色调节。
第4章主要介绍Flash集成媒体文件技术。本章通过“宝宝动感相册”案例介绍Flash动画支持的音频编辑技巧；通过“洗衣机广告视频”案例介绍Flash动画支持的视频编辑技巧，以及Flash动画的输出与发布等使用技巧。
第5章主要介绍如何使用ActionScript动作脚本制作交互动画。本章通过“数学课件”案例介绍AS脚本的应用技巧，以及使用时间轴控制函数的技巧；通过“飘雪动画”案例介绍随机函数的使用、复制影片剪辑函数的使用、影片剪辑属性的设置和条件结构if的使用方法；通过“预载动画”案例介绍Flash中文本的设置、元件实例的命名与引用，以及预载函数和滤镜的使用技巧；通过“花瓣动画”案例介绍for循环结构、鼠标控制方法及影片剪辑事件处理器的使用技巧；通过“拼图游戏”案例介绍on函数和影片剪辑拖放函数的使用技巧；通过“网站导航”案例介绍浏览器网络函数的使用技巧。
第6章主要介绍Flash组件。本章通过“会员注册表”案例概括介绍常用组件的类型和使用方法，并详细介绍了单选按钮组件RadioButton、复选框组件CheckBox、按钮组件Button、下拉列表框组件ComboBox和文本域组件TextArea的使用方法；通过“台历”案例详细介绍日期选择器组件DateChooser和Label组件的使用技巧。
第7章主要通过“个人简历”、“《环境污染》公益广告”、“圣诞贺卡”、“《两只老虎》MV”、“《时尚温州》电子杂志”5个典型综合项目，介绍Flash所有知识技能的综合应用技巧。
本书主要有如下4个特色：（1）本书内容的选取符合国内动漫市场最新的应用需求和技术趋势。本书精选的经典案例和综合项目对应于广告制作、电子杂志、游戏开发、电子贺卡、MV制作等国内市场Flash动画技术最新的主流应用方向。本书所有案例和项目的操作步骤均采用最新版本的Flash CS5完成。（2）本书为校企合作完成的“工学结合”类教材。本书的编写成员不仅有一线教学岗位的专职教师，还有来自企业的Flash动漫设计师。教材选取的案例和项目都由编写成员多次讨论而定。部分项目为企业引进项目。（3）本书采用“案例（或项目）驱动”式的组织形式去覆盖Flash平面动画设计与制作的常用知识技能，用案例导入综合项目的核心技能，用综合项目介绍市场典型应用类项目的设计与制作技巧。每个案例（或项目）均采用“案例（或项目）说明—教学重点与难点—操作步骤—技术实训”的形式来组织内容，遵循“从易到难”、“从直观至抽象”的顺序，符合高职类学生从具体至抽象的认识规律。（4）为了方便教师教学，本书配备了分层次的实训练习（分为普通练习题和拓展题两个层次），并提供了课件、源文件、素材、课程标准、在线测试等不断更新的网络辅助资源（国家精品课程网站www.wzyflash.cn），有助于培养学生的可持续发展能力和职业迁移能力。
本书的编写成员包括国家示范性高职院校——温州职业技术学院的田启明、温娟、刘向华等老师，中山技师学院的崔美梨、秦艳丽等老师和工作于企业一线的动漫设计师陈瑜等。此外，潘谷伟、卢劲松、朱鲁曰、雷常青、蔡乾春和严明扬等同志也参与了本书的编写和校对工作。在此一并表示感谢。
本书是国家级精品课程配套教材，相关教学资源除可以在国家级精品课程网站上取得之外，读者还可以登录华信教育资源网（www.hxedu.com.cn）进行免费注册，下载本书的案例素材文件，有问题时可在网站留言板留言或与电子工业出版社联系（E-mail：hxedu＠phei.com.cn），也可以与作者联系（E-mail：tqm78＠126.com）。
由于项目式教学法正处于经验积累和改进过程之中，编者在探索教材建设方面做了许多努力，也对书稿进行了多次审校，但由于编写时间及水平有限，难免存在一些疏漏和不足。希望同行专家和读者能给予批评和指正。
编 者第1章 Flash入门
教学提示：
本章主要介绍Flash动画的特点、界面、基本原理、制作流程、动画要素和常用的动画种类。
教学重点与难点：
熟悉Adobe Flash CS5的界面，掌握动画制作时的一些基本步骤和设置方法与技巧。1.1 Flash动画入门概述
1.1.1 Flash动画的特点
Flash动画之所以能被广泛应用于网页设计、网页广告、网络平面动画制作、多媒体教学、小游戏设计、产品展示和电子相册等诸多领域，其原因在于它的尺寸小，表现力强，互动性好，便于在网络上传输、播放和下载。（1）Flash动画的尺寸小，这是因为Flash动画主要由矢量图形组成，这些图形的变化和运动产生了动画效果。矢量图形与位图图形相比，具有缩放不失真，所需存储容量小等特点，因而使Flash动画在相对较小尺寸的情况下仍能保持很好的图形质量。（2）Flash动画的表现力强，这是因为Flash不但具有强大的绘图功能，能轻松绘制出各种图形效果，而且还具有自动生成动画的能力，使制作Flash动画的过程变得更加简单。（3）Flash动画的互动性来源于动作脚本的应用，从而使制作者可以制作出人—机交互的动画。（4）Flash动画便于在网络上传输、播放和下载，这是因为当用户制作完成一个.fla源文件之后，通常把源文件导出或者发布为.swf文件，在导出或者发布的同时会压缩、优化动画元素，减小存储容量，以便于传输。而.swf格式文件具有“流”媒体的特点，可边下载边观看。
1.1.2 Adobe Flash CS5的界面
Flash动画的基本技法并不深奥，它极容易掌握，功能强大且充满灵活性。它的编辑场景就像一个大舞台，由“图层”和“时间轴”组成纵横交错的空间，由影片剪辑、按钮、图形元件组成精练的演员阵容，它们以实例的形式在场景中的各个关键帧上以“逐帧动画”、“形状补间动画”和“动作补间动画”为基本演技，借助“遮罩”、“路径引导”等特别技巧，扮演着各式各样的角色。配合动作脚本语句的强大功能，更是演绎出了一幕幕精彩纷呈的动画。下面先介绍Adobe Flash CS5软件的工作界面。
1.Adobe Flash CS5的起始页
执行“开始”→“程序”→“Adobe Flash Professional CS5”菜单命令，或者双击桌面上的图标，将打开Adobe Flash CS5的起始页，如图1.1所示。
2.Adobe Flash CS5的动画制作主界面
执行“新建”→“Flash文件（ActionScript 3.0）”或者“Flash文件（ActionScript 2.0）”链接，将进入Adobe Flash CS5的动画制作主界面，如图1.2所示。图1.1 Adobe Flash CS5的起始页图1.2 Adobe Flash CS5的动画制作主界面
Adobe Flash CS5的动画制作主界面可分为若干个区域：工具箱、文档选项卡、时间轴、舞台、“属性”面板、“颜色”面板和“库”面板等，它们的功能介绍如下。（1）工具箱。工具箱提供了Flash常用的绘图工具，从上到下可分为4个区域：“工具”、“查看”、“颜色”和“选项”。“工具”区提供了绘制图形所用的各种工具；“查看”区用于移动和缩放舞台；“颜色”区用于设置工具的笔触颜色和填充颜色；“选项”区用于设置所选工具的一些属性，属性随工具的不同而不同。工具箱如图1.3所示，图标的右下方有倒三角的工具，表示还有一些下拉菜单，如“钢笔工具”和“矩形工具”。图1.3 工具箱（2）文档选项卡。有了文档选项卡可以方便地在各个文档之间快速切换，如图1.4所示。图1.4 文档选项卡（3）时间轴。时间轴可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容的播放顺序。时间轴面板分为图层和时间帧两部分，如图1.5所示。左边是图层区，图层上面有3个按钮：一个眼睛、一个小锁和一个方框，分别用来控制图层的显示状态，眼睛打开和关闭图层可显状态，小锁用来锁定图层，方框让图层以线框方式显示；图层面板用来控制图层的添加、删除、选中等操作，双击时间轴面板的标题栏可以折叠；右边是时间帧，上面有许多小格子，每个格子代表一帧，5的倍数帧上有数字序号，而且颜色也深一些，动画就是由许许多多帧组成的，帧上面有一个红色的线，这是时间指针，表示当前的帧位置，同时下面的时间帧状态栏中也有一个数字表示当前关键帧。图1.5 时间轴（4）舞台。它是最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行编辑，再把各个独立的帧合成在一起，以生成动画作品。需要注意的是，位于舞台外的动画内容在播放时不被显示。（5）“属性”面板。该面板用于设置或者查看当前选定项（时间轴、舞台上的对象和工具箱中的工具）的最常用的属性。“属性”面板里的内容取决于当前选定的内容，如图1.6所示为选中时间轴上补间动画中某一帧时在“属性”面板中出现的选项。图1.6“属性”面板（6）“颜色”面板。该面板用于设置图形的填充颜色或线条颜色，它包括“颜色”和“样本”两个面板，如图1.7和图1.8所示。在“颜色”面板中用户可以调制图形的颜色，包括纯色、渐变色和位图填充；而“样本”面板可为图形选择系统提供颜色。借助这两种面板在Flash中可以调制出用户需要的各种颜色。图1.7“颜色”面板图1.8“样本”面板（7）“库”面板。该面板如同一个存放Flash动画素材的仓库，如图1.9所示。仓库中存放着从外部导入的音乐、位图、视频以及在Flash中创建的各种元件，当制作动画需要这些素材的时候，直接从仓库中把素材拖放到舞台中即可。放在仓库中的素材可以被多次使用。图1.9“库”面板
除了以上介绍的7类主要面板之外，Flash中常用的面板还有“动作”面板、“对齐”面板、“信息”面板、“变形”面板、“组件”面板等，这些面板的使用将在具体的案例中讲解。
提示
绘制图形的时候如果用户希望舞台尽量大，可以按【F4】键来关闭不用的面板，然后按【Ctrl+F2】组合键打开工具箱。另外，打开或者关闭“动作”面板的快捷键是【F9】键；打开或关闭“对齐”面板的组合键是【Ctrl+K】；打开或关闭“信息”面板的组合键是【Ctrl+I】；打开或关闭“变形”面板的组合键是【Ctrl+T】。
1.1.3 Flash平面动画制作的基本原理
动画是指物体在一定时间内发生的变化过程，包括动作、位置、颜色、形状、角度、透明度等的变化。在计算机中用一幅幅的图片来表现这一段时间内物体的变化，每一幅图片称为一帧（以后就用帧表示图片）。当这些图片以一定的速度连续播放时，因“视觉暂留”的视觉生理缺陷而产生了连续运动的“幻觉”，所以说“每一格画面与下一格画面之间所产生出来的效果，比每一格画面本身的效果更为重要”。人类肉眼所能看到影像约为1/16秒，电影胶片的播放速率是24帧/秒。因此我们可以欣赏到鲜活的画面。在计算机中，只要设置Flash动画变化前第一帧和变化后最后一帧的图片（两个关键帧），中间的过渡计算机会自动生成（补间动画），大大减轻了用户创作动画的负担，使得动画创作由传统的手动制作，转变为电脑合成，从而为动画制作开创了一个新天地。另外，Flash还提供了路径引导、遮罩等功能，从而可以制作出特殊效果的动画。
1.1.4 Flash平面动画的基本制作流程
制作一个Flash动画作品犹如拍一部电影，每个环节都会影响最终的动画效果，所以要先了解一下制作一个Flash动画作品的完整过程。
1.前期（1）主题策划。用最精练的语言描述未来影片的概貌、特点、目的、工艺技术的可能性以及影片将会带来的影响和商业效应。（2）素材搜集。根据前期准备有目的地搜集图片、声音、文字、视频等素材，既可以通过网站下载，也可以通过分离其他动画中的元素来获得。（3）故事脚本。故事脚本也称文学剧本，按照电影文学的写作模式创作的文学剧本。要求故事结构严谨、情节具体详细，包括人物性格、服饰道具以及背景等细节描述。（4）画面分镜头设计。包括画面的镜头调度、场景变化、段落结构、色调变化、光影效果等视觉呈现，以及相应的文字指示、时间设定、动作描述、对白、音效、镜头转换方式等文字补充说明。
2.中期（1）造型设计。根据故事脚本的内容设计动画片中的造型，造型设计包括标准造型、转面图、比例图（包括角色与景物的比例、角色与角色之间的比例、角色与道具之间的比例）、服饰道具分解图。（2）场景设计。场景设计包括影片中各个主场景色彩气氛、平面坐标图、立体鸟瞰图、景物结构分解图。（3）镜头画面设计。镜头画面设计事实上是对分镜头画面故事板的放大，之所以称其为“放大”，是因为放大时要思考镜头形态的合理性、画面构成可能性以及空间关系的表现性。它是工作蓝图，其中包括背景和原画设计动作时的依据以及思维线索，画面规格、背景结构关系、空间透视关系、人景交接关系、角色动作起止位置以及运动轨迹和方向等因素。（4）动画制作。利用Flash提供的强大的图形绘制与动画制作功能来完成动画，此步骤完成的好坏取决于作者的绘画功底以及对Flash的熟练使用程度。
3.后期（1）镜头组接及录音。按照分镜头设计的要求将相应的镜头做组接（在传统二维动画中还要进行校对拍摄和剪辑），根据设计的要求配上相应的对白、背景音乐及特效音乐。（2）测试优化。测试是对制作好的动画细节、动画片段、声音与动画内容进行调整，使整个动画流畅、和谐。优化是对动画的最终播放——网上播放效果进行调整，将动画完美地展现在观众面前。（3）作品发布。该阶段是将制作好的动画导出或发布为所需的文件格式，如网络上常用的.swf格式。
1.1.5 Flash平面动画的组成元素
Flash中用到的动画元素称为对象，在Flash中的对象可分为以下6类。（1）矢量图形。组成Flash动画的最基本元素，使用Flash提供的工具箱可以绘制所需要的矢量图形。（2）位图图形。从外部导入的图片，经过适当的编辑修改后可以加入到Flash动画中。（3）声音。从外部收集并导入的声音文件，可以加入到Flash动画中。（4）视频。从外部收集并导入的视频文件，可以加入到Flash动画中。（5）群组。在Flash中可以把分散的图形转换为一个整体来操作，这个整体称为群组。（6）元件和元件实例。元件是在Flash中可重复使用的一种动画元素，而实例是元件在动画中的具体应用。元件分为3类：图形元件、影片剪辑元件和按钮元件。
1.1.6 Flash平面动画的种类及特点
在Flash中有两类动画，一类是逐帧动画，另一类为补间动画。（1）逐帧动画。逐帧动画又称为帧—帧动画，是在连续的关键帧上绘制或放置不同的对象或对象的不同状态，当播放头快速地在关键帧上移动时，将会形成连续的动画效果。该类动画用来实现无法用补间动画实现的效果（如动画角色细腻的动作变化），但一般不推荐频繁使用，因为关键帧的增加将加大动画文件的容量。（2）补间动画。补间动画只要制作好前后两个关键帧上的画面，中间各帧可由计算机自动生成。补间动画具有文件尺寸小、制作快捷方便、变化连贯等特点。补间动画又可分为运动补间动画和形状补间动画，这两类补间动画的特点将在第3章中给予详细的说明。
1.1.7 本章案例简介
本章将通过一个简单的案例，来讲解Flash动画制作的一些初步知识，如“文档属性”的设置，舞台的设置，帧的概念和常用的绘图模式等。1.2“运动的小车”案例
案例说明
本节为“运动的小车”案例。本案例全部通过Flash来制作，动画中的小车会从公路的左边行驶到公路的右边，效果图如图1.10所示。图1.10“运动的小车”效果图
教学重点与难点“文档属性”、“舞台”的设置，几种常见的帧，两种绘图模式的比较。
1.2.1 操作步骤
1.设置文档属性（1）首先启动Adobe Flash Professional CS5，然后单击“属性”面板的中的“编辑”按钮，打开“文档设置”对话框，修改其中的参数，如图1.11所示。图1.11“文档设置”对话框（2）按【F4】键关闭所有面板，再按【Ctrl+F2】组合键打开“工具箱”，双击“手形工具”按钮自动调整大小，这3个步骤经常会用到。（3）执行“文件”→“保存”菜单命令将新文档保存，命名为“运动的小车”。
2.绘制车轮（1）单击“工具箱”中的“椭圆工具”按钮→“对象绘制”按钮，然后修改工具箱中“笔触颜色”为“黑色”，“填充颜色”为无。（2）按住【Shift】键，单击“椭圆工具”按钮，在舞台中绘制一个正圆。单击“工具箱”中的“缩放工具”按钮，选择“选项区”的“放大”选项，放大刚才绘制的正圆，并在其内部绘制两个正圆，一个套一个，一个比一个小。单击“选择工具”按钮，拉一个矩形框，选中3个圆。按【Ctrl+K】组合键打开“对齐”面板，单击“水平中齐”按钮和“垂直中齐”按钮，使3个圆的圆心重合。（3）单击“工具箱”中的“线条工具”按钮，在小圆的直径上绘制一条直线。选中直线和中间的小圆，单击“对齐”面板上的“垂直中齐”按钮，最后效果如图1.12中第一个图所示。（4）单击“选择工具”按钮，选中直线，按【Ctrl+T】组合键打开“变形”面板，在内输入“45度”，单击3次“复制并应用变形”按钮，效果如图1.12中第二个图所示。单击“选择工具”按钮，选中舞台的所有线条，按【Ctrl+B】组合键将图形打散。选中多余线条并删除，效果如图1.12中第三个图所示。（5）修改“填充颜色”为“黑色”，然后单击“颜料桶工具”按钮，填充车轮为“黑色”，用同样的方式填充车轮中心的小圆为“灰色”，效果如图1.12中第四个图所示。（6）单击“选择工具”按钮，选中绘制好的车轮。按住【Ctrl】键拖动车轮到适当的距离，可以复制出另外一个车轮。
试读结束[说明：试读内容隐藏了图片]