教学课件·Flash项目实践教程第三版.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《教学课件·Flash项目实践教程第三版.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教学 课件 Flash 项目 实践 教程 第三
- 资源描述:
-
1、CONTENTS PAGE 目录页 01010202030304041Part1第1章 Flash动画项目开发流程2目标概述学习要求本章将全面介绍Flash动画师岗位需求,Flash动画的项目开发流程,Flash CS6的工作环境和主要功能,Flash动画的主要应用方向,了解Flash的发展历程、掌握Flash动画的创建方法。学习目标 学习目标学习目标知识点知识点了了解解理解理解掌握掌握应用应用Flash动画师的职业定位动画师的职业定位 Flash的发展史的发展史 Flash的主要应用方向的主要应用方向 Flash CS6的工作环境的工作环境(Flash CS6的全新用户界面、菜的全新用户界面
2、、菜单栏、时间轴、工具箱、浮动面板、舞台、工作区切单栏、时间轴、工具箱、浮动面板、舞台、工作区切换器换器)Flash CS6的新增功能和增强功能的新增功能和增强功能 Flash的项目开发流程的项目开发流程Flash创建与保存(创建与保存(Flash文档格式、文档格式、Flash文档创建、文档创建、现有文档打开、文档保存、另存及保存为模板、现有文档打开、文档保存、另存及保存为模板、Flash文档发布)文档发布)3知识导航职 业 描 述1.11.11.1 职业描述第第1 1章章5 对用户体验而言,良好的动画体验能引导和吸引用户持续的关注和使用,这无论是对广告、游戏还是网站而言都非常重要,所以各行业
3、对动画制作需求量越来越多,于是各动画公司对Flash动画制作的技术人员需求也越来越大。职业背景1.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 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 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 1章章9相关知识(2)Flash动画的基本特点Flash CS6是目前Flash发展的最新版本,是动画制作与特效制作最优秀的软件。Flash技术的特点主要表现
6、在以下几个方面。矢量动画Flash动画是基于矢量图形标准实现的,因此,Flash动画非常适合网络上使用。插件方式播放Flash使用插件方式播放,用户只要在浏览器端安装一次Flash Player插件,以后就可以快速启动并观看动画了。Flash矢量动画1.1 职业描述第第1 1章章10相关知识 流媒体动画Flash播放器在下载Flash影片时采用流媒体方式,可以边下载边播放。交互功能Flash具有强大的交互功能,这不仅给网页设计带来了无限的创意空间,还使得使用Flash构建一个梦幻站点成为可能。如图所示的Flash导航交互动画。Flash导航交互动画1.1 职业描述第第1 1章章11相关知识(3
7、)Flash动画的主要应用方向随着Flash软件版本的升级、功能的强大和网络的发展,Flash动画的应用领域越来越广泛,主要应用在以下几个领域中。网页动画用Flash制作的网页动画适合在网络上传输,因为Flash网页动画在线播放时运用了流式技术,即边下载边播放。Flash游戏Flash软件具有强大的多媒体编辑功能,它支持声音、动画及交互功能,是目前制作网络交互动画的优秀工具。Flash网站 Flash游戏1.1 职业描述第第1 1章章12相关知识(3)Flash动画的主要应用方向 教学课件制作Flash动画时,在文件中可以导入或者添加文字、图片、声音、视频和动画等。同时Flash还具有强大的交
8、互功能,因此使用Flash制作的多媒体课件越来越多地被教学所采用,如图所示的教学课件。Flash MVFlash在娱乐方面有着较为广泛的应用,最常见的是MV(音乐视频)。Flash动画在添加上音效,能给人带来更多的乐趣,如图所示的Flash MV。教学课件 Flash MV1.1 职业描述第第1 1章章13相关知识(3)Flash动画的主要应用方向电子贺卡在过去广泛流行的单一文字和静态贺卡,如今已经被Flash电子贺卡所替代了。Flash可以制作包括多媒体在内的交互式邮件,如图所示。Flash广告Flash通过使用矢量图形和流式播放技术克服了网络传输速度较慢的特点,用Flash制作的宣传广告能
9、够达到一种特殊的宣传效果。如图所示。电子贺卡 Flash广告认识全新的Flash CS6 Professional1.21.21.2 认识全新的、Flash CS6 Professional第第1 1章章15全新的Flash CS6Adobe Flash CS6是用于创建动画和多媒体内容的强大的创作平台。Adobe Flash CS6设计身临其境、而且在台式计算机和平板电脑、智能手机和电视等多种设备中都能呈现一致效果的互动体验。如图1-10所示的Flash CS6启动界面。1.2 认识全新的、Flash CS6 Professional第第1 1章章16相关知识1.Flash CS6的工作环境
10、Flash CS6提供了全新的用户界面,重新划分了界面布局,方便用户的操作,如图1-11所示。(1)启动Flash CS6执行“开始”“程序”“Adobe Flash Professional CS6”命令或双击桌面上的快捷方式图标,启动Flash CS6,进入启动后的工作界面如图 所示。(2)工作界面工作界面分为如下几个区域:1.2 认识全新的、Flash CS6 Professional第第1 1章章17相关知识 菜单栏 菜单栏是Flash CS6界面的重要组成部分,它集中了绝大多数通过窗口和面板可实现的功能,并且某些功能只能通过菜单或相应的快捷键才可以实现。下面分别介绍菜单栏中各个菜单项
11、的作用。“文件”菜单:主要用于一些基本的文件管理操作,如新建、保存、打印等。“编辑”菜单:主要是用于一些基本的编辑操作,如复制、剪切、粘贴及相关设置等。“视图”菜单:主要用于屏幕显示的控制,如放大、缩小、网格、显示与隐藏等。“插入”菜单:提供的多为插入命令,如向库中添加元件、在动画中添加场景、在场景中添加层、在层中添加帧等操作。1.2 认识全新的、Flash CS6 Professional第第1 1章章18相关知识“修改”菜单:主要用于修改动画中各种对象的属性,如分离、变形、排列等。“文本”菜单:提供处理对象的命令,如字体、字号、样式等文本编辑命令。“命令”菜单:提供了命令的功能集成,如导入
12、动画xml、导出动画xml等。“控制”菜单:提供了控制动画播放的命令,如播放、前进一帧、后退一帧、测试影片、测试场景、循环播放等。“调试”菜单:提供了影片脚本的调试命令,包括跳入、跳出、调试影片等。“窗口”菜单:提供了Flash CS6所有的工具栏、编辑窗口和功能面板。“帮助”菜单:包括了丰富的帮助信息和教程,是Flash CS6提供的帮助资源的集合。1.2 认识全新的、Flash CS6 Professional第第1 1章章19相关知识 时间轴时间轴位于Flash CS6操作界面的下方,用于组织和控制图层和帧。如图所示。1.2 认识全新的、Flash CS6 Professional第第1
13、 1章章20相关知识 工具箱工具箱默认位于Flash CS6主界面的右侧,Flash CS6工具箱中包括选择工具、绘制工具、修饰工具、视图调整工具、颜色修改工具和选项设置工具6大类别,如图1-14所示。1.2 认识全新的、Flash CS6 Professional第第1 1章章21相关知识Flash CS6工具箱中个类工具的作用如下:选择工具:可以完成对象的选择、2D与3D变形等操作。绘制工具:单击某个工具,将它激活,之后可以在舞台上使用该工具进行绘图。修饰工具:可以完成对绘制对象的填色、描边、擦除等修饰操作。视图调整工具:用户在绘图时,当要绘制图形的位置没有显示在编辑区时,可以使用“手形工
14、具”将要绘制的图形位置显示出来。颜色修改工具:可以用来修改绘图工具的颜色、绘制对象的填充色。选项设置工具:当用户选择具体的某一个工具后,工具箱下方即显示一组可以用来调整其设置的属性选项。1.2 认识全新的、Flash CS6 Professional第第1 1章章22相关知识 浮动面板Flash CS6提供了根据用户要求来调整操作界面的多种方法和功能,利用浮动面板可以使操作更为简便。Flash CS6中的浮动面板允许用户对对象、颜色、文本、元件、实例、帧、场景和整个影片进行操作。舞台场景中的白色区域(新建的文档舞台均默认为白色,也可以在文档属性中设置舞台颜色)视为舞台,舞台之外的灰色区域视为工
15、作区,舞台加工作区可视为编辑区。工作区切换器不同的用户可以根据自己的操作需要,通过工作区切换器切换不同模式的工作区。1.2 认识全新的、Flash CS6 Professional第第1 1章章23相关知识(3)工作区切换从应用程序栏上的“工作区切换器”菜单中选择“新建工作区”或“管理工作区”,可以“新建”或“重命名”和“删除”工作区。1.2 认识全新的、Flash CS6 Professional第第1 1章章24相关知识2.Flash cs6新增功能(1)文本引擎在Flash CS6中,用户可以使用新的TLF文本引擎向Flash文件添加文本,通过新的文本布局框架,借助印刷质量的排版全面控制
16、文本。新的TLF文本引擎大大增强了对文本属性和流的控制,如图所示。1.2 认识全新的、Flash CS6 Professional第第1 1章章25相关知识(2)“代码片段”面板使用为常见操作、动画、音频和视频插入等预建的便捷代码片段,能加快项目完成速度。这也是一种更简单的 ActionScript 3.0 语言的学习方法。如图 所示。(3)Flash Builder集成借助 Adobe Flash Builder 软件,与可以使用您的 Flash 项目文件的开发人员实现更密切的合作,从而提高内容的测试、调试和发布效率。(4)基于XML的FLA源文件借助 XML 格式的 FLA 文件实施,更轻
17、松地实现项目协作。1.2 认识全新的、Flash CS6 Professional第第1 1章章26相关知识3.Flash cs6增强功能(1)Creative Suite 集成将 Flash Professional 与 Adobe photoshop、Illustrator、InDesign 及 Flash Builder结合使用时,可提高工作效率。(2)实时预览在Flash CS6中,FLVPlayback组件在ActionScript3.0版本中允许用户预览舞台上整个链接的视频文件。方便用户可以更轻松地向Flash中的视频添加视频提示点,借助舞台视频和新“提示点”属性检查器,简化视频嵌
18、入和编码流程。如图所示。(3)生成 Sprite 表单在Flash CS6中,用户可以导出元件和动画序列,以快速生成 Sprite 表单,协助改善游戏体验、工作流程和性能。1.2 认识全新的、Flash CS6 Professional第第1 1章章27相关知识(4)“骨骼工具”大幅改进借助为“骨骼工具”新增的动画属性,创建出更具逼真的、复杂的反向运动效果。如图所示。(5)Deco 绘制工具借助为“Deco 工具”新增的一整套刷子添加高级动画效果。如图所示。反向运动效果 新增的刷子效果图1.2 认识全新的、Flash CS6 Professional第第1 1章章28相关知识(6)增强的Act
19、ionScript编辑器借助内置ActionScript编辑器提供的自定义类代码提示和代码完成功能,简化开发作业,加快开发流程。如图所示。(7)新模板在Flash CS6中包含一系列的新模板,出现在“欢迎屏幕”页面和“新建文档”对话框中,使得用户在创建常见类型项目时更轻松。ActionScript 编辑器Flash动画制作的流程1.31.31.3 Flash动画制作的流程第第1 1章章30开发流程由于每个制作者的习惯不同,制作动画的流程也会不同,但是大体的步骤还是一致的。Flash动画制作主要分为前期、中期和后期三个部分。1.前期制作前期包括策划、选材、素材准备、脚本、角色造型设计、场景设计和
20、分镜头等。前期的准备就绪后就可以进入动画的制作了。2.中期制作中期制作是Flash动画制作的一个重要阶段,这个阶段将我们在前期的种种准备付诸实施。3.后期制作Flash动画制作完成后,要对它进行后期的收尾工作。包括添加音乐、审核修改、添加loading、重播按钮、版权声明、测试发布等。至此,完成flash动画的制作。1.3 Flash动画制作的流程第第1 1章章31相关知识1.Flash文档格式Flash CS6支持多种文档格式,良好的格式兼容性使得用Flash设计的动画可以满足不同软硬件环境和场合的要求。FLA格式:以FLA为扩展名的是Flash的源文档,它可以在Flash中打开和编辑。SW
21、F格式:以SWF为扩展名的是FLA文档发布后的格式,可以直接使用Flash播放器播放。AS格式:以AS为扩展名的是Flash的ActionScript脚本文档,这种文档的最大优点就是可以重复使用。FLV格式:FLV流媒体格式是一种新的视频格式。JSFL格式:以JSFL为扩展名的是Flash CS6的Flash JavaScript文档,该脚本文档可以保存利用Flash JavaScript API编写的Flash JavaScript脚本。1.3 Flash动画制作的流程第第1 1章章32相关知识1.Flash文档格式Flash CS6支持多种文档格式,良好的格式兼容性使得用Flash设计的动
22、画可以满足不同软硬件环境和场合的要求。ASC格式:以ASC为扩展名的是Flash CS6的外部ActionScript通信文档,该文档用于开发高效、灵活的客户端-服务器Adobe Flash Media Server 应用程序。XFL格式:以XFL为扩展名的是Flash CS6新增的开放式项目文档。它是一个所有素材及项目文档,包括XML元数据信息为一体的压缩包。FLP格式:以FLP为扩展名的是Flash CS6的项目文档。EXE格式:以EXE为扩展名的是Windows的可执行文档,可以直接在Windows中运行的程序。1.3 Flash动画制作的流程第第1 1章章33相关知识2.创建新文档在F
23、lash CS6中,用户可以使用多种方法创建新文档。(1)通过欢迎屏幕创建新文档(2)通过菜单命令创建新文档(3)使用快捷键创建新文档3.从模板创建新文档 除了创建空白的新文档外,用户还可以利用Flash CS6内置模板,快速地创建具有特定应用的Flash动画。1.3 Flash动画制作的流程第第1 1章章34相关知识4.打开现有的文档 保存文件后,用户可以在需要编辑时通过Flash CS6再次打开该文件,查看其内容或对其进行编辑。在Flash CS6中,打开Flash文件常用的方法有4种。(1)通过菜单命令打开文档(2)通过快捷键打开文档(3)打开最近编辑的文档(4)通过Adobe Brid
24、ge CS6程序打开文档1.3 Flash动画制作的流程第第1 1章章35相关知识5.保存Flash文档在保存新建的Flash文档时,可以执行“文件”“保存”命令,或者按下“Ctrl+S”快捷键,然后在打开的“另存为”对话框中设置保存位置、文件名、保存类型等选项,最后单击“保存”按钮即可。6.另存Flash文档编辑Flash文档后,若不想覆盖原来的文档,可以执行“文件”“另存为”命令,或者按下“Ctrl+Shift+S”快捷键,将文档保存成一个新文档。7.将文档另存为模板使用模板可以快速地创建特定应用需要的Flash文件,但Flash自带的模板不能满足用户的需要时,用户可以将创建的Flash文
25、件另存为模板使用。1.3 Flash动画制作的流程第第1 1章章36相关知识8.发布Flash文档(1)默认情况下,用户执行“文件”“发布”命令,或按下“Alt+Shift+F12”快捷键会创建一个SWF文件和一个HTML文档。执行“文件”“发布设置”命令,或按下“Ctrl+Shift+F12”快捷键,在打开的“发布设置”对话框中设置发布选项,单击“发布”按钮,可创建设定好的各种格式的文件,再单击“确定”按钮即可。9.设置文档属性单击文档属性面板中“550400像素”后的“编辑”按钮或执行菜单栏中“修改”“文档”命令,可以打开“文档设置”对话框,该对话框内包括尺寸、标尺单位、匹配、背景颜色、帧
展开阅读全文