中文版Flash CS6 500例
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

入门篇

第1章 全新体验Flash CS6

1.1 Flash CS6新增功能

Flash软件是用于创建动画和多媒体内容的强大的创作平台,可以设计出使人身临其境的动画效果,而且在台式计算机、平板电脑、智能手机及电视等多种设备中都能呈现一致效果的互动体验。

001增强的AIR技术

实例解析: AIR是针对网络与桌面应用的结合所开发出来的技术,可以不必经由浏览器而控制网络上的云端应用程序。

知识点睛: 了解AIR工具。

Adobe AIR工具是利用Adobe公司的Flash技术开发的视频播放平台,主要的功能就是让用户可以在网上看视频,与Flash功能相同,但是更强大。在Flash CS6中主要做了如下5个方面的增强。

1.针对AIR的移动内容模拟

新移动内容模拟器允许用户模拟硬件按键、加速计、多点触控和地理定位。

2.在AIR插件中支持直接渲染模式

此功能为AIR应用程序提供对StageVideo/Stage3D的Flash Player Direct模式渲染支持。在AIR应用程序的描述文件中,可为AIR for Desktop、AIR for iOS和AIR for Android设置直接模式。

3.支持AIR的运行时绑定

针对AIR的“发布设置”对话框现在有一个将AIR运行时嵌入到应用程序包中的选项。嵌入了运行时的应用程序可以在任何桌面、Android或iOS设备上运行,而无须再安装共享的AIR来运行。把应用程序内容和运行时绑定在一起分发,可以使应用程序不再检测用户系统是否安装有AIR程序即可运行,可以轻松在企业防火墙内网及没有用户管理员权限的计算机网络上发布这些应用程序。

4.为AIR远程调试选择网络接口

在将AIR应用程序发布到Android或iOS设备时,可以选择用于远程调试的网络接口, Flash会将选定网络接口的IP地址打包到调试模式移动应用程序中。当应用程序在目标移动设备上启动时,它会自动连接到主机IP,开始调试会话。要访问设置,可选择“文件”|“发布设置”命令,弹出“发布设置”对话框,然后在“目标”下拉列表框中选择相应的发布类型,如图1-1所示。例如,在“发布设置”对话框中选择AIR 3.2 for Android选项,单击“发布”按钮,弹出“AIR for Android设置”对话框,切换至“部署”选项卡,在“Android部署类型”选项区中选域“调试”单选按钮,即可设置远程调试的网络接口,如图1-2所示。

图1-1 选择相应的发布类型

图1-2 设置远程调试的网络接口

5.用于AIR的本机扩展

在Flash CS6中,可以将本机扩展合并到用户在Flash中开发的AIR应用程序中。通过使用本机扩展,应用程序可以直接访问目标平台上的所有功能,即使运行时本身没有内置对这些功能的支持也可以。

002Toolkit for CreateJS

实例解析: Adobe Flash Professional Toolkit for CreateJS是Flash CS6新增的扩展功能插件。

知识点睛: 了解Toolkit for CreateJS插件。

Toolkit for CreateJS插件允许设计人员和动画制作人员使用开放源CreateJS JavaScript库为HTML 5项目创建资源,该扩展支持Flash的大多数核心动画和插图功能,包括矢量、位图、传统补间、声音和JavaScript时间轴脚本。只需单击一下,Toolkit for CreateJS即可将舞台上及库中的内容导出为可以在浏览器中预览的JavaScript,这样有助于用户很快开始构建非常具有表现力的基于HTML 5的内容。

Toolkit for CreateJS旨在帮助Flash用户顺利过渡到HTML 5,它将库中的元件和舞台上的内容转变为格式清楚的JavaScript, JavaScript非常易于理解和编辑,方便动画开发人员重新使用,甚至可以使用为ActionScript 3.0用户所熟知的JavaScript和CreateJS,来增加动画的互动性。Toolkit for CreateJS还可以发布简单的HTML页面,以提供预览资源的快捷方式。

专家提醒

需要注意的是,目前CreateJS Toolkit只支持英文版与日文版的Flash CS6,所以要使用该插件需安装语言包。用户可进入Flash CS6的安装目录(一般路径为C:\Program Files (x86)\Adobe\Adobe Flash CS6\AMT),打开application.xml文件,将installedLanguages选项设置成en_US(英文版),如果想用简体中文版就设置成zh_CN,只要有相应语言包,设置成相应选项即可。如果用户设置好语言模式后,还是无法通过选择“窗口”|“其他面板”|Toolkit for CreateJS命令调出相应面板,则只能安装原装的英文版Flash CS6。

003导出Sprite表

实例解析: Flash CS6在原有基础上,添加了一些制做游戏方面的导出Sprite表的功能,这个功能比较实用。

知识点睛: 了解如何生成Sprite表。

在Flash CS6中,通过选择“库”面板中或舞台上的元件,可以导出Sprite表,用于协助改善游戏体验、工作流程和性能。Sprite表是一个图形图像文件,该文件包含选定元件中使用的所有图形元素,在文件中会以平铺方式安排这些元素。在“库”面板中选择元件时,还可以包含库中的位图。

要创建Sprite表,在库中或舞台上选择元件,单击鼠标右键,然后在弹出的快捷菜单中选择“生成Sprite表”命令,如图1-3所示。执行操作后,弹出“生成Sprite表”对话框,如图1-4所示。

图1-3 选择“导出Sprite表”选项

图1-4 弹出“生成Sprite表”对话框

在右上角切换至“预览”选项卡,即可预览导出元件的动画效果,如图1-5所示。

图1-5 “预览”选项卡

004高效SWF压缩

实例解析: 在Flash CS6中,对于面向Flash Player 11或更高版本的SWF,可使用一种新的压缩算法,即LZMA。

知识点睛: 了解LZMA压缩算法。

LZMA压缩算法可以提高多达40%的效率,特别是对于包含很多ActionScript或矢量图形的Flash文件而言。选择“文件”|“发布设置”命令,弹出“发布设置”对话框,在“高级”选项区域选中“压缩影片”复选框,然后从右侧的列表框中选择LZMA选项即可。

专家提醒

使用Flash CS6时,即使在计算机崩溃或停电后,也可以确保文件的一致性和完整性。

005导出PNG序列文件

实例解析: 在Flash CS6中,可以从库中或舞台上的单个影片剪辑、按钮或图形元件中导出一系列PNG图像文件。

知识点睛: 导出PNG序列文件。

使用导出PNG序列文件功能可以生成图像文件,Flash或其他应用程序可使用这些图像文件生成相应的内容。例如,PNG序列文件会经常在游戏应用程序中用到。在“库”面板中或舞台上选择单个影片剪辑、按钮或图形元件,单击鼠标右键,在弹出的快捷菜单中选择“导出PNG序列文件”命令,在弹出的“导出PNG序列”对话框中设置输出位置,单击“保存”按钮,弹出“导出PNG”对话框,可以设置PNG序列的属性,单击“导出”按钮,即可导出PNG序列文件,如图1-6所示。

图1-6 导出PNG序列文件

在“导出PNG”对话框可以设置以下选项。

宽:图像输出的宽度。通过更改此值可以调整输出比例,默认为元件内容的宽度。

高:图像输出的高度。通过更改此值可以调整输出比例,默认为元件内容的高度。

分辨率:图像输出的分辨率,默认值为72dpi。

颜色:图像输出的位深度,可以选择8位、24位或32位。默认为32位,支持设置不透明度。如果选择不支持不透明度的24位或8位,背景设置将更改为“舞台”。

背景:用做图像输出背景颜色的颜色。当将“颜色”选项设置为“8位”或“24位”时,此设置才可用。当将“颜色”设置为“32位”时,图像背景将总是透明的;当将“颜色”选项设置为“8位”或“24位”时,“背景”选项默认为“舞台”颜色。对于“8位”或“24位”图像,还可以将设置更改为“不透明”,然后从拾色器中选择背景颜色,或者为背景选择Alpha值以创建新的不透明度。

平滑:在是否对图像输出边缘应用平滑操作之间切换。如果当前未使用透明背景,且可能将图像放置在与舞台当前颜色不同的背景颜色上时,请关闭此选项。

选择“文件”|“发布设置”命令,在弹出的“发布设置”对话框中选中左侧的“PNG图像”复选框,切换至“PNG图像”选项卡,即可对PNG图像的发布选项进行设置,与“导出PNG”对话框中的PNG设置选项相似,有以下几点不同。

尺寸:将导出的位图图像的大小设置为用户在“宽”和“高”字段中输入的像素值。

分辨率:以dpi为单位输入分辨率。要使用屏幕分辨率,并且保持原始图像的高宽比,可选中“匹配屏幕”复选框。

颜色:与“PNG发布设置”选项卡中的“位深度”选项相同,用于设置创建图像时使用的每像素位数。位深度越高,文件就越大。

006Flash CS6动画的制作

实例解析: 在Flash CS6中,可以使用一种名为“直接”的新窗口模式,它支持使用Stage3D的硬件加速内容。

知识点睛:了解“直接”模式。

使用“直接”模式可以作用于针对硬件加速的2D内容的开源Starling Framework,从而增强动画的渲染效果。在Flash CS6中,选择“文件”|“发布设置”命令,弹出“发布设置”对话框,在左侧的列表框中选中“HTML包装器”复选框,并从“窗口模式”下拉列表框中选择“直接”选项,如图1-7所示。

图1-7 选择“直接”选项

“窗口模式”选项可以控制object和embed标记中的HTML wmode属性,用于修改内容边框或虚拟窗口与HTML页中内容的关系,在该下拉列表框中主要有以下选项。

窗口:默认情况下,不会在object和embed标签中嵌入任何与窗口相关的属性,内容的背景不透明并使用HTML背景色。HTML代码无法呈现在Flash内容的上方或下方。

不透明无窗口:将Flash内容的背景设置为不透明,并遮蔽该内容下面的所有内容,使HTML内容显示在该内容的上方或下方。

透明无窗口:将Flash内容的背景设置为透明,并允许HTML内容显示在该内容的上方和下方。如果用户在“发布设置”对话框的Flash(.swf)选项卡中启用了“硬件加速”功能,则会忽略所选的窗口模式,并默认为“窗口”模式。

专家提醒

在某些情况下,当HTML图像比较复杂时,“透明无窗口”模式的复杂呈现方式可能会导致动画速度变慢。

直接:使用Stage3D渲染方法,该方法会尽可能使用GPU。当使用“直接”模式时,在HTML页面中,无法将其他非SWF图形放置在SWF文件的上面。在使用Starling框架时需要“直接”模式。

专家提醒

若要使SWF文件能够使用硬件加速,可在“发布设置”对话框的Flash(.swf)选项卡中的“硬件加速”下拉列表框中选择“第1级-直接”选项,则可通过允许Flash Player在屏幕上直接绘制,而不是让浏览器进行绘制,从而改善播放性能。若选择“第2级-GPU”选项,则Flash Player会利用图形卡的可用计算能力执行视频播放并对图层化图形进行复合。根据用户图形硬件的不同,这将提供更高一级的性能优势。如果使用者拥有高端图形卡,则可以使用此选项。