飞扬动漫:Flash动画设计与制作
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

第2课 制作一个简单的动画

本课首先学习Flash的几个基本概念——场景、舞台、时间轴、图层、帧、元件等,然后熟悉帧的相关操作,并完成一个简单的动画制作。

一、与Flash相关的几个关键词

1.场景

场景的概念其实十分简单,用一个比喻来说明就会十分明了:场景就好比是舞台剧中的一幕,一幕完成后,再进行下一幕的表演。各个场景彼此独立,互不干扰,每一个场景都有自己独立的图层和帧。

2.舞台

如果把场景比作舞台剧中的一幕,那么舞台就是舞台剧中的戏剧舞台。场景一般与舞台共同操作,动画最终只显示场景中舞台区域的内容。这就如同演出一样,无论在后台做多少准备工作,最后呈现给观众的只能是舞台上的表演。我们在制作动画时,可以编辑多个场景,它们在播放时将按照设定好的顺序播放。需要注意的是,在编辑时,对场景的删除是不可恢复的,因此进行此操作时应十分谨慎。

舞台属性的修改:鼠标单击菜单栏中的“修改”菜单,然后单击“文档”选项,如图1-2-1所示,即可对其中的各项进行修改。主要包括:

尺寸:该文本框用来设置工作区域的宽度和高度。

打印机:单击该按钮,可使动画尺寸与打印输出匹配。

内容:单击该按钮,可使动画尺寸与现在设置的尺寸匹配。

默认:单击该按钮,则系统使用缺省配置。

背景颜色:用来设置工作区域的背景颜色。

帧频:该文本框用来设置动画的播放速度,单位为“帧/秒”,即1秒钟内播放的帧数。每秒播放的帧数越少,画面的连续性越差。

标尺单位:该下拉列表框用来为标尺确定单位,可选择的单位有像素、厘米、毫米、点和英寸等。

工作区域的设置以动画的播放速度、动画尺寸和背景色为主要选项,在创建一个新文件之后首先要做的就是设置该文档的上述3项属性。其中,常用尺寸为800×600,标尺单位一般为像素。

图1-2-1 舞台属性的修改

3.时间轴

时间轴是Flash中最重要的工具之一。用它可以查看每一帧的情况,调整动画播放的速度,安排帧的内容,改变帧与帧之间的关系,从而实现不同效果的动画。其中,起决定作用的是关键帧,而普通帧的主要作用就是延长动画时间,使关键帧之间平和过渡。

4.图层

形象地说,图层可以看成是叠放在一起的透明胶片,如果图层上没有任何东西,你就可以透过它直接看到下一层。我们可以根据需要,在不同图层上编辑不同的动画而互不影响,并在放映时得到合成的效果。使用图层并不会增加动画文件的大小,相反,它可以更好地帮助我们安排和组织图形、文字和动画。图层在Flash中非常重要。

图1-2-2 时间轴和图层

5.帧

在时间轴上,一个一个的格子就是帧。帧是构成一个连续动画的最基本元素,一个动画是由若干个帧按照时间序列排列而成的。这些帧按照从左到右的顺序播放,就形成了动画。在Flash的时间轴中,主要有两种帧格式,一种是关键帧,另一种是普通帧。

(1)关键帧:关键帧是指动画中定义的、可以更改的帧,它们通常显示动画的开始与结束等决定性画面。Flash可以在两个关键帧之间创建补间或填充帧,而不需要用户编辑中间每一帧的内容,就可以产生流畅的动画。也就是说,只要安排好前后两个相邻关键帧的画面内容,就可以制作出动画。使用关键帧能让创建动画变得简易。在Flash中,关键帧是所有帧的基础。

(2)普通帧:除了关键帧外,其他的帧统称为普通帧。在Flash动画中,普通帧往往代表着动画中间的画面,也就是第1帧与最后一帧画面渐变的过程。因此,在制作中,它们无法被编辑、修改。普通帧又可以分为静止帧和空白帧。静止帧是动画中关键帧的延续,对应的画面为关键帧中的内容。空白帧中没有任何内容。

6.元件

Flash元件有3种:一是图形元件,这是依赖主时间轴播放的动画剪辑,不可以加入动作代码;二是按钮,这是有“常规”、“弹起”、“按下”和“点击”4帧的特殊影片剪辑,可以加入动作代码;三是影片剪辑,这是可以独立于主时间轴播放的动画剪辑,可以加入动作代码。影片剪辑顾名思义可以存放影片(即动画)。当图形元件和影片剪辑都有动画时,把影片剪辑放到主场景,它会循环不停地播放;把图形元件放到主场景,则不会播放。新建元件时,单击菜单栏“插入”菜单中的“新建元件”按钮,如图1-2-3,生成图1-2-4所示对话框,可选择需要的元件类型,单击“确定”按钮后生成的元件放在元件库中。

图1-2-3 新建元件

图1-2-4 “创建新元件”对话框

二、对帧的主要操作

1.创建关键帧

(1)单个关键帧的创建,方法有下列3种:

方法1:单击选择某一帧,然后执行“插入”菜单“时间轴”选项下的“关键帧”命令,这时在选取的帧的位置就会插入一个关键帧。

方法2:在任何一个帧上面单击鼠标右键,在弹出的菜单中执行“插入关键帧”命令,可以在该帧位置插入一个关键帧。

方法3:选中一个帧后,按F6键,可以在该帧位置插入一个关键帧。

(2)多个关键帧的创建:

首先选中多个帧,然后在其中的任意一个帧上单击鼠标右键,在弹出菜单中执行“插入关键帧”命令。这时,刚才所选的所有帧都成为关键帧。

2.清除关键帧

先选好要删除的关键帧,然后按Shift+F6快捷键;或者直接右击要删除的关键帧,在弹出的菜单中执行“清除关键帧”命令。

3.插入帧

执行“插入”菜单“时间轴”选项下的“帧”命令,或按F5键,或者直接右击要插入的帧,在弹出的菜单中执行“插入帧”命令,就可以在选定的帧后插入一个和这个选定的帧完全一样的过渡帧。

4.删除帧

先选取一个或多个帧,然后按Shift+F5快捷键;或者直接右击要删除的关键帧,在弹出的菜单中执行“删除帧”命令。

5.拷贝和粘贴帧

选取需要拷贝的一个或多个帧,在选定的帧上单击鼠标右键,执行“拷贝帧”命令,然后在需要进行粘贴的位置单击鼠标右键,执行“粘贴帧”命令即可。

6.翻转帧

使用“翻转帧”命令可以将所选定的一组帧按顺序翻转过来,使最后一帧变为第一帧,而第一帧变为最后一帧,形成一个倒带的效果。此命令常与“拷贝帧”和“粘贴帧”结合起来使用。

7.改变动画片段的长度

用鼠标左右拖动动画片段两端的关键帧到相应的帧位置,就改变了动画片段的长度。这比将原来的关键帧删除再重新设置关键帧来改变动画片段的长度要快捷得多。

三、制作一个简单的动画

在熟悉了Flash的工作界面及主要工具之后,我们来尝试做一个简单的动画。

1.选择工具栏中的“椭圆工具”按钮。如图1-2-5所示:

图1-2-5 椭圆工具

2.选择工具栏“颜色”选区中的“填充颜色”按钮,展开调色板,然后选取其中的绿色渐变色。如图1-2-6、图1-2-7所示:

图1-2-6 “颜色”选区

图1-2-7 调色板

3.把鼠标移动到舞台左侧,按住Shift键,拖动鼠标画出一个正圆。如图1-2-8、图1-2-9所示:

图1-2-8 画圆

图1-2-9 圆

4.单击工具栏里的选择工具,然后双击选中刚画完的圆。

5.按F8键,出现“转换为元件”对话框。在“名称”框中输入“球”,在“类型”栏中选择“图形”,单击“确定”按钮,将这个圆转换为一个图形元件。如图1-2-10所示:

图1-2-10 转换为元件

图1-2-11 转换后的元件

6.选择时间轴的第20帧,单击鼠标右键,执行“插入帧”命令。如图1-2-12所示:

图1-2-12 插入帧

7.在第1帧上单击鼠标右键,执行弹出菜单的第1项“创建补间动画”命令。如图1-2-13所示:

图1-2-13

8.选择第20帧,单击鼠标右键,在弹出菜单中选择“插入关键帧”选项里面的“位置”命令。如图1-2-14所示:

图1-2-14 插入关键帧

9.单击第20帧,选择之前画出的圆并拖动,把其移动到屏幕右侧。如图1-2-15所示:

图1-2-15 拖动圆

10.按回车键观看动画。

哈,一个简单的动画制作好了。感觉不错吧?你现在能不能制作一个红色渐变的矩形移动的动画呢?试试看。

思考与练习

现在你已经学会制作简单的动画了,快来动手实践一下吧!尝试制作一个从空中落下的乒乓球的动画。