flash教材配套PPT第1章Flash动画项目开发流程.pptx

《flash教材配套PPT第1章Flash动画项目开发流程.pptx》由会员分享，可在线阅读，更多相关《flash教材配套PPT第1章Flash动画项目开发流程.pptx（43页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、“十二五”职业教育国家规划教材经全国职业教育教材审定委员会审定大连理工大学出版社地址：大连市软件园路80号发行：0411-84708842E-mail:新世纪高职高专教材编审委员会 组编(第三版)FlashFlash项目实践教程项目实践教程CONTENTS PAGE 目录页 010203041Part1 1第1章 Flash动画项目开发流程2目标概述学习要求本章将全面介绍Flash动画师岗位需求，Flash动画的项目开发流程，Flash CS6的工作环境和主要功能，Flash动画的主要应用方向，了解Flash的发展历程、掌握Flash动画的创建方法。学习目标 学习目标知识点了解理解掌握应用Fl

2、ashFlash动画师的职业定位FlashFlash的发展史FlashFlash的主要应用方向Flash CS6Flash CS6的工作环境(Flash CS6(Flash CS6的全新用户界面、菜单栏、时间轴、工具箱、浮动面板、舞台、工作区切换器)Flash CS6Flash CS6的新增功能和增强功能FlashFlash的项目开发流程FlashFlash创建与保存（FlashFlash文档格式、FlashFlash文档创建、现有文档打开、文档保存、另存及保存为模板、FlashFlash文档发布）3知识导航职 业 描 述1.11.1 职业描述第1章5 对用户体验而言，良好的动画体验能引导和吸

3、引用户持续的关注和使用，这无论是对广告、游戏还是网站而言都非常重要，所以各行业对动画制作需求量越来越多，于是各动画公司对Flash动画制作的技术人员需求也越来越大。职业背景1.1 职业描述第1章6岗位知识目标能力目标素质目标Flash动画师1.掌握基本的美术认知；2.掌握基本镜头原理，有较好的分镜理解力；3.掌握简单的语言逻辑结构；4.熟悉基本动画原理1.能熟练操作Flash动画制作软件；2.能熟练掌握Flash动画制作技巧；3.能掌握Action语言的应用方法；4.至少掌握一种photoshop、Illustrator、CorelDraw图像处理软件1.热爱动画事业；2.有较好的创意；3.有

4、较强的团队合作意识，善于交流；4.能吃苦耐劳，有较强的责任心；职业定位1.1 职业描述第1章71.了解Flash（1）Flash的发展历程Flash前身叫做Future Splash，是一家小公司开发出来的产品。后来Macromedia公司将Future Splash收购，并将Future Splash更名为Flash，当时的版本是Flash 2.0。从Flash 3.0开始，Macromedia公司加大了对它的宣传力度，Flash与几乎同时推出的Dreamweaver 2.0、Fireworks 2.0一起被Macromedia公司命名为“Dream Team”，我国用户称它们为“网页制作三

5、剑客”。一时间它们在业界好评如潮，并荣获当年众多国际奖项。相关知识1.1 职业描述第1章81.了解Flash（1）Flash的发展历程2005年秋天，Adobe公司成功将Macromedia公司收购，并将Macromedia Flash更名为Adobe Flash。收购后，Adobe公司推出了第一款动画软件Flash CS3，之后，Adobe公司又推出了Flash CS4、Flash CS5、Flash CS6，以业界领先的创作环境，创建引人入胜的交互式体验。相关知识1.1 职业描述第1章9相关知识（2）Flash动画的基本特点Flash CS6是目前Flash发展的最新版本，是动画制作与特效

6、制作最优秀的软件。Flash技术的特点主要表现在以下几个方面。矢量动画Flash动画是基于矢量图形标准实现的，因此，Flash动画非常适合网络上使用。插件方式播放Flash使用插件方式播放，用户只要在浏览器端安装一次Flash Player插件，以后就可以快速启动并观看动画了。Flash矢量动画1.1 职业描述第1章10相关知识 流媒体动画Flash播放器在下载Flash影片时采用流媒体方式，可以边下载边播放。交互功能Flash具有强大的交互功能，这不仅给网页设计带来了无限的创意空间，还使得使用Flash构建一个梦幻站点成为可能。如图所示的Flash导航交互动画。Flash导航交互动画1.1

7、职业描述第1章11相关知识（3）Flash动画的主要应用方向随着Flash软件版本的升级、功能的强大和网络的发展，Flash动画的应用领域越来越广泛，主要应用在以下几个领域中。网页动画用Flash制作的网页动画适合在网络上传输，因为Flash网页动画在线播放时运用了流式技术，即边下载边播放。Flash游戏Flash软件具有强大的多媒体编辑功能，它支持声音、动画及交互功能，是目前制作网络交互动画的优秀工具。Flash网站 Flash游戏1.1 职业描述第1章12相关知识（3）Flash动画的主要应用方向 教学课件制作Flash动画时，在文件中可以导入或者添加文字、图片、声音、视频和动画等。同时F

8、lash还具有强大的交互功能，因此使用Flash制作的多媒体课件越来越多地被教学所采用，如图所示的教学课件。Flash MVFlash在娱乐方面有着较为广泛的应用，最常见的是MV(音乐视频)。Flash动画在添加上音效，能给人带来更多的乐趣，如图所示的Flash MV。教学课件 Flash MV1.1 职业描述第1章13相关知识（3）Flash动画的主要应用方向电子贺卡在过去广泛流行的单一文字和静态贺卡，如今已经被Flash电子贺卡所替代了。Flash可以制作包括多媒体在内的交互式邮件，如图所示。Flash广告Flash通过使用矢量图形和流式播放技术克服了网络传输速度较慢的特点，用Flash制

9、作的宣传广告能够达到一种特殊的宣传效果。如图所示。电子贺卡 Flash广告认识全新的Flash CS6 Professional1.21.2 认识全新的、Flash CS6 Professional第1章15全新的Flash CS6Adobe Flash CS6是用于创建动画和多媒体内容的强大的创作平台。Adobe Flash CS6设计身临其境、而且在台式计算机和平板电脑、智能手机和电视等多种设备中都能呈现一致效果的互动体验。如图1-10所示的Flash CS6启动界面。1.2 认识全新的、Flash CS6 Professional第1章16相关知识1.Flash CS6的工作环境Flas

10、h CS6提供了全新的用户界面，重新划分了界面布局，方便用户的操作，如图1-11所示。（1）启动Flash CS6执行“开始”“程序”“Adobe Flash Professional CS6”命令或双击桌面上的快捷方式图标，启动Flash CS6，进入启动后的工作界面如图 所示。（2）工作界面工作界面分为如下几个区域：1.2 认识全新的、Flash CS6 Professional第1章17相关知识 菜单栏 菜单栏是Flash CS6界面的重要组成部分，它集中了绝大多数通过窗口和面板可实现的功能，并且某些功能只能通过菜单或相应的快捷键才可以实现。下面分别介绍菜单栏中各个菜单项的作用。“文件”

11、菜单：主要用于一些基本的文件管理操作，如新建、保存、打印等。“编辑”菜单：主要是用于一些基本的编辑操作，如复制、剪切、粘贴及相关设置等。“视图”菜单：主要用于屏幕显示的控制，如放大、缩小、网格、显示与隐藏等。“插入”菜单：提供的多为插入命令，如向库中添加元件、在动画中添加场景、在场景中添加层、在层中添加帧等操作。1.2 认识全新的、Flash CS6 Professional第1章18相关知识“修改”菜单：主要用于修改动画中各种对象的属性，如分离、变形、排列等。“文本”菜单：提供处理对象的命令，如字体、字号、样式等文本编辑命令。“命令”菜单：提供了命令的功能集成，如导入动画xml、导出动画xm

12、l等。“控制”菜单：提供了控制动画播放的命令，如播放、前进一帧、后退一帧、测试影片、测试场景、循环播放等。“调试”菜单：提供了影片脚本的调试命令，包括跳入、跳出、调试影片等。“窗口”菜单：提供了Flash CS6所有的工具栏、编辑窗口和功能面板。“帮助”菜单：包括了丰富的帮助信息和教程，是Flash CS6提供的帮助资源的集合。1.2 认识全新的、Flash CS6 Professional第1章19相关知识 时间轴时间轴位于Flash CS6操作界面的下方，用于组织和控制图层和帧。如图所示。1.2 认识全新的、Flash CS6 Professional第1章20相关知识 工具箱工具箱默认位

13、于Flash CS6主界面的右侧，Flash CS6工具箱中包括选择工具、绘制工具、修饰工具、视图调整工具、颜色修改工具和选项设置工具6大类别，如图1-14所示。1.2 认识全新的、Flash CS6 Professional第1章21相关知识Flash CS6工具箱中个类工具的作用如下：选择工具：可以完成对象的选择、2D与3D变形等操作。绘制工具：单击某个工具，将它激活，之后可以在舞台上使用该工具进行绘图。修饰工具：可以完成对绘制对象的填色、描边、擦除等修饰操作。视图调整工具：用户在绘图时，当要绘制图形的位置没有显示在编辑区时，可以使用“手形工具”将要绘制的图形位置显示出来。颜色修改工具：可

14、以用来修改绘图工具的颜色、绘制对象的填充色。选项设置工具：当用户选择具体的某一个工具后，工具箱下方即显示一组可以用来调整其设置的属性选项。1.2 认识全新的、Flash CS6 Professional第1章22相关知识 浮动面板Flash CS6提供了根据用户要求来调整操作界面的多种方法和功能，利用浮动面板可以使操作更为简便。Flash CS6中的浮动面板允许用户对对象、颜色、文本、元件、实例、帧、场景和整个影片进行操作。舞台场景中的白色区域（新建的文档舞台均默认为白色，也可以在文档属性中设置舞台颜色）视为舞台，舞台之外的灰色区域视为工作区，舞台加工作区可视为编辑区。工作区切换器不同的用户可

15、以根据自己的操作需要，通过工作区切换器切换不同模式的工作区。1.2 认识全新的、Flash CS6 Professional第1章23相关知识（3）工作区切换从应用程序栏上的“工作区切换器”菜单中选择“新建工作区”或“管理工作区”，可以“新建”或“重命名”和“删除”工作区。1.2 认识全新的、Flash CS6 Professional第1章24相关知识2.Flash cs6新增功能（1）文本引擎在Flash CS6中，用户可以使用新的TLF文本引擎向Flash文件添加文本，通过新的文本布局框架，借助印刷质量的排版全面控制文本。新的TLF文本引擎大大增强了对文本属性和流的控制，如图所示。1.2

16、 认识全新的、Flash CS6 Professional第1章25相关知识（2）“代码片段”面板使用为常见操作、动画、音频和视频插入等预建的便捷代码片段，能加快项目完成速度。这也是一种更简单的 ActionScript 3.0 语言的学习方法。如图 所示。（3）Flash Builder集成借助 Adobe Flash Builder 软件，与可以使用您的 Flash 项目文件的开发人员实现更密切的合作，从而提高内容的测试、调试和发布效率。（4）基于XML的FLA源文件借助 XML 格式的 FLA 文件实施，更轻松地实现项目协作。1.2 认识全新的、Flash CS6 Professiona

17、l第1章26相关知识3.Flash cs6增强功能（1）Creative Suite 集成将 Flash Professional 与 Adobe photoshop、Illustrator、InDesign 及 Flash Builder结合使用时，可提高工作效率。（2）实时预览在Flash CS6中，FLVPlayback组件在ActionScript3.0版本中允许用户预览舞台上整个链接的视频文件。方便用户可以更轻松地向Flash中的视频添加视频提示点，借助舞台视频和新“提示点”属性检查器，简化视频嵌入和编码流程。如图所示。（3）生成 Sprite 表单在Flash CS6中，用户可以导

18、出元件和动画序列，以快速生成 Sprite 表单，协助改善游戏体验、工作流程和性能。1.2 认识全新的、Flash CS6 Professional第1章27相关知识（4）“骨骼工具”大幅改进借助为“骨骼工具”新增的动画属性，创建出更具逼真的、复杂的反向运动效果。如图所示。（5）Deco 绘制工具借助为“Deco 工具”新增的一整套刷子添加高级动画效果。如图所示。反向运动效果 新增的刷子效果图1.2 认识全新的、Flash CS6 Professional第1章28相关知识（6）增强的ActionScript编辑器借助内置ActionScript编辑器提供的自定义类代码提示和代码完成功能，简化

19、开发作业，加快开发流程。如图所示。（7）新模板在Flash CS6中包含一系列的新模板，出现在“欢迎屏幕”页面和“新建文档”对话框中，使得用户在创建常见类型项目时更轻松。ActionScript 编辑器Flash动画制作的流程1.31.3 Flash动画制作的流程第1章30开发流程由于每个制作者的习惯不同，制作动画的流程也会不同，但是大体的步骤还是一致的。Flash动画制作主要分为前期、中期和后期三个部分。1.前期制作前期包括策划、选材、素材准备、脚本、角色造型设计、场景设计和分镜头等。前期的准备就绪后就可以进入动画的制作了。2.中期制作中期制作是Flash动画制作的一个重要阶段,这个阶段将我

20、们在前期的种种准备付诸实施。3.后期制作Flash动画制作完成后，要对它进行后期的收尾工作。包括添加音乐、审核修改、添加loading、重播按钮、版权声明、测试发布等。至此，完成flash动画的制作。1.3 Flash动画制作的流程第1章31相关知识1.Flash文档格式Flash CS6支持多种文档格式，良好的格式兼容性使得用Flash设计的动画可以满足不同软硬件环境和场合的要求。FLA格式：以FLA为扩展名的是Flash的源文档，它可以在Flash中打开和编辑。SWF格式：以SWF为扩展名的是FLA文档发布后的格式，可以直接使用Flash播放器播放。AS格式：以AS为扩展名的是Flash的

21、ActionScript脚本文档，这种文档的最大优点就是可以重复使用。FLV格式：FLV流媒体格式是一种新的视频格式。JSFL格式：以JSFL为扩展名的是Flash CS6的Flash JavaScript文档，该脚本文档可以保存利用Flash JavaScript API编写的Flash JavaScript脚本。1.3 Flash动画制作的流程第1章32相关知识1.Flash文档格式Flash CS6支持多种文档格式，良好的格式兼容性使得用Flash设计的动画可以满足不同软硬件环境和场合的要求。ASC格式：以ASC为扩展名的是Flash CS6的外部ActionScript通信文档，该文档

22、用于开发高效、灵活的客户端-服务器Adobe Flash Media Server 应用程序。XFL格式：以XFL为扩展名的是Flash CS6新增的开放式项目文档。它是一个所有素材及项目文档，包括XML元数据信息为一体的压缩包。FLP格式：以FLP为扩展名的是Flash CS6的项目文档。EXE格式：以EXE为扩展名的是Windows的可执行文档，可以直接在Windows中运行的程序。1.3 Flash动画制作的流程第1章33相关知识2.创建新文档在Flash CS6中，用户可以使用多种方法创建新文档。（1）通过欢迎屏幕创建新文档（2）通过菜单命令创建新文档（3）使用快捷键创建新文档3.从模

23、板创建新文档 除了创建空白的新文档外，用户还可以利用Flash CS6内置模板，快速地创建具有特定应用的Flash动画。1.3 Flash动画制作的流程第1章34相关知识4.打开现有的文档 保存文件后，用户可以在需要编辑时通过Flash CS6再次打开该文件，查看其内容或对其进行编辑。在Flash CS6中，打开Flash文件常用的方法有4种。（1）通过菜单命令打开文档（2）通过快捷键打开文档（3）打开最近编辑的文档（4）通过Adobe Bridge CS6程序打开文档1.3 Flash动画制作的流程第1章35相关知识5.保存Flash文档在保存新建的Flash文档时，可以执行“文件”“保存”

24、命令，或者按下“Ctrl+S”快捷键，然后在打开的“另存为”对话框中设置保存位置、文件名、保存类型等选项，最后单击“保存”按钮即可。6.另存Flash文档编辑Flash文档后，若不想覆盖原来的文档，可以执行“文件”“另存为”命令，或者按下“Ctrl+Shift+S”快捷键，将文档保存成一个新文档。7.将文档另存为模板使用模板可以快速地创建特定应用需要的Flash文件，但Flash自带的模板不能满足用户的需要时，用户可以将创建的Flash文件另存为模板使用。1.3 Flash动画制作的流程第1章36相关知识8.发布Flash文档（1）默认情况下，用户执行“文件”“发布”命令，或按下“Alt+Sh

25、ift+F12”快捷键会创建一个SWF文件和一个HTML文档。执行“文件”“发布设置”命令，或按下“Ctrl+Shift+F12”快捷键，在打开的“发布设置”对话框中设置发布选项，单击“发布”按钮，可创建设定好的各种格式的文件，再单击“确定”按钮即可。9.设置文档属性单击文档属性面板中“550400像素”后的“编辑”按钮或执行菜单栏中“修改”“文档”命令，可以打开“文档设置”对话框，该对话框内包括尺寸、标尺单位、匹配、背景颜色、帧频等五项参数的属性进行设置。1.3 Flash动画制作的流程第1章37本章小结1.Flash动画师岗位需求随着动画产业的快速发展，Flash动画师的岗位需求量也越来越

26、大，要成为一名优秀的Flash动画师需要具备熟练操作Flash软件、动画制作技巧、Action语言应用等能力，具体参照表1-2所示。1.3 Flash动画制作的流程第1章38本章小结2.Flash动画的项目开发流程Flash动画制作主要分为前期、中期和后期三个部分。前期主要包括策划、选材、素材准备、脚本、角色造型设计、场景设计和分镜头等。中期制作是Flash动画制作的一个重要阶段,主要包括声音、新建文件、制作动画背景和动画形象、动作设计、制作分镜、动画整合等。后期主要包括音效和对白的添加、字幕和版权信息、添加Loading、添加播放与重播按钮、动画的优化、动画的测试、发布等。1.3 Flash

27、动画制作的流程第1章39本章小结3.Flash CS6的工作环境和主要功能Flash CS6提供了全新的用户界面，重新划分了界面布局，工作界面主要包括菜单栏、时间轴、工具箱、浮动面板、舞台、工作区切换器等，Flash CS6将菜单栏放到了窗口栏之上，并整合了各种面板和改进工具的交互，方便了用户的操作，具体可参照图1-11所示。相比之前的版本，Flash CS6版本增加了文本引擎、“代码片段”面板、Flash Builder集成、基于XML的FLA源文件的新功能，并对Creative Suite 集成、实时预览、生成 Sprite 表单、“骨骼工具”大幅改进、Deco 绘制工具、ActionSc

28、ript编辑器、新模板的功能进行了增强。1.3 Flash动画制作的流程第1章40本章小结4.Flash动画的主要应用方向 Flash强大的功能和网络的快速发展使得动画的应用领域越来越广泛，主要应用在网页动画、Flash游戏、教学课件、Flash MV、电子贺卡、Flash广告等各个方面。5.Flash动画创建、保存、发布的方法 Flash支持FLA、SWF、AS、FLV、JSFL、ASC、XFL、FLP、EXE等多种格式。可以通过欢迎屏幕、菜单命令、使用快捷键等几种方法创建新文档；可以通过保存、另存为方式保存Flash文件；执行“文件”“发布”命令完成Flash文档的发布。1.3 Flash动画制作的流程第1章41思考与练习1.Flash项目开发的流程是怎样的？2.Flash的基本文档格式有哪些？3.结合所讲内容，练习制作一个Flash文档创建及保存的例子。大连理工大学出版社大连理工大学出版社地址：大连市软件园路地址：大连市软件园路8080号号E-mail :URL：http:/