多媒体计算机中动画技术

《多媒体计算机中动画技术》由会员分享，可在线阅读，更多相关《多媒体计算机中动画技术（112页珍藏版）》请在金锄头文库上搜索。

1、Flash简介,主要内容,Flash动画的基本概念(帧和图层的基本操作) 制作简单动画 逐帧动画 形状补间动画 动作补间动画 制作特殊动画 引导动画 遮罩动画,1.1帧和图层的基本操作,帧是构成Flash动画的基本单位，动画在播放时就是依次显示每一帧中的内容，动画的每一个画面就是一个帧，也可以把帧看作是Flash动画中在最短时间单位里出现的画面。,1帧的类型,帧包括普通帧和关键帧，其中关键帧又分为空白关键帧和有内容的关键帧。,1）普通帧,时间轴中每一小格在创建动画时都是一个普通帧，其中的内容与它前面的一个关键帧的内容完全相同。可以将普通帧看成是前一关键帧动作的延续，可延长动画的播放时间。按【F

2、5】键可以创建普通帧。,2）关键帧,关键帧主要用于定义动画的变化环节，是动画中呈现关键性内容或变化的帧。按【F】键可以创建关键帧，并在时间轴上显示为一个黑色小圆圈。,3）空白关键帧,空白关键帧中没有内容，主要用于在画面与画面之间形成间隔。按【F7】键可以创建空白关键帧，并在时间轴上显示为空心的小圆圈。一旦在空白关键帧中添加了内容，空白关键帧就会变为关键帧。,2创建与编辑帧,通过编辑帧，可以确定每一帧中包含的内容、动画的播放状态和播放时间等。编辑帧包括设置帧的显示状态、设置帧频、创建帧、选择帧、复制帧、移动帧、删除帧、清除帧和翻转帧等操作。,1）帧的显示状态,帧的显示状态可以根据需要设置为不同的

3、显示状态。单击时间轴右端的【帧视图】按钮 ，在弹出的菜单中选择需要的选项改变控制帧的显示状态。 【很小】、【小】、【标准】、【中等】、【大】、【较短】和【彩色显示帧】：都用于控制时间轴上帧单元格的大小和色彩。 【预览】：以缩略图的形式显示每一帧的状态，有利于浏览动画和观察动画形状的变化，但会占用较多的屏幕空间。 【关联预览】：显示对象在各帧场景中的位置，便于观察对象在整个动画过程中位置的变化。,“帧视图”菜单,2）设置帧频,帧频是指播放动画时，每秒钟播放的帧数。帧频决定着动画播放的连贯性和平滑性。设置帧频就是设置动画的播放速度，帧频越大，播放速度越快，反之则越慢。 帧频的单位是fps，时间轴下

4、方的 图标表示帧频，它表示每秒钟将播放12帧的动画内容。设定帧频的方法有如下几种： 在时间轴状态栏上双击 图标，在打开的【文档属性】对话框中的【帧频】文本框中对帧频进行调整。 单击【属性】面板，在【属性】面板的【帧频】文本框中也可对帧频进行调整。 选择修改菜单,3）创建帧,在Flash 中，可以创建关键帧、空白关键帧和普通帧三种类型的帧。要创建动画就必须创建关键帧。创建关键帧的方法有以下几种： 鼠标右键单击要插入关键帧的帧，在弹出的快捷菜单中选择【插入关键帧】命令。 选择【插入】【时间轴】【关键帧】命令，插入的关键帧中默认为前一关键帧的内容。 按【F】键。,3）创建帧,创建空白关键帧的方法有以

5、下几种： 如果前一个关键帧中没有内容，直接插入关键帧即可得到空白关键帧。 在要插入的帧上单击鼠标右键，在弹出的快捷菜单中选择【插入空白关键帧】命令。 如果前一个关键帧中有内容，选择需要创建空白关键帧的帧，选择【插入】【时间轴】【空白关键帧】命令。 按【F7】键。,3）创建帧,创建普通帧的方法主要有以下几种： 在时间轴上用鼠标左右拖动关键帧可插入普通帧。 在要插入帧的位置单击鼠标右键，在弹出的快捷菜单中选择【插入帧】命令。 按【F5】键。,4）选择帧,选择帧包括以下几个方面： 要选择一个帧，只需在时间轴上单击要选择的帧格，被选中的帧以反白显示。 若要选择连续的多个帧，可先选中第一个帧，然后在按住

6、【Shift】键的同时单击最后一个帧。 若要选择不连续的多个帧，可先选中第一个帧，然后按住【Ctrl】键再单击其他需要选择的帧格。 若要选中一个图层中所有已创建的帧，只需单击图层区中的图层名称即可。,5）复制帧,在制作Flash动画的过程中，有时需要创建相同内容的帧，这就需要对已创建的帧进行复制。其具体操作为： 1）选中需要复制的帧，在其上单击鼠标右键。 2）在弹出的快捷菜单中选择【复制帧】命令。 3）用鼠标右键单击需要在时间轴上粘贴帧的目标位置，在弹出的快捷菜单中选择【粘贴帧】命令。,6）移动帧,移动帧的方法有以下两种： 选中要移动的帧，按住鼠标左键拖到需要放置的地方。 选中要移动的帧，在其

7、上单击鼠标右键，在弹出的快捷菜单中选择【剪切帧】命令，然后在目标位置单击鼠标右键，在弹出的快捷菜单中选择【粘贴帧】命令。,7）删除帧,在制作Flash动画的过程中，如不再需要已创建的帧，可以将其删除。删除帧的方法是：选中要删除的帧，在其上单击鼠标右键，在弹出的快捷菜单中选择【删除帧】命令即可删除所选取的帧。,8）清除帧,在制作Flash动画的过程中，如已创建帧中的内容不再需要，可以将其清除。选中要清除的帧，在其上单击鼠标右键，在弹出的快捷菜单中选择【清除帧】命令，即可将当前关键帧转化为空白关键帧。也可以在弹出的快捷菜单中选择【清除关键帧】命令，将关键帧转化为普通帧。,9）翻转帧,使用【翻转帧】

8、命令可以将选中的多个帧的播放顺序进行翻转。其方法为：选择多个连续的帧，单击鼠标右键，在弹出的快捷菜单中选择【翻转帧】命令，即可将选择的多个帧的播放顺序进行翻转。,翻转帧,典型案例,物体大小的变化 运动的小球（中间用普通帧实现暂停） 打字机 动画片头,2.2 逐帧动画,演示实例,2.2 动作补间动画,动作补间动画是制作Flash动画过程中使用得最为频繁的一种动画类型。在Flash动画的制作过程中，常需要制作图片的若隐若现、移动、缩放、旋转等效果，这主要通过动作补间动画来实现。下面将对该动画类型进行讲解。,知识讲解,动作补间动画是在两个关键帧上分别定义不同的属性，如对象的大小、位置、角度等，然后在

9、两个关键帧之间建立一种运动渐变关系，这就是制作动作补间动画的过程。,1. 动作补间动画的特点,动作补间动画属于补间动画的一种，由两个关键帧和它们之间的普通帧组成。 动作补间动画具有如下特点： 不需要手工创建每个帧的内容，只需要创建两个关键帧的内容，两个关键帧之间的所有动画都由Flash创建，制作更加简便。 由手工控制，帧与帧之间的过渡可能不自然、连贯；而补间动画除两个关键帧由手工控制外，中间的帧都由Flash自动生成，因此渐变过程更为连贯。 文件小，是一种应用较多的动画制作方式。,2. 动作补间动画制作方法,动作补间动画就是在两个关键帧之间建立了一种运动补间关系。该类型动画渐变过程很连贯，制作

10、过程也比较简单，只需建立动画的第一个画面和最后一个画面。其具体操作如下： 1）在动画的起始帧插入关键帧（如果第1帧为起始帧则不用插入关键帧），并编辑起始帧中的内容。 2）选择起始帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，或在【属性】面板的【补间】下拉列表框中选择【动作】选项。 3）选择结束帧并插入关键帧，再编辑结束帧中的内容。,位置(用黑箭头工具) 大小(用任意变形工具) 明暗、颜色(用黑箭头工具单击物体、然后选择属性面板) 旋转（如果旋转小于等于180度，则用任意变形工具，如果旋转几圈则单击起始帧、然后选择属性面板）,动作补间动画的【属性】面板,3. 实例属性应用,创建动

11、作补间动画后，其【属性】面板中各选项的含义如下： 【帧】：用于输入帧的标签名称。 复选框：选中该复选框使对象沿设定的路径运动，并随着路径的改变而相应地改变角度。 复选框：选中该复选框使动画在场景中首尾连续地循环播放。 复选框：选中该复选框使对象沿路径运动时，自动捕捉路径。,3. 实例属性应用,【简易】：用于设定对象在变化运动过程中是减速还是加速。单击右侧的按钮，从弹出的滚动条中拖动滑块可设置速度的快慢。正数表示对象运动由快到慢，做减速运动，右侧显示【输出】；负数表示对象运动由慢到快，做加速运动，右侧显示【输入】；默认值为0，表示对象做匀速运动。 【补间】下拉列表框：用于选择创建的补间动画的类型

12、。其中，【动作】用于创建动作补间动画，【形状】用于创建形状补间动画，【无】表示不创建动画,3. 实例属性应用,【旋转】下拉列表框：用于设定物体的旋转运动。其中，【无】表示对象不旋转；【自动】表示对象以最小的角度进行旋转，直到终点位置；【顺时针】表示可设定对象沿顺时针方向旋转到终点位置，在其后的【次】文本框中可输入旋转次数，输入0表示不旋转；【逆时针】表示可设定对象沿逆时针方向旋转到终点位置，在其后的【次】文本框中可输入旋转次数，输入0表示不旋转。,典型案例,运动小球 旋转运动 淡入淡出（自己名字大小、明暗的变化） 带阴影跳动的小球（两个图层） 汽车的运动，车轮的旋转（多个图层）,典型案例广告条

13、,本案例将制作一个名为“广告条”的动画，动画中的广告文字将从场景右方进入，并伴随放大、缩小与渐隐等变化，然后从场景左方出去。此案例主要练习动作补间动画的制作方法和Alpha值的设置。 效果图位置：【广告条.fla】 制作思路： 1）利用绘图工具绘制出背景图形。 2）制作“强”和“文字”图形元件。 3）在场景中为“强”和“文字”图形元件制作动作补间动画，并进行设置。,“广告条”最终效果图,操作步骤,本案例分为三大部分：第一步，绘制背景图形；第二步，制作图形元件；第三步，制作动作补间动画。,案例小结,本案例制作了一个广告文字在场景中移动、缩放和隐显的动态效果，在制作过程中主要练习创建元件、输入文字

14、、创建动作补间动画和设置动作补间动画属性的方法。 案例中创建动作补间动画的方法是先选择【创建补间动画】命令、再插入关键帧的方法，也可以先插入关键帧，将各关键帧中的对象进行设置后，再创建动作补间动画。需要注意的是，必须在创建动作补间动画后，才能设置动作补间动画的属性。,2.3 形状补间动画,在Flash动画中，常常看到文字的变形、各种图形之间的变化等，这些都是简单的形状补间动画。,知识讲解,形状补间动画，就是先分别定义不同属性的两个关键帧，如对象的外形、颜色变化等，然后在两个关键帧之间建立一种形状渐变关系，这就是制作形状补间动画的过程。,1. 形状补间动画的特点,形状补间动画属于补间动画的一种，

15、也是由两个关键帧和它们之间的普通帧组成，其特点与动作补间动画的一样。,2. 形状补间动画制作方法,形状补间动画是指图形形状逐渐发生变化的动画。图形的变形不需要依次绘制，只需确定图形在变形前和变形后的两个关键帧中的画面，中间的变化过程由Flash自动完成。其具体操作如下： 1）在动画的起始帧插入关键帧（如果第1帧为起始帧则不用插入关键帧）， 并编辑起始帧中的内容。 2）选择起始帧，在【属性】面板的【补间】下拉列表框中选择【形状】选项。 3）选择结束帧并插入关键帧，再编辑结束帧中的内容。 在时间轴中选取要创建补间动画的帧，【属性】面板中各选项功能和动作补间动画的【属性】面板一样，只有【混合】下拉列

16、表框不同。,形状补间动画的【属性】面板,2. 形状补间动画制作方法,【混合】下拉列表框用于设置中间帧形状变化过渡的模式，其中包括【分布式】和【角形】两项，其含义如下： 分布式：使中间帧的形状变化过渡得更加自然。 角形：使中间帧的形状变化保持关键帧上图形的棱角。此模式可用于有尖锐棱角的图形变换。如果图形没有尖角，Flash会自动地将此模式设为分布式。,3. 形状提示,在创建形状补间动画的时候，要控制复杂的形状变化，可以使用形状提示来使变形的过程更加细腻。形状提示会标识起始形状和结束形状中相对应的点。利用形状提示可以将一个图形上的某点转换到另外一个图形上的某个点，使物体间的变形过渡更有目的性，从而制作出更丰富有趣的变形效果。 若要将一个圆形渐变为矩形，可创建形状提示，其具体操作如下： 1）选择动画的开始帧，再选择【修改】【形状】【添加形状提示】命令。 2）移动变形前后的形状提示符号 ，可控制该点在变形前后的位置，这样可约束动画的变形。,3. 形状提示,若要删除形状提示，有以下两种方法： 将形状提示拖到画面以外的任何地方。 在形状提示上单击