第1章Flash入门本章主要介绍Flash动画原理、Flash动画的特点、Flash动画的应用范围、FlashCS6的新增功能以及FlashCS6的界面。1.1Flash动画所有的动画,包括Flash动画都是一个原理——快速连续播放静止的图片,给人眼产生的错觉就是画面会连续动起来。那些静止的图片叫作帧;播放速度越快,动画越流畅。电影胶片的播放速度就是24帧/秒。由此可知,产生动画最基本的元素就是那些静止的图片,即帧。所以怎样生成帧就是制作动画的核心。而用Flash做动画也是这个道理——时间轨上每个小格其实就是一个帧。按理说,每一帧都是需要制作的,但Flash能根据前一个关键帧和后一个关键帧自动生成期间的帧而不用人为的刻意制作,这就是Flash制作动画的原理。1.1.1Flash动画的特点Flash是以流控制技术和矢量技术等为代表,能够将矢量图、位图、音频、动画和深一层交互动作有机地、灵活地结合在一起,从而制作出美观、新奇、交互性更强的动画效果。它制作出来的动画具有短小精悍的特点。所以软件一推出,就受到了广大设计者的青睐,被广泛用于二维动画的设计,成为当今最流行的二维设计软件之一。Flash提供的物体变形和透明技术,使得创建动画更加容易,并为动画设计者的丰富想象提供了实现手段;其交互设计让用户可以随心所欲地控制动画,赋予用户更多的主动权;友好的界面和强大的工具使Flash更简单实用。同时,Flash还具有导出独立运行程序的能力,其优化下载的配置功能令人为之赞叹。可以说,Flash为制作适合网络传输的网页动画开辟了新的道路。值得一提的是,由于Flash记录的只是关键帧和控制动作,所生成的编辑文件(*.fla),尤其是播放文件(*.swf)都非常小巧,这些正是无数设计者梦寐以求的。与其他的制作软件制作出来的动画相比,Flash动画具有以下特点。Flash动画受网络资源的制约一般比较短小,利用Flash制作的动画是矢量的,无论把它放大多少倍都不会失真。Flash动画具有交互性优势,可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过单击、选择等动作,决定动画的运行过程和结果,这一点是传统动画所无法比拟的。Flash动画可以放在网上供人欣赏和下载。由于它使用的是矢量图技术,具有文件小、传输速度快、播放采用流式技术的特点,因此动画是边下载边播放。如果速度控制得好,则根本感觉不到文件的下载过程。所以Flash动画在网上被广泛2传播。Flash动画有崭新的视觉效果,比传统的动画更加轻易与灵巧,更加“酷”。不可否认,它已经成为一种新时代的艺术表现形式。Flash动画制作的成本非常低,使用Flash制作的动画能够大大减少人力、物力资源的消耗。同时,在制作时间上也会大大减少。Flash动画在制作完成后,可以把生成的文件设置成带保护的格式,这样就维护了设计者的版权利益。1.1.2Flash动画的应用范围Flash不仅仅是一款用来制作网页动画的软件。Flash发展到今天,其功能已经变得非常强大了。对专业的动画设计师来说,Flash是一个完美的工具,可以用来制作交互式媒体网页或者相关的专业开发多媒体内容,它强调对多种媒体(如音频、录像、位图、矢量、文本和数据等)的导入和控制。Flash还提供有项目管理工具来协调一个团队的设计开发,使其达到最高的工作效率。外部脚本和处理数据库的动态数据能力使得Flash特别适合于大规模的复杂项目。其主要应用领域包括以下几个方面。1.Flash动画短片制作动画短片是Flash最常用的功能,一般的Flash爱好者的兴趣主要也是在这里。提起网络上那些著名的闪客名字,几乎每个爱好者都能如数家珍,都把他们当作偶像来崇拜,而他们使用的工具正是Flash,如图1-1所示。图1-1Flash动画短片除此之外,Flash在商业领域也有着广泛的应用。Flash动画短片还包括基于Web应用的不同规格的Banner(动态广告横幅)和Web页的修饰性动画。例如,网站网页的导航条、广告条、联机贺卡以及卡通画等,如图1-2所示。3第1章Flash入门图1-2动态广告横幅2.Flash游戏使用Flash可以制作许多不同类型的休闲小游戏。游戏通常结合了Flash的动画功能和ActionScript的逻辑功能,使用鼠标或者键盘达到与游戏交互的效果。如图1-3所示即为使用Flash制作的交互小游戏“连连看”。图1-3Flash游戏3.FlashMVFlash可以在动画中加入声音,生成多媒体的图形和界面。因此可以将MP3等格式的歌曲导入Flash中,并为歌曲设计同步的动画。以MV的形式表达出来,变成了具有独特魅力的FlashMV,可以实现现实中的MV无法实现的效果,从而成为了Flash的一个重要应用,如图1-4所示。4.简单的应用系统随着功能的日益强大,Flash渐渐地走上了实际应用领域的前台。Flash不同于其他编程工具和动画制作软件,它把图形图像、动作设计、ActionScript语言完美地结合在一起了,极好地克服了一般编程语言(例如C语言和Java等)使用程序绘图的抽象问题,以及普通动画制作软件的局限性。现在可以在越来越多的地方看到Flash的身影,如图1-5展示的就是以Flash为主要工具开发的一套面向触摸屏的应用系统“电子商务模拟试验教程”。4图1-4FlashMV图1-5应用系统5.其他应用除了上面介绍的功能之外,Flash还有许多方面的应用,特别是在多媒体应用领域,Flash正在扮演着越来越重要的角色。近年来由于网络技术的发展,基于互联网的远程教育在世界范围内已经形成了热点。远程教育的服务提供商或院校为用户提供高标准、高质量且基于Web的课件,成为一个需要刻不容缓去解决的问题。Flash动画完全可以达到这一要求,特别是随着FlashCS6的发布,提供了更多的工具或者模板,用户可以很容易地进行多媒体课件的开发。Flash文件生5第1章Flash入门成的动画一般为*.swf格式,而*.swf格式的文件可以方便地转换为可执行文件*.exe格式。因此,Flash可以在多媒体光盘的片头动画中发挥其作用。如图1-6所示的就是利用Flash的交互功能实现的一个多媒体课件的效果。当然,Flash也自带有诸如幻灯片演示文稿、表单等模板。图1-6多媒体课件1.2FlashCS6的新功能FlashCS6软件内含强大的工具集,具有排版精确、版面保真和丰富的动画编辑功能,能帮助您清晰地传达创作构思。要想了解所安装的版本,在Flash应用程序中选择【帮助】|【Flash帮助】菜单命令即可,如图1-7所示。下面我们来介绍一下FlashCS6的新增功能。可以使用复杂的视频工具、强大的动画和交互式设计工具,超越创意可能性的极限。1.支持AdobeAIR3.4(仅限FlashProfessionalCSUpdate12.0.2)通过FlashProfessionalCS6Update12.0.2,FlashProfessional扩展了对AIR3.4和FlashPlayer11.4的支持。允许FlashProfessional利用AIR3.4所提供的功能,从而改善针对iOS设备的应用程序开发工作流程。可直接在iOS设备上部署AIR应用程序。支持本机iOS模拟器。支持新款iPad的高分辨率Retina显示屏。图1-7FlashCS6的【帮助】菜单62.ToolkitforCreateJS1.1ToolkitforCreateJS1.1发行版针对将以下Flash功能转换到HTML5扩展了支持。补间动画。补间形状。遮罩图层。多帧边界。此发行版还针对添加命名空间提供了一个新的用户界面。此外,ToolkitforCreateJS的性能也得到大幅改进,使得发布过程更为快速。提示:ToolkitforCreateJS1.1与FlashProfessionalCS6Update12.0.2安装程序打包在一起。该安装程序在安装FlashProfessionalCS6Update12.0.2之后,会立即启动ExtensionManager(以便安装ToolkitforCreateJS1.1)。3.针对AIR的移动内容模拟新移动内容模拟器允许模拟硬件按键、加速器、多点触控和地理定位。4.为AIR远程调试选择网络接口在将AIR应用程序发布到Android或iOS设备时,可以选择用于远程调试的网络接口。FlashPro会将选定网络接口的IP地址打包到调试模式移动应用程序中。当应用程序在目标移动设备上启动时,它会自动连接到主机IP,开始调试会话。进行设置时,可选择【文件】|【发布设置】菜单命令,然后在【AIR设置】对话框中切换到【部署】选项卡。5.ToolkitforCreateJSAdobeFlashProfessionalToolkitforCreateJS是FlashProfessionalCS6的扩展,允许设计人员和动画制作人员使用开放源CreateJSJavaScript库为HTML5项目创建资源。该扩展支持FlashProfessional的大多数核心动画和插图功能,包括矢量、位图、传统补间、声音和JavaScript时间轴脚本。只需单击一下,ToolkitforCreateJS即可将舞台上以及库中的内容导出为可以在浏览器中预览的JavaScript。这样有助于用户很快开始构建非常具有表现力的基于HTML5的内容。ToolkitforCreateJS旨在帮助FlashPro用户顺利过渡到HTML5。它将库中的元件和舞台上的内容转变为格式清楚的JavaScript。JavaScript非常易于理解和编辑,方便开发人员重新使用,这将为ActionScript3.0用户所熟知的JavaScript和CreateJS增加互动性。ToolkitforCreateJS还发布了简单的HTML页面,以提供预览资源的快捷方式。6.导出Sprite表通过选择库中或舞台上的元件,可以导出Sprite表。Sprite表是一个图形图像文件,该文件包含选定元件中使用的所有图形元素。在文件中会以平铺方式安排这些元素。在库中选择元件时,还可以包含库中的位图。要创建Sprite表,可以执行以下步骤。(1)在库中或舞台上选择元件。(2)右击,然后在弹出的快捷菜单中选择【导出Sprite表】命令。7第1章Flash入门7.高效SWF压缩对于面向FlashPlayer11或更高版本的SWF,可使用一种新的压缩算法,即LZMA。此新压缩算法效率会提高40%,特别是对包含很多ActionScript或矢量图形的文件而言。可以按以下步骤进行操作。(1)选择【文件】|【发布设置】菜单命令。(2)在对话框的【高级】部分中选择【压缩影片】选项,然后从菜单中选择LZMA命令。8.直接模式发布可以使用一种名为直接的新窗口模式,它支持使用Stage3D的硬件加速内容。(Stage3D要求使用FlashPlayer11或更高版本)可以按以下步骤进行操作。(1)选择【文件】|【发布设置】菜单命令。(2)选择【HTML包装器】。(3)从【窗口模式】菜单中选择【直接】命令。9.在AIR插件中支持直接渲染模式此功能为AIR应用程序提供对StageVideo/Stage3D的FlashPlayerDirect模式渲染支持。可为AIRforDesktop、AIRforiOS和AIRforAndroid设置直接模式。10.通过WiFi调试iOS可以通过WiFi调试关于iOS的AIR应用程序,其中包括断点、单步执行跳入子函数和单步执行跳出子函数、变量监视器和追踪。11.支持AIR的运行时绑定针对AIR的【发布设置】对话框现在有一个将AIR运行时嵌入到应用程序包的选项。嵌入了运行时的应用程序可以在任何桌面、Android或iOS设备上运行,而不用再安装共享的AIR运行时。12.用于AIR的本机扩展可以将本机扩展合并到您在FlashPro中开发的AIR应用程序中。通过使用本机扩展,应用程序可以访问目标平台上