作者：安远英,王同娟
出版社：电子工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Flash动画设计与制作项目教程试读：
前言
Flash是Adobe公司推出的一款动画设计和多媒体设计软件，主要应用于动画片、广告、MTV、游戏、电子贺卡的制作等领域。由于其导出的SWF格式文件较小，便于网上传播，因此应用相当广泛。“Flash动画设计与制作”课程是计算机及数字艺术类相关专业的一门重要的专业课程。为了使高职院校的教师能够比较全面、系统地讲授这门课程，使学生能够熟练地使用Flash进行动画制作和多媒体制作，我们编写了本书。
本书在内容选择及章节的安排方面立足两点：① 从高职学生的特点出发，从实际工作过程出发；② 以实践为主，理论够用即可。本书以项目为载体，分为绘制卡通形象、电子贺卡的制作、电子相册的制作、MV的制作、广告的制作、动画短片的制作、游戏的制作、网站应用8个项目，涵盖了Flash动画应用的8个主要方面，学生通过参与这些项目的制作，不仅可以学习知识和技能，还可以举一反三，了解Flash动画的应用领域，这为学生未来从事相关工作打下了坚实的基础。
根据高职学生的特点，为了培养学生的动手能力，增加项目制作的经验，同时熟悉基础知识，本书采用了“项目导向、任务驱动”方式编写。首先，提出任务，展示任务效果，进行思路分析，其次进行知识和技能准备，最后进行任务实施。书中前两个项目主要帮助学生掌握基本工具的使用及熟悉软件，设计任务较多。其中，项目一包含5个任务，项目二包含4个任务，项目三～项目八包含18个任务。通过这些任务的实施，构建了从简单到复杂、从认知到实践，以任务实现为主线，融合实践与理论的教学过程，使学生感受解决问题的乐趣，激发学习的积极性，提高了实践动手能力。
本书收集了学生的反馈，结合目前Flash动画设计与制作教材的优点并考虑到学生的学习特点而编写，主要包括以下两个方面。（1）增强理论与实践相结合。项目贯穿全教材，任务源于已实际开发的项目，从教学一开始直至结束，所有概念和方法都会应用于这些任务中，随着任务的分析实施，完成全部教学内容。这种方法在国外相当流行，的确可以在培养学生分析解决问题的能力方面发挥更大作用，因而值得研究和发扬。（2）突出组织逻辑和增加趣味性。目前的教材用于教学后，学生的普遍反映还是概念原理介绍过多，内容组织的逻辑思路不是很明晰。我们希望针对学生的反馈在新编教材中进行改进。
鉴于本书面向的是高职计算机及数字艺术类相关专业的学生，他们对实践性的要求不言而喻，因此教材编写重点不在理论上，建议学生在学习时，选择一本偏重于理论的教材作为参考。
本书由铜仁职业技术学院安远英、山东理工职业学院王同娟担任主编，山东理工职业学院姚娜、重庆电信职业学院罗国春、广州城建职业学院张雪松、张淏担任副主编，贵州省铜仁职业技术学院陈海英、贵州装备制造职业学院徐向担任编委共同编写完成。全书由安远英统稿审核。
由于作者水平有限，书中难免有疏漏之处，恳请各位读者给予批评指正。
为了使本书更好地服务于授课教师的教学，我们为本书配了教学讲义，期中、末考卷答案，拓展资源，教学案例演练，素材库，教学检测，案例库，PPT 课件和课后习题、答案。请使用本书作为教材授课的教师，如果需要本书的教学软件，可到华信教育资源网www.hxedu.com.cn下载。如有问题，可与我们联系，联系电话：（010）56645003/13331005816;QQ:394992521。编者2019年2月项目一 绘制卡通形象项目简介：
卡通形象的绘制是制作动画片、广告、MTV、游戏的基础。本项目将介绍五星红旗、西瓜、雨伞、豌豆射手等卡通形象的绘制方法，通过对这些形象的绘制使读者熟悉工具面板中各种工具的使用方法。学习目标：Flash的绘制模式。工具面板中各种工具的使用方法。“颜色”面板、“变形”面板、“对齐”面板、“属性”面板的使用。卡通形象的绘制。任务一 初识 Flash1.1.1 了解Flash CC的由来
Flash是一款二维动画制作软件。在20世纪末，由于带宽不足及浏览器支持的问题，网页上播放动画只有两种格式：GIF动画和Java编程。它们各有缺点，GIF动画只支持256色，而Java编程制作动画要付出更多的努力，这与程序员的编程能力和设计素养有很大关系。1997年，Macromedia公司收购了一家名为FutureWave的公司，通过改进FutureSplash软件，推出了Flash软件，使网页上播放动画有了第三种选择。
Flash自1997年诞生以来，推出了Flash1.0、Flash2.0版本，但并没有引起人们足够的重视。直到2000年 Macromedia 公司推出了具有里程碑意义的 Flash 5.0，并引入了脚本语言ActionScript1.0，才真正引起一场动画设计领域的革命。Macromedia 公司发布的最后版本为Flash 8.0。
2005年4月18日，Adobe公司以34亿美元的价格收购了最大的竞争对手Macromedia公司，这一收购极大地丰富了Adobe的产品线，自此，Macromedia Flash更名为Adobe Flash。
2015年6月，Adobe旗下设计套件Adobe Creative Cloud 2015最新版本正式发布，包括一系列桌面版工具的重大更新，如 Photoshop CC、Flash CC、Illustrator CC、Premiere Pro CC和InDesign CC等。Flash CC 2015软件内置强大的工具集，具有排版精确、版面保真和丰富的动画编辑功能，能够帮助用户清晰地传达创作构思。例如，Flash CC 2015可以用来制作Flash导航条、Flash动画片、纯Flash网站、电子杂志、电子相册、精美幻灯片、电子贺卡、MV、游戏等，不胜枚举。1.1.2 了解Flash的用途
在浏览网页时，人们经常发现动画，这些漂亮的动画就是由 Flash 软件制作的，那么在哪些情况下会用到Flash动画呢？（1）制作动画短片。
利用Flash软件可以制作动画短片，这是Flash常用的功能，如图1-1所示。Flash动画短片可以是讲一个笑话，说明一个道理，讲一个故事或传递一个价值观等，而且 Flash动画短片还可以是以上几类的结合。（2）制作电子相册。
电子相册可以利用 Flash 软件进行制作。当然目前还有其他“傻瓜式”的电子相册制作软件，通过导入几张图片，自动产生相册效果。但需要说明的是，这些相册无法根据顾客的要求进行定制，只有利用Flash软件制作的电子相册才能更好地满足顾客的定制化需求。（3）制作电子贺卡。
随着网络时代的到来，在生命中的重要时刻，如生日、新婚、传统节假日等，人们已经习惯采用电子贺卡来传递信息和感情，如图1-2所示。单纯的文字过于单调，Flash贺卡由于占用空间较小、表现形式丰富等特点，便成为制作电子贺卡的技术首选。图1-1图1-2（4）制作MV。
Flash的绘图功能非常强大，可以导入声音、视频等。因此，利用Flash软件可以制作小成本的MV，能达到较好的效果，如图1-3所示。目前，互联网上的MV作品非常多，许多利用Flash软件结合歌曲音频文件制作的MV，效果很好。图1-3（5）制作多媒体教学课件或视频。
目前，网络上的很多教学课件或视频都是利用Flash软件制作的。利用Flash软件制作的教学课件或视频，可以结合授课主题、授课对象及教师的构思，将文字、图片、音乐、视频等素材进行组织，产生有趣的、交互效果较好的多媒体课件或教学视频，如图1-4所示。大家耳熟能详的“秒懂百科”中的很多视频都是利用 Flash 软件制作的，借助这种动画形式，受众可以更好地获得课件或视频中传递的信息。图1-4（6）制作广告。
在浏览网页时，或者在观看网络电视时，人们经常可以看到 Flash 软件制作的广告，如图1-5所示。相对来讲，利用 Flash 制作动画，其成本比影视拍摄配合后期制作要低许多，但却能收获意想不到的广告效果。图1-5（7）制作游戏。
借助Flash，可以制作各种主题的小型游戏，如设计类、益智类、换装类等。由于Flash软件制作的游戏所占资源较少，因此可以直接在网页中进行操作。（8）网站应用。
在网站中随处可以看到Flash的踪影。例如，很多门户网站中的广告、网站顶端的banner等都是由Flash软件制作的，如图1-6所示。由Flash软件制作的动画占用空间较小，可以在网页上快速打开。图1-61.1.3 了解Flash软件的特点
Flash软件之所以应用范围广泛，受到很多用户的青睐，主要是因为它具有很多的优点。下面介绍最为重要的4个优点。（1）操作简单，动画形式多样。
Flash以帧组织动画，通过关键帧形成动画效果，这些动画效果通过简单的设置自动形成，而不需要复杂的操作。通过关键帧的设置等操作，可以实现颜色、位置、透明度、形状等的变化。此外，可以通过简单地制作遮罩来引导动画，甚至借助 AS 脚本实现更为复杂的动画。（2）向量动画，占用空间小。
利用 Flash 软件制作的动画是向量动画。向量图形和位图的区别在于，向量图形可以任意放大图形而不会失真，而位图在放大倍数较大时会出现锯齿状。向量动画占用存储空间较小，与位图动画相比具有明显优势。（3）流式播放技术，便于传播下载。
流式播放技术使动画可以边播放边下载，进而缓解浏览者的焦虑情绪。此外，由于Flash是向量动画，输出格式一般为SWF，文件非常小，便于网络下载和传播，将其嵌入网页中，不仅能够锦上添花，而且小巧，可以快速打开和下载。（4）强大的交互功能。
通过Action和FS Command可以实现交互性，使得Flash具有更好的设计自由度。此外，由于和Dreamweaver同为一家公司的产品，因此彼此支持，可以直接嵌入网页中的任意位置，非常方便。1.1.4 了解Flash软件的常用术语
理解Flash软件术语能在利用Flash软件制作动画时具有事半功倍的效果。
FLA文件是Flash的源文件，它包含了关于动画的所有设置信息。在FLA文件中，可以编辑、修改动画效果。（1）SWF文件。
SWF文件是Flash软件常用的导出格式，其特点是导出文件较小，便于在网上进行传播。但是通过Flash软件打开SWF文件，无法进行编辑修改。（2）AS文件。
AS（AcitonScript）文件可以将某些或全部的ActionScript代码保存在FLA文件以外的位置，并有助于代码的管理。（3）SWC文件。
SWC文件包含重新使用的Flash组件。每个SWC文件都包含一个已经编译的影片剪辑、ActionScript代码及组件所要求的任何其他资源。（4）JSP文件。
JSP文件可用于向Flash软件创作工具添加新功能的JavaScript。（5）场景。
场景是创建Flash文档的工作区域，即进入Flash软件界面后看到的矩形区域，可以在矩形区域放置图形内容，包括矢量插图、文本框、按钮、导入的位图图像或是视频剪辑等。（6）关键帧。
在关键帧中定义了对动画的对象属性所做的更改，或者包含了AcitonScript代码。（7）图层。
图层具有两大特点：除了有图形或文字的位置，其他位置都是透明的，也就是说，下层的内容可以通过透明的位置显示出来；图层又是相对独立的，修改其中一层，不会影响其他层。1.1.5 了解Flash CC 2015的常用快捷键
Flash CC 2015的常用快捷键如表1-1所示。表1-1 Flash CC 2015的常用快捷键任务二 绘制遮阳伞1.2.1 任务效果及思路分析
本任务需要绘制遮阳伞，如图1-7所示，主要利用选择工具、线条工具、颜料桶工具、成组等功能。（1）使用选择工具和线条工具绘制太阳伞轮廓。（2）使用颜料桶工具填充太阳伞颜色。图1-71.2.2 任务知识和技能1.线条工具
线条工具（可通过单击按钮或按“N”键进行选择）用于绘制各种直线。选择“工具”面板中的“线条工具”，将鼠标指针移动到舞台中，鼠标指针变为“+”形状，在舞台中按住鼠标左键并拖动到需要的位置，释放鼠标左键即可绘制一条直线。按住“Shift”键的°同时选择“线条工具”，可以绘制水平、垂直或倾斜45的直线。
选择“线条工具”后，可以在“属性”面板中调整其参数，如图1-8所示。（1）笔触颜色。在“属性”面板中，单击笔触颜色，弹出“颜色”面板，此时鼠标指针变成吸管形状，可以直接吸取颜色样本进行颜色选择，或者直接在对话框中输入颜色代码（六位十六进制代码，RGB色彩模式下），即可完成颜色的设置。其中，Alpha可以设置透明度，其值为“100”时，为完全不透明；其值为“0”时，为完全透明，如图1-9所示。图1-8图1-9（2）笔触高度。在“属性”面板中，滑动笔触滑块设置笔触高度，或者在右侧的文本框中输入颜色高度，笔触高度越高，线条越粗。（3）笔触样式。在“属性”面板中，单击笔触样式会弹出一个下拉列表，如图1-10所示。图1-10（4）线条的端点。在“属性”面板中单击“端点”右侧的图标，在弹出的下拉列表中包括无、圆角、方形3个选项，如图1-11所示，效果如图1-12所示。图1-11图1-12（5）线条的结合。在“属性”面板中单击“接合”右侧的图标，在弹出的下拉列表中包括尖角、圆角、斜角3个选项，如图1-13所示，其设置主要体现在线段相连接时的样式，如图1-14所示。图1-13图1-142.选择工具
通过单击“工具”面板中的按钮或按“V”键，可以选择“选择工具”。“选择工具”用于选择、移动、复制图形及改变图形的形状等。（1）更改线条的长度和方向。
选择“选择工具”后，将鼠标指针移动到线条的一个端点，在指针出现直角形状后，按住鼠标左键拖动可以改变线条方向和长度。（2）更改线条的轮廓。
将鼠标指针移动到线条上，当指针出现弧线标志后，按住鼠标左键拖动可以改变线条的轮廓，使直线变成各种弧度的曲线。3.颜料桶工具
单击“工具”面板中的“颜料桶工具”或按“K”键，可以启用“颜料桶工具”。“颜料桶工具”用于填充颜色，选择该工具，在“属性”面板中设置填充颜色后，可以在闭合的图形内填充颜色。
使用“颜料桶工具”在图1-15所示的图形中单击时，发现无法为该图形填充颜色，原因就是该图形的线条没有闭合。图1-151.2.3 任务实施步骤（1）启动Flash CC 2015后，执行“新建”→“ActionScript 3.0”命令，新建 Flash文件，随后进入Flash的编辑界面。（2）执行“视图”→“网格”→“显示网格”命令（或按“Ctrl+,”组合键）后，舞台会出现10像素×10像素大小的灰色网格。（3）执行“视图”→“网格”→“编辑网格”命令，将横纵网格间距调整为20像素，并选中“贴紧至网络”复选框，如图1-16和图1-17所示。图1-16图1-17（4）在舞台右侧的“工具”面板中单击“线条工具”，如图1-18所示，设置“线条工具”的填充与笔触，其中笔触颜色为“#999999”，笔触设置如图1-19所示，接着在舞台上绘制一条直线，如图1-20所示。图1-18图1-19图1-20（5）单击“时间轴”面板左下角的“新建图层”按钮，如图1-21所示。新建图层2，选择第1帧，修改“线条工具”的填充与笔触，如图1-22所示，接着绘制遮阳伞的轮廓，如图1-23所示。
试读结束[说明：试读内容隐藏了图片]