1 Flash CC简介
学习要点
·了解Flash的发展过程
·了解Flash软件的特点
·了解Flash的应用范围
·掌握Flash CC的新增功能
1.1 Flash的产生与发展
Flash是一款有着传奇般历史背景的软件。1996年,乔纳森•盖伊6人的小公司FutureWave Software开发了一款名为FutureSplash Animator的小软件,这就是Flash的前身。同年11月,著名的多媒体软件公司Macromedia公司收购了FutureWave,并把FutureSplash Animator更名为Flash。通过Macromedia公司对Flash的大量改进和大力推广,Flash得到了迅速发展。Flash已经成为一个跨平台的多媒体标准。
2005年,处于电脑图形图像领域领导地位的Adobe公司以34亿美元收购了Macromedia公司,两家公司的结合,给Flash带来了更为广阔的的发展前景。Adobe对Flash进行了全面的改进和革新。经过多年发展,Flash已经进行了全新升级,颠覆了原有动画的编辑方式,简化了动画创作的操作步骤;为艺术家提供了创意的绘图工具、骨骼工具、文字处理引擎和3D工具;为程序设计人员提供了优秀的面向对象编程语言ActionScript 3.0,使创建丰富的交互内容变得轻而易举。Flash已经成为集动画创作与应用程序开发于一身的创作平台。
在多个领域中,Flash被广泛应用,Flash片头、Flash广告、Flash导航、Flash游戏、Flash网络应用程序以及Flash手机应用程序,已经成为目前商业应用不可缺少的解决方案。
那么Flash的特点在哪里?为什么能被广泛应用?
在以往互联网带宽有限的情况下,文字和图像的表现力不够丰富,如果采用传统的视频或动画等效果,由于文件量很大,传输速度跟不上,造成用户体验不佳。Flash采用矢量动画的概念,大大缩小了文件容量。采用流式播放的技术,动画内容可以边下载边播放,使得丰富的动画在网络上也能相对流畅地运行。正是由于满足了众多互联网浏览者的需要,Flash格式才得以广泛运用。
Flash软件本身强大的功能和人性化的创作方式也是它受欢迎的原因之一。在Flash软件出现以前,除了专业的二维动画软件,几乎找不到一款适用于个人的二维动画创作软件,而Flash填补了这个空白。它借鉴了Director的时间轴和图层的概念,使得动画的创作非常容易理解,垂直方向上是图层的叠加,水平方向上是时间的运动,而且强大补间动画,只需要设置好元素的起始状态和结束状态,中间的动画过程由Flash自动实现。
Flash的编程语言ActionScript 3.0,其高效的执行效率和强大的交互能力,使Flash如虎添翼。Flash对移动设备的开发支持及HTML5内容创建的支持,使得任何熟练掌握Flash软件的用户都可轻松地创建适合手机浏览及交互的内容。
只要经过短时间的学习,无论是初学Flash的新人,还是设计领域的高手,都可以轻松地用Flash做出漂亮的动画来。当然,具备良好绘画能力或编程能力的用户更可以发挥想象力,随心所欲地制作专业的动画,实现自己的创意。
多方面的优势,包括更多未写于此的优点,决定了Flash在各个领域被广泛应用的地位。
1.2 Flash的应用领域
最初,由于Flash开发工具使用门槛较低,它满足了众多非专业人员制作动画的需求与好奇心。但是随着Flash动画的流行,创作队伍不断扩大,同时Flash软件本身功能也逐渐增强,它的应用领域不断扩展。Flash已经广泛应用于互联网、多媒体出版、电视媒体、手机应用和教学课件等多种平台,成为了跨平台多媒体应用开发的一个重要分支。它目前主要的应用领域如下所述。
1.2.1 网站片头和网站广告
在早期的网站中只有一些静态的图像和文字,页面有些呆板。Flash不但动画效果非常好,而且还可以加载声音和视频。相对于传统的图片和GIF动画,Flash可以创造出更具冲击力的表现效果。Flash技术已经成为了动画多媒体的既定标准,在互联网中得到了广泛的应用与推广。
不少网站以Flash片头作为过渡页面,在片头中播放一段简短精美的动画,就如电视的栏目片头一样。它可以在很短的时间内把自己的重要信息传播给访问者,同时,对自己的企业形象或主打产品给予生动的介绍,这样可以给浏览者留下良好的第一印象。图1-2-1所示是丰田汽车新产品网站的片头广告,既营造出了产品优良的品质,又起到了产品说明的作用。
图1-2-1 丰田汽车新产品Flash广告截图
1.2.2 Flash导航和整站Flash
Flash不仅有极富冲击力的表现效果,还有强大的交互功能,所以许多网站的导航部分采用Flash制作,给用户带来不同的体验。下面是电影《蓝精灵2》的宣传网站,网站通过键盘方向键来控制蓝精灵左右跑动,以此进行导航,走到一个场景即可点击相应的内容,极具创意,如图1-2-2所示。
图1-2-2 电影《蓝精灵2》网站可交互导航
甚至还有一些网站的整个网页都采用Flash技术搭建,给用户更好的体验效果。这种情况一般多出现于时尚产品网站、主题活动网站等。
1.2.3 Flash MV和二维动画
Flash的出现给人们带来创作激情,尤其是用Flash对一些歌曲进行动画创作(Music Video,MV),让每个人都可以对自己喜欢的音乐给予自己的诠释,抒发自己的心情。在网上,几乎可以找到各种流行歌曲的MV版,可见Flash MV的深入人心。此外,一些唱片公司开始推出使用Flash技术制作MTV,这样,使用Flash制作MTV逐渐商业化了。
除了MTV,更多专业的作者开始进行二维动画的创作,自己编写剧情,自己做动画,甚至自己来配音配乐,使用Flash这样一款简单的软件,达到的效果能和迪斯尼大片媲美。目前国内已经出现了许多专业的Flash动画工作室,开始制作Flash长片和Flash连续剧,如图1-2-3所示。
图1-2-3 动画片《喜羊羊和灰太狼》
1.2.4 电子贺卡
以往逢年过节,大家都会通过去邮局邮寄贺卡为亲朋好友祝福。到了信息时代,通过E-mail来表示祝福,速度更快捷。但是文字信息毕竟看起来太单调了,因此电子贺卡就成了许多人喜爱的方式。你只需要写上祝福的话语,背景动画由专业贺卡站采用Flash制作完成,许多电子贺卡还支持录音功能,这样你的朋友就可以收到一个声情并茂的电子贺卡了,如图1-2-4所示。
图1-2-4 Flash贺卡
1.2.5 网络游戏
经过多年的发展,Flash已经具备强大的交互功能,利用Flash可以快速开发出精彩的小游戏、大型的网页联机游戏已经充斥整个网络,如图1-2-5所示。
图1-2-5 流行的小游戏《植物大战僵尸》
1.2.6 多媒体制作
Flash已经从单纯的网页动画制作软件发展为多行业的应用软件。特别是在多媒体应用领域,由于Flash软件的易用性、制作周期短、改动方便灵活,大大降低了开发成本,受到很多企业的青睐。Flash可以导入多种格式的音频、视频以及图形、图像文件,配合内置的ActionScript脚本语言,可创作出丰富的人机交互内容,经常用于制作企业的电子产品画册、电视广告等,如图1-2-6所示。
图1-2-6 佳能相机产品展示Flash
1.2.7 教学课件
使用Flash制作的教学课件能够很直观地传达教学内容,并具有强大的交互性和喜闻乐见的形式,能提高学生的学习兴趣。越来越多的学校已经把Flash教学课件应用到教学中了。Flash操作界面简单,功能强大,容易发布到网络上,不需要再借助其他软件完成制作,因此受到老师们的青睐,如图1-2-7所示。
图1-2-7 地球的自转与公转课件
1.3 Flash CC的新增功能
Adobe对Flash Professional CC进行了一次全面的更新,从里到外多方面做了改进。采用模块化64位架构,使用户界面更加流畅,并新增了强大的功能。它还是一个Cocoa应用程序,在Mac OS X上有更好的兼容性。这种全方位的重构在性能、可靠性以及可用性方面都有巨大的改善。下面我们一起来看看都有哪些新变化。
1.3.1 性能改进
采用模块化64位架构重构Flash,这是最关键的性能改进之一。简化复杂工作流程,修正关键错误,极大地提高了Flash在各运行平台上的性能。
• 应用程序启动时间比以前快10 倍。
• 加快了发布速度。
• 保存大型动画文件的时间快了7倍。
• 提高了时间轴拖曳速度。
• 提高了导入素材的速度和打开文件的速度。
• 降低了CPU占用率。
1.3.2 支持HiDPI分辨率
HiDPI即高分辨率显示,新的Mac Book Pro的Retina显示屏就是HiDPI分辨率。HiDPI显示屏可以显著提升图像逼真度和分辨率。Flash CC增强显示效果,从用户界面、图标、字体、舞台上绘图都做了改进。默认情况下,Flash CC在Mac上启用HiDPI显示屏。不过,可以在Mac上关闭Retina显示屏,Flash CC显示效果随之更改。
1.3.3 重新设计部分户界面
重新设计并简化了键盘快捷面板,增加了“搜索”工具,可快速查找相应的快捷命令;增加的“复制到剪贴版”功能,可以把整个“键盘快捷”列表复制到剪贴板,将其复制到文本编辑器中可以快速参考;快捷键设置相冲突时会显示一条警告信息,以便排除快捷键冲突;可以保存自定义快捷键做为预设,如图1-3-1所示。
图1-3-1 Flash CS6与Flash CC键盘快捷面板对比
简化首选参数面板,删除几项很少使用的选项,增加了可与Creative Cloud同步首选参数时的工作流程设置,如图1-3-2所示。
图1-3-2 Flash CS6与Flash CC首选参数面板对比
增强了ActionScript编辑器的功能,注释功能更加智能化;升级了“查找/替换”对话框,可设置搜索范围,限制在帧中或跨文件搜索,并且对代码和其他文本分别使用各自的搜索选项。
1.3.4 改进设计人员的工作流程,提高效率
Flash CC改进了设计人员和动画制作人员的工作流程效率。元件的绘制和操作、时间轴的操作、图层编辑、舞台及内容的缩放等都提供了更高效的功能,并且提供了深色和浅色两种用户界面主题,使用户能更专注于舞台而不是各种工具和菜单。
(1)将元件和位图分布到关键帧。
“分布到关键帧”选项允许用户将图层上的多个对象分布到各个不同的关键帧。通过将多个元件或位图分布到关键帧,可以快速创建逐帧动画。
(2)交换多个元件和位图。
在舞台上有大量对象需要批量替换时,使用“交换元件”和“交换位图”可快速完成操作,替换完之后,Flash CC会保留原有元件的属性信息。
(3)设置多个图层为引导图层或遮罩图层。
(4)批量设置图层属性,比如批量修改图层类型或轮廓颜色。
(5)对时间轴范围标记的改进,可以按比例扩展或收缩时间轴范围。
(6)全屏模式,按F11键切换到全屏模式将隐藏面板和菜单项,为舞台分配更多的屏幕空间。
(7)定位到舞台中心,在较大的工作区上工作时,不管滚动到舞台的任何角落,都可通过状态栏上的“舞台居中”按钮快速回到舞台中心。
(8)简化的PSD和AI文件导入流程,提高效率。
(9)绘图工具的颜色实时预览。
(10)缩放到锚点,在缩放舞台大小时将Flash资源固定到舞台上预定义的锚点处。
(11)深色用户界面,Flash CC的用户界面有“深色”或“浅色”两种主题。
1.3.5 其他功能更新
(1)导出视频。
Flash CC改进了视频导出的流程,只导出QuickTime(MOV)文件。Flash CC已经完全集成了Adobe Media Encoder,可以利用该Adobe Media Encoder将MOV文件转换为各种其他格式,如图1-3-3所示。
图1-3-3
(2)使用Toolkit for CreateJS 1.2。
Toolkit for CreateJS是一个开源的JavaScript库,设计人员和动画制作人员可以利用它将Flash内容转化成HTML5内容。单击一下鼠标,Toolkit for CreateJS便可将内容导出为可以在浏览器中预览的JavaScript。它支持Flash的大多数核心动画和插图功能,包括矢量、位图、补间、声音、按钮和JavaScript时间轴脚本。在Flash CS6中,Toolkit for CreateJS只是Flash的一个扩展程序,现在在Flash CC中已经完全集成了。
(3)针对AIR应用程序开发工作流程进行了改进。
Flash CC引入了新功能,增强了iOS设备的AIR应用程序开发。可以通过USB同时连接多台设备,在各种屏幕上测试应用程序。可在解释器模式下测试和调试,通过USB在iOS上进行测试和调试,大大提高了AIR的开发效率。
(4)JS API的错误提示增强。
错误消息现在包括行号、带有准确的错误消息的问题陈述、文件名以及其他有助于调试的详细信息。