Flash动画基础知识

第1章Flash动画基础知识动画作为一种老少皆宜的艺术形式，具有悠久的历史，犹如民间的走马灯和皮影戏等古老的动画形式。当然，真正意义的动画是在摄影机出现以后才发展起来的，并且随着科学技术的不断发展，又注入许多新的活力。Flash动画是一种交互式动画格式，通过计算机与动画开发软件相结合制作而成。它也是目前网络上最流行的动画之一。本章将初步展开对动画概念以及Flash动画的应用范围的介绍，以便用户对Flash动画进行更深层的了解。1.1Flash动画概述如今，计算机的加入使动画的制作变简单了，好多人通过较流行的Flash软件来制作一些短小的动画。为了让用户能够了解一下正统的动画制作，这里讲述一下动画的基础。1.1.1什么是动画动画是利用人的“视觉暂留”特性，连续播放一系列画面，给视觉造成连续变化的图画，如图1-1所示。它的基本原理与电影、电视一样，都是视觉原理。图1-1连续画面其中，“视觉暂留”特性是人的眼睛看到一幅画或一个物体后，在1/24秒内不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。1．传统动画及制作过程传统动画片是用画笔画出一张张图像，并将不同图像中细微的变化着的连续画面，经过摄影机或者摄像机进行拍摄，然后以每秒钟24格的速度连续放映。这时，所画的不动的画面就在银幕上或荧屏里活动起来，这就是传统动画片。2ActionScript3.0编程特效实战案例解析传统动画的创作过程和方法可能因人各异，但其基本规律是一致的，有总体设计、设计制作、具体创作和拍摄制作等阶段。总体设计阶段动画与影片制作类同，都需要有一定的剧本，即故事的情节。然后，通过滑稽的动作取得类似连环画的故事草图，将剧本描述的动作表现出来，如图1-2所示。图1-2绘制角色设计制作阶段此时，在故事板的基础上，确定背景、前景及道具的形式和形状，完成场景环境和背景图的设计，以及对人物或其他角色进行造型设计，如图1-3所示。在动画制作时，由于动作与音乐必须匹配，所以音响效果一般在动画制作之前完成。然后，再将声音精确地分解到每一幅画面位置上。图1-3完成场景环境和背景图具体创作阶段先由动画设计师绘制动画的一些关键画面，也称为原画创作。并且在绘制过程中，由专人负责动画中固定人物角色。再由助理动画设计师完成两幅图画之间的中间画，并由其他美术人员绘制角色动作的连接画，并使其符合指定动作时间，表现得接近自然动作，如图1-4所示。第1章3Flash动画基础知识在整个创作阶段，所有绘制的画面均是以铅笔绘制的草图，然后再通过特制的静电复印机将草图誉印到醋酸胶片上，并通过手工对线条进行描墨，对胶片进行着色（上色）。拍摄制作阶段拍摄之前，需要对每一场景中的各个动作进行详细的检查。然后，在顶部有一部摄像机的专用摄制台，并通过中间几层玻璃层。其中，将背景放在最下一层，中间各层放置不同的角色或前景等。拍摄中通过移动各层产生动画效果。拍摄完成后，可以对动画各片段进行连接、排序、剪辑等操作，并进行录音。其中，录音主要完成动画中主体对象的对话、音乐、音响等，并混合到一个声道上。传统的动画制作，尤其是大型动画片的创作，需要许多人来完成，是一项集体性劳动。需要有导演、制片、动画设计人员和动画辅助制作人员等。2．Flash动画及特点Flash以流控制技术和矢量技术等为代表，能够将矢量图、位图、音频、动画和深一层交互动作有机地、灵活地结合在一起，从而制作出美观、新奇、交互性更强的动画效果。较传统动画而言，Flash提供的物体变形和透明技术，使得创建动画更加容易，并为动画设计者的丰富想象提供了实现手段；其交互设计让用户可以随心所欲地控制动画，赋予用户更多的主动权。因此，Flash动画具有以下特点。动画短小Flash动画受网络资源的制约一般比较短小，但绘制的画面是矢量格式，无论把它放大多少倍都不会失真。交互性强Flash动画具有交互性优势，可以通过单击、选择等动作决定动画的运行过程和结果，是传统动画所无法比拟的。具传播性Flash动画由于文件小、传输速度快、播放采用流式技术的特点，所以在网上供人欣赏和下载，具较好的广泛传播性。轻便与灵巧Flash动画有崭新的视觉效果，成为一种新时代的艺术表现形式。比传统的动画更加轻便与灵巧。人力少，成本低Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。由于人类眼睛的“视觉暂留”特性，电影采用了每秒24幅画面的速度拍摄播放；电视采用了每秒25幅（PAL制）（中央电视台的动画就是PAL制）或30幅（NSTC制）画面的速度拍摄播放。如果以每秒低于24幅画面的速度拍摄播放，就会出现停顿现象。提示图1-4原画与连接画4ActionScript3.0编程特效实战案例解析1.1.2Flash动画应用范围随着网络热潮的不断掀起，Flash动画软件版本也开始逐渐升级。强大的动画编辑功能及操作平台更深受用户的喜爱，从而使得Flash动画的应用范围越来越广泛，其主要体现在以下几个方面。1．网络广告网络广告主要体现在宣传网站、企业和商品等方面。用Flash制作出来的广告，要求主题色调要鲜明、文字要简洁，较美观的广告能够增添网站的可看性，并且容易引起客户的注意力而不影响其需求，如图1-5所示。图1-5网络广告动画2．网站建设Flash网站的优势在于其良好的交互性，能给用户带来全新的互动体验和视觉享受。通常，很多网站都会引入Flash元素，以增加页面的美观性来提高网站的宣传效果，比如网站中的导航菜单、Banner、产品展示、引导页等。有时也会通过Flash来制作整个网站，如图1-6所示。图1-6Flash网站Flash导航菜单在网站中的应用是十分广泛的。通过它可以展现导航的活泼性，从而使得网站更加灵活。当网站栏目较少时，可以制作简单且美观的菜单；当网站栏目较多时，又可以制作活跃的二级菜单项目。图1-7展示了一个网站栏目较少的Flash导航条。第1章5Flash动画基础知识图1-7Flash导航条3．交互游戏Flash交互游戏，其本身的内容允许浏览者进行直接参与，并提供互动的条件。Flash游戏多种多样，主要包括棋牌类、冒险类、策略类和益智类等多种类型。其中主要体现在鼠标和键盘上的操控。制作用鼠标操控的互动游戏，主要通过鼠标单击事件来实现。图1-8中展示的是一个“女孩”学化妆的Flash互动游戏，它就是通过鼠标单击来完成的。图1-8鼠标互动性游戏制作用键盘操控的互动游戏，可以通过设置键盘的任意键来操作游戏。图1-9中展示的是一个空中接人的Flash互动游戏，它就是通过空格键来控制的。图1-9键盘互动性游戏4．动画短片MTV是动画短片的一种典型，用最好的歌曲配以最精美的画面，将其变为视觉和听觉相结合的一种崭新的艺术形式。制作FlashMTV，要求开发人员有一定的绘画技巧，以及丰富的想象力，如图1-10所示。6ActionScript3.0编程特效实战案例解析图1-10FlashMTV5．教学课件教学课件是在计算机上运行的教学辅助软件，是集图、文、声为一体，通过直观生动的形象来提高课堂教学效率的一种辅助手段。而Flash恰恰满足了制作教学课件的需求。图1-11展示了一个几何体的视图Flash课件，通过单击“上一步”和“下一步”按钮来控制课件的播放过程。图1-11Flash教学课件1.2时间轴时间轴是Flash的一大特点，位于舞台的上方。通过对时间轴上的关键帧的制作，Flash会自动生成运动中的动画帧，节省了制作人员的大部分时间，也提高了效率。在时间轴的上面有一个红色的线，那是播放的定位磁头，拖动磁头可以实现对动画的观察，这在制作当中是很重要的步骤。第1章7Flash动画基础知识1.2.1帧在时间轴中，使用帧来组织和控制文档的内容。不同的帧对应不同的时刻，画面随着时间的推移逐个出现，就形成了动画。帧是制作动画的核心，它们控制着动画的时间和动画中各种动作的发生。动画中帧的数量及播放速度决定了动画的长度。其中，最常用的帧类型有以下几种。1．关键帧制作动画过程中，在某一时刻需要定义对象的某种新状态，这个时刻所对应的帧称为关键帧，如图1-12所示。关键帧是变化的关键点，如补间动画的起点和终点，以及逐帧动画的每一帧，都是关键帧。关键帧数目越多，文件体积就越大。所以，同样内容的动画，逐帧动画的体积比补间动画大得多。实心圆点是有内容的关键帧，即实关键帧。无内容的关键帧，即空白关键帧，用空心圆点表示。每层的第1帧被默认为空白关键帧，可以在上面创建内容，一旦创建了内容，空白关键帧就变成了实关键帧。插入的关键帧的位置是否为实心圆点，需遵循以下约定：如果插入关键帧的位置左边最近的帧是空白关键帧，插入的空白关键帧同样显示为空心圆点；如果插入关键帧的位置左边最近的帧是以实心圆点显示的实关键帧，则插入的关键帧以实心圆点显示，插入的空白关键帧显示为空心圆点；以上操作均在插入的帧和其左边最近的帧之间插入了普通帧，如果在这些普通帧对应的舞台上添加了对象，则左边最近的空白关键帧转换为实关键帧。注意2．普通帧普通帧也称为静态帧，在时间轴中显示为一个个矩形单元格。无内容的普通帧显示为空白单元格，有内容的普通帧显示出一定的颜色。例如，静止关键帧后面的普通帧显示为灰色。关键帧后面的普通帧将继承该关键帧的内容。例如，制作动画背景，就是将一个含有背景图案的关键帧的内容沿用到后面的帧上。如图1-13所示，风车所握的支杆可以通过普通帧来延续，一直显示到结束。空白关键帧关键帧图1-12关键帧8ActionScript3.0编程特效实战案例解析3．过渡帧过渡帧实际上也是普通帧。过渡帧中包括了许多帧，但其中至少要有两个帧：起始关键帧和结束关键帧。起始关键帧用于决定动画主体在起始位置的状态，而结束关键帧则决定动画主体在终点位置的状态。在Flash中，利用过渡帧可以制作两类过渡动画，即运动过渡和形状过渡。不同颜色代表不同类型的动画，此外，还有一些箭头、符号和文字等信息，用于识别各种帧的类别，可以通过表1-1所示的方式区分时间轴上的动画类型。表1-1过渡帧类型过渡帧形式说明补间动画用起始关键帧处的一个黑色圆点指示；中间的补间帧为浅蓝色背景传统补间动画用起始关键帧处的一个黑色圆点指示；中间的补间帧有一个浅紫色背景的黑色箭头补间形状用起始关键帧处的一个黑色圆点指示；中间的帧有一个浅绿色背景的黑色箭头虚线表示传统补间是断开的或者是不完整的，例如丢失结束关键帧时单个关键帧用一个黑色圆点表示。单个关键帧后面的浅灰色帧包含无变化的相同内容，没有任何变化，在整个范围的最后一帧还有一个空心矩形出现一个小a表明此帧已使用【动作】面板分配了一个帧动作红色标记表明该帧包含一个标签或者注释金色的锚记表明该帧是一个命名锚记1.2.2图层图层是Flash中一个非常重要的概念，灵活运用图层，可以帮助用户制作出更多精彩效果的动画。图层类似于一张透明的薄纸，每张纸上绘制着一些图形或文字，而一幅作品就是由许多张这样的薄纸叠合在一起形成的。它可以帮助用户组织文档中的插图，可以在图层上绘制和编辑对象，而不会影响其他图层上的对象。图1-14中有3个图层，每一个图层上都有一幅图，每一个图层的内容互不影响。普通帧支杆图1-13添加普通帧图1-14图层第1章9Flash动画基础知识图层具有独立性，当改变其中的任意一个图层的对象时，其他两个图层的对象保持不变。在操作过程中，不仅可以加入多个层，并且可以通过图层文件夹来更好地组织和管理这些层。如图1-15所示，可以根据每个层的具体内容，重新命名层的名称。（a）“草地”层及对象内容（b）“白云”层及对象内容图1-15层命名在创建动画时，层的数目仅受计算机内存的限制，增加层不会增加最终输出动画文件的大小。另外，创建的层越多越便于管理及控制动画。Flash包括两种特殊的图层，分别是引导层与遮罩层。1.3Flash元件元件是Flash中一种比较独特的、可重复使用的对象。在创建动画时，利用元件可以使创建复杂的交互变得更加容易。在Fla