第一章 走进动画工作室
第1课 Flash动画初探
本课通过几个动画实例的展示,使你懂得动画形成的基本原理,了解动画制作工具,熟悉Flash CS6软件的启动及界面。
一、动画知识库
1.揭开动画之谜
你喜欢看动画片吗?那些活灵活现的动画人物给你留下了很深的印象吧?当你爱上动画片的时候,你是不是很想知道动画的制作原理呀?那么动画究竟是怎样形成的呢?
动画是通过播放一系列画面,给人造成连续变化的感觉的。其基本原理与电影、电视一样,都是视觉暂留原理。人眼在观察物体时,光信号传入大脑神经需经过一段短暂的时间。光的作用结束后,视觉形象并不立即消失,这种残留的视觉被称为“后像”,视觉的这一现象则被称为“视觉暂留”。利用这一原理,在上一幅画面的视觉形象还没有消失前播放出下一幅画面,就会给人造成一种流畅的视觉变化感觉,如电影采用了每秒24幅画面的速度拍摄、播放,电视采用了每秒25幅(PAL制)或30幅(NSTC制)画面的速度拍摄、播放,因此都会给人带来流畅的视觉感觉。
动画的分类没有一定之规。从制作技术和手段上,动画可分为以手工绘制为主的传统动画和以计算机制作为主的电脑动画;按动作的表现形式来区分,动画可大致分为接近自然动作的完善动画(如动画电视)和简化、夸张的局限动画(如幻灯片动画);如果从空间的视觉效果上看,又可分为平面动画(如《喜羊羊与灰太狼》)和三维动画(如《熊出没》);从播放效果上看,还可以分为顺序动画(连续动作)和交互式动画(反复动作);从每秒放的幅数来讲,还有全动画(每秒24幅)和半动画(每秒少于24幅)之分。
2.动画的源头
从人类文明伊始,人们就在使用各种图像形式来记录动作。法国考古学家普度欧马在1962年的研究报告中指出:在石器时代的洞穴上就画有一系列野牛奔跑分析图(西班牙北部阿尔塔米拉洞穴的壁画),这是人类试图用笔(或石块)捕捉、凝结动作的最早证据。埃及墓画、希腊古瓶上也有类似的连续动作分解图。在一张图画上把不同时间发生的动作画在一起,这种“同时进行”的概念间接显示了人类“动”的欲望。达·芬奇有名的黄金比例人体几何图上所绘的4只胳膊,就表示双手上下摆动的动作。16世纪在西方出现了手翻书的雏形,这和动画的概念也有相通之处。
图1-1-1 阿尔塔米拉洞穴壁画(局部)
3.动画发展简史
在了解动画制作基础之前,我们先了解一下动画发展的历史:
1832年,比利时物理学家约瑟夫·普拉托把画好的图片按照顺序放在一部机器的圆盘上,圆盘可以在机器的带动下转动。这部机器还有一个观察窗,用来观看活动图片的效果。在机器的带动下,圆盘低速旋转,圆盘上的图片也随着圆盘旋转。从观察窗看过去,图片似乎动了起来,形成动的画面。这就是原始动画的雏形。
1909年,美国人温莎·麦凯用大约10000张图片表现一段动画故事。从此以后,动画片的制作水平日趋成熟,人们开始有意识地制作表现各种内容的动画片。
1915年,美国人伊尔·赫德创造了新的动画制作工艺。他先在塑料胶片上进行绘画,然后再把画在胶片上的一幅幅图片拍摄成动画电影。多少年来,这种动画制作工艺一直被沿用着。
从1928年开始,美国人华特·迪士尼逐渐把动画影片推向了巅峰。他在完善了动画体系和制作工艺的同时,把动画片的制作与商业价值联系了起来。他因此被人们誉为“商业动画之父”。直到如今,他创办的迪士尼公司还在为全世界的人们创造着丰富多彩的动画片。
如今,计算机的加入使动画的制作变简单了,很多人用Flash做一些短小的动画。
二、Flash——动画制作工具
Flash是由美国Macromedia公司开发的矢量动画制作软件。用它制作动画不但动态效果显著、文件体积小,能够在网络中大显身手,而且对制作者的要求不高,简单易学、操作方便,因此该软件在动画制作领域得到广大用户的青睐。
1.Flash的历史
Flash的前身是美国一家电脑公司生产的一款很小的计算机软件——Future Splash Animator,这是早期网上流行的一款矢量动画软件。1996年11月,著名的Macromedia公司收购了该软件,并将它改名为Flash 1.0。现在网上已经有成千上万个Flash站点,可以说Flash已经渐渐成为交互式矢量动画的标准。
Macromedia公司在1997年6月推出了Flash 2.0,1998年5月推出了Flash 3.0,但是这些早期版本的Flash所使用的都是Shockwave播放器。1999年5月4日,Macromedia公司推出了Flash 4.0,这时Flash有了自己的播放器,称为“Flash Player”。用Flash制作的动画可以在所有安装了Flash插件的浏览器中播放,这意味着在网页制作中,Flash的应用非常广泛,它可以将音乐、声效、动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。
可以说,Flash的推出,使从前高深莫测的多媒体制作变得十分具有亲和力。人们可以通过并不复杂的操作实现变化多端的交互动画效果,同时可以在动画中表达自己想要表达的东西,让多媒体作品更具动感。
如今,Flash不仅应用在网页制作中,还应用于交互式多媒体软件的开发;不仅可以在专业级的多媒体制作软件PowerPoint、Authorware和Director等中导入使用,还可以独立地制作多媒体演示文件、多媒体游戏等。在Web页面上,Flash动画层出不穷。Flash的用户正在以惊人的速度增长。
2.Flash的特点
目前有很多软件支持Flash格式的文件,这与Flash自身的特点有关。这些特点主要有:
(1)使用矢量图形。矢量图形可以真正无限放大,能够始终显示全部图像,并且不会因为放大而降低图像的显示质量。
(2)流式播放技术。Flash动画采用流式播放技术,用户在观看动画时,可以一边播放一边下载,这样就实现了动画的快速显示,减少了用户的等待时间。
(3)通过使用关键帧和元件,使得所生成的动画文件非常小。几千字节的Flash动画文件已经可以实现许多令人心动的动画效果,用在网页设计上不仅可以使网页更加生动,而且小巧玲珑、下载迅速,使动画可以在打开网页后很短的时间里得以播放。同时,Flash软件自带了很多可供用户重复使用的元件,方便用户开发。
(4)将音乐、动画、音效有机地融合在一起。这使得越来越多的人把Flash作为网页动画设计的首选工具。而且Flash从4.0版本开始支持MP3音乐格式,这使得加入音乐的动画文件也能保持小巧的“身材”。
(5)拥有功能强大的ActionScript语言。这是一种完全面向对象的编程语言,功能强大,类库丰富,有自己的语言函数、属性和目标对象等,多用于互动性、娱乐性、实用性的多媒体文件开发,网页制作和RIA(因特网应用程序)开发。
(6)兼容并支持低版本Flash文件。
3.Flash的用途
Flash软件在电视网络广告、辅助设计、网站开发、教育教学、电影动画、网上视频、模拟(仿真)、娱乐、游戏等等许多方面都能发挥作用。
三、认识Flash CS6工作界面
1.启动Flash CS6
启动Flash CS6,首先显示出图1-1-2所示的启动界面。
图1-1-2 启动界面
启动界面的主体部分列出了一些常用的任务。其中,左边栏是打开最近用过的项目,中间栏是创建各种类型的新项目,右边栏是从模板创建各种动画。
2.新建文件
要新建一个动画文件,选择“文件”菜单中的“新建”选项,即可打开“新建文档”对话框。如图1-1-3所示。在“常规”标签中根据自己的需要进行选择。
图1-1-3 新建文件
3.打开文件
要想编辑Flash动画文件,必须先打开该文件。Flash CS6可以打开FLA、SPA、SSK、SWF等格式的文件,其中FLA、SPA、SSK等格式的文件可以由Flash CS6自身打开,而SWF格式的文件是已经发布的动画文件,它可以由Flash Player播放程序直接播放。
打开方法:选择“文件”菜单中的“打开”选项,即可出现“打开”对话框。如图1-1-4所示。可在该对话框中选择需要打开的文件,并单击“打开”按钮。
图1-1-4 打开文件
4.保存文件
保存动画文件的方法随保存文件的目的不同而不同。
(1)选择“文件”菜单中的“保存”选项,可以以覆盖当前存盘文件的方式存盘。
(2)选择“保存并压缩”选项,可以先将要保存的动画文件压缩,然后保存到指定目录。
(3)选择“另存为”选项,可以以不同的文件名或路径保存文件。如图1-1-5所示:
图1-1-5 保存文件
(4)选择“还原”选项,可以将当前编辑的文件恢复到上次存盘时的状态。
5.Flash CS6操作界面
中文版Flash CS6的操作界面如图1-1-6所示,主要包含以下几个部分:
图1-1-6 Flash CS6操作界面
(1)菜单栏:菜单栏中包含了中文版Flash CS6的所有命令。通过在菜单栏中选择相应的菜单项,可以轻松地制作出精彩的动画。
(2)舞台:也就是工作区。这是最主要的可编辑区域,在这里可以直接绘图,或者导入外部图形文件进行编辑。就像演员表演的戏剧舞台,动画呈现在舞台上,超出舞台的区域则为不可见区域,也就是幕后。Flash动画十分注重舞台和幕后的共同设计。
(3)时间轴窗口:用它可以调整动画的播放速度,并把不同的图形作品放在不同图层的相应帧里,以安排动画内容的播放顺序。
(4)工具箱:里面放置了可用于图形及文本编辑的各种工具。用这些工具可以进行绘图、选取、喷涂、修改、文字编排等操作。还有些工具可以改变查看工作区的方式。在选择了某一工具时,其所对应的修改器也会在工具栏下方的位置出现。修改器的作用是改变相应工具对图形处理的效果。
(5)图库窗口:用于存放可以重复使用的称为“符号”的元素。符号的类型包括图片、按钮和电影片段。其调用的快捷键为Ctrl+L。
(6)控制器面板:控制动画播放操作的工具集合(包括动画的前进、后退、暂停等),不大常用,一般处于隐藏状态。
思考与练习
1.尝试自己动手在多张纸上画出小鸟飞翔的系列图。用手指快速翻动这些纸张,形成一个手动小动画。
2.在Flash CS6中进行文档的新建、保存、打开、关闭等操作。
3.熟悉Flash CS6的操作界面,能熟练掌握各种浮动面板的打开与关闭。