制作怒发冲冠动画的实用教程

【编写意图】

（1）介绍去掉动画背景的方法。

（2）介绍给动画添加文字的方法。

任务：用动画表示“怒发冲冠”这个成语。

任务分析：因为帧动画是由一些相关联的静态图片连续播放产生的。所以，要制作这个动画，就需要先制作出几张静态怒发冲冠的图片。然后，把它们导入到Ulead GIF Animator 5的窗口，产生头发生长，帽子被弹起来的动画。

静态的图片，可以使用前面介绍过的Photoshop cs 8.01制作。先制作一张头发不长，帽子不高的图片，再制作一张头发稍微长一点，帽子稍微高一点的图片，依次做出几张头发渐长，帽子渐高的图片。使用滤镜里的“毛发”工具制作长度不同的头发。如图4.13所示。

图4.13

这些素材的名称从左向右依次叫怒发冲冠1、怒发冲冠2、怒发冲冠3、怒发冲冠4、怒发冲冠5。放置在文件夹“信息技术”里。

我们假定这些素材放在计算机的“E：\信息技术”文件夹里，再来研究这一动画的制作方法。请读者先把素材放到这里。

【任务分解】

任务1：建立一个空白的动画文档。

操作方法：双击“Ulead GIF Animator 5”应用程序图标→在打开的“启动向导”对话框里，单击“空白动画”左边的按钮。见到如图4.14所示的窗口。

图4.14

从图4.14可以发现“对象管理器面板”和“帧面板”里什么都没有，也就是说这是一个空白的动画文档。

任务2：导入素材。把“E：\信息技术”里的静态图片怒发冲冠1、怒发冲冠2、怒发冲冠3、怒发冲冠4、怒发冲冠5导入到Ulead GIF Animator 5窗口。

操作方法：单击“文件”菜单→单击“添加图像”命令→打开文件夹“E：\信息技术”→用拖放的方法选中图片“怒发冲冠1、怒发冲冠2、怒发冲冠3、怒发冲冠4、怒发冲冠5”→单击“打开”按钮。得到如图4.15所示效果。

此时，“对象管理器”面板里有了素材的图标，“帧面板”仅有一个图标。要获得动画，第一，要修正画布，显示静态图片的全部内容。使画布和素材一样大小，或者使画布比素材大一些。右击“对象管理器”面板里的任意一个图标，在下拉菜单里单击“对象属性”命令，弹出“对象属性”对话框。单击“对象属性”对话框里的“位置及尺寸”选项卡，可以看到静态图片的尺寸：宽为200像素，高为397像素，据此设计画布的大小。第二，必须使每一个静态图片占用一个帧。即在“帧面板”按照头发递增的顺序依次排列五个帧。

图4.15

任务3：修正画布，使画布宽为400像素，高为400像素。

操作方法：单击“编辑”菜单→单击“画布大小”命令→在弹出的“画布尺寸”对话框里，把宽度和高度都修改成400像素→单击“确定”按钮。如图4.16所示。

任务4：删除帧里的内容，把水平放置的白色长方形删除。

操作方法：右击中区中间那个水平放置的白色长方形（计算机默认画布的大小）→在弹出的快捷菜单里单击“删除对象”命令。

任务5：调整对象在画布中的位置，把所有对象都放置到画布的左上角。

操作方法：单击“帧面板”的第一帧图标→在中区按下shift键，用鼠标指针分别选中第一个对象及最后一个对象→单击“属性工具栏”里的“左对齐”和“顶端对齐”按钮。

图4.16

任务6：在“帧面板”添加4个帧，把其他静态图片分别放在各个帧里。

操作方法：单击“帧面板”下边的“添加帧”按钮→在“对象管理器”面板中，单击“怒发冲冠1”图标右边第一个下陷按钮，使其呈现“眼睛”图标。

单击“帧面板”下边的“添加帧”按钮→在“对象管理器”面板中，单击“怒发冲冠2”图标右边第一个下陷按钮，使其呈现“眼睛”图标。

如法炮制出其他帧。

任务7：删除背景，把静态图片的白色背景全部删除。

操作方法：在“帧面板”里单击第一帧→在“对象管理器面板”单击和第一帧相对应的图标→单击“工具面板”的“魔术棒”按钮→在“属性”工具栏的左侧，把“近似”的参数修改为5→在中区，单击白色背景→按键盘上的Del键。

在“帧面板”单击第二帧→在“对象管理器”面板单击和第二帧相对应的图标→单击“属性”工具栏的“选择选项”按钮→单击“不选”→在中区，单击白色背景→按键盘上的Del键。

在“帧面板”单击第三帧→在“对象管理器”面板单击和第三帧相对应的图标→单击“属性”工具栏的“选择选项”按钮→单击“不选”按钮→在中区，单击白色背景→按键盘上的Del键。

仿照此操作，删除第四帧、第五帧的背景。

任务8：中区的右边添加竖排文字“怒发冲冠”。

操作方法：单击“工具”面板的“T”按钮→在“属性”工具栏设置字体为“”，大小为34号，颜色为红色、加粗、居中→在“属性”工具栏的“类型”按钮下选择“垂直”“反向混合”→在中区欲放置文字的位置处单击→在打开的“文本条目框”里输入“怒发冲冠”→单击“确定”按钮。

单击“工具”面板的“变形”工具→拖放“怒发冲冠”周边的控制点→改变其大小和移动其位置→单击“编辑”菜单→单击“复制”命令→打开其他帧→单击“编辑”菜单→单击“粘贴”命令。

有更简单的操作方法。请看“理论升华”部分的“显示/隐藏”内容。

【理论升华】(www.xing528.com)

1.关于对象的删除

删除对象有两种方法：

方法一：在中区删除。右击中区的对象，在弹出的快捷菜单中单击“删除对象”命令。

方法二：在“对象管理器”面板里删除。右击“对象管理器”面板里的一个对象，在弹出的快捷菜单中单击“删除对象”命令。

在中区删除对象，不仅删除了某一帧里的对象，而且也删除了“对象管理器”面板里的对象。这实际上是把对象从Ulead GIF Animator 5窗口清除了。所以，我们不能够轻易在中区删除静态图片和其他对象。只有当对象对动画制作毫无用处的时候，才删除它。

2.帧的打开与关闭

“帧面板”里图标的上边有帧的序列号，单击哪个序列号下面的图标，就打开这一帧，同时关闭其他帧。想在中区加工哪个帧，就要先在“帧面板”里单击这一帧的图标。

3.图像的添加

添加图像有两种方法。第一种方法是在打开Ulead GIF Animator 5窗口的时候，启用动画向导，按照提示添加图像。第二种方法是在建立了动画文档后，单击“文件”菜单下的“添加图像”命令添加图像。第三种方法是单击“标准工具栏”里的“添加图像”按钮，按照弹出的对话框里的提示添加图像。第一节使用的是第一种方法，本节使用的是第二种方法。

使用第二种方法，一次可以添加一张静态图片，也可以添加多张静态图片。添加多张静态图片的时候，计算机会自动把这些图片导入到Ulead GIF Animator 5的“对象管理器”面板，同时复制到被选中的帧。如果是在空白动画文档里添加图像，计算机会自动创建一个帧，并把这些图片放置在这一帧里。本节，一次添加了五张怒发冲冠图片，它们都被放置在第一帧里。只不过，它们重叠在一起，我们只看到了一张静态图片而已。如果用鼠标拖动上层的图片，就能够看到其他图片。

4.“显示/隐藏”对象按钮

“对象管理器”面板图标右边第一个下陷按钮，叫“显示/隐藏”对象按钮。单击它，可以在打开的帧里显示它；再单击它，它又从打开的帧里消失。利用这个按钮制作动画，操作的过程会更简单一些。

例如，制作《怒发冲冠》这个动画。在导入素材后，单击“帧面板”下边的“相同帧”按钮。单击4次，会复制出4个相同的帧。每个帧里都有五幅不同的怒发冲冠图片。单击“对象管理器”面板的“显示/隐藏”按钮，使每一帧只显示一张图片。这样，五帧就是五幅不同的怒发冲冠图片。

再如，给动画《怒发冲冠》添加文字“怒发冲冠”。在某一帧输入文字“怒发冲冠”后，“对象管理器”面板里便有了这四个字。如果想在其他帧的同一位置也添加这几个字，只要在打开那个帧的情况下，单击“对象管理器”面板里这四个字的“显示/隐藏”按钮，使其显示出“眼睛”就可以了。比如，要在第二帧添加“怒发冲冠”四个字。先单击“帧面板”里的第二帧，再单击“对象管理器”面板里文字“怒发冲冠”的“显示/隐藏”按钮，使其显示“眼睛”图标就可以了。

5.背景的删除

删除背景，一般要先选择背景，然后，按键盘上的Del键。

选择背景有如下几种方法：

方法一：用“长方形”选择工具。单击“工具”面板上边的“长方形”选择工具→在背景上拖动出长方形选区。

方法二：用“椭圆”选择工具。单击“工具”面板上边的“椭圆”选择工具→在背景上拖动出椭圆选区。

方法三：用“魔术棒”选择工具。单击“工具”面板上边的“魔术棒”选择工具→在“属性”工具栏设置“近似”参数→在背景上单击。

魔术棒是一个选色工具，“近似”参数是选择颜色的范围。“近似”参数越大，选择颜色的范围越宽。单色的背景，“近似”参数一般取10以下，渐变的背景，这个参数可以适当大一些。

方法四：用“套索”选择工具。单击“工具”面板的“套索”按钮→在背景上拖动出选区。

各种工具如图4.17所示。如果背景是单色的，那么使用“魔术棒”选择工具比较方便。如果背景是图，或者是渐变的，那么先使用“长方形”选择工具和“椭圆”选择工具选择删除一部分，再用“套索”选择工具选择删除比较合适。如果中区的图片上已经有了选区，一定要清除选区，而后再做选择。可以通过“属性”工具栏上的“选择选项”按钮，选择它下边的“不选”达到取消选择的目的。

用“魔术棒”选择工具在对象上单击一下，再单击背景，是一种快速选择背景的方法。注意：删除背景，必须在打开帧的情况下，同时选中“对象管理器”面板里的对象，否则，不能够删除要删除的背景。比如，在“帧面板”打开的是第四帧，而在“对象管理器”面板里选择的是第二帧里的静态图片，如果在中区删除了背景，其实删除的并非第四帧静态图片背景的全部。另外，也可以使用“工具”面板里的“涂擦”工具，在背景上拖放，擦除背景。

6.文本的添加

在Ulead GIF Animator 5的窗口可以添加静态文本，也可以添加动态文本。任务8是添加静态文本的实例。

添加静态文本，一般先在一个帧里添加，再把这一帧里的文本复制、粘贴到其他帧。

按照下面的程序操作，可以在没有文本的动画里添加文本：

打开一个帧→单击“工具”面板里的“T”→在“属性”工具栏里设置文字的属性→在中区即在输入文字的地方单击，打开“文本条目”对话框→在对话框里输入文字→单击“确定”按钮。如图4.18所示。

单击“帧面板”下边的“添加文本条”按钮，打开“添加文本条”对话框，在这里可以设置动态文本。如图4.19所示。

“静态文本”和“动态文本”是对立统一的两个事物。二者可以相互转化。静态文本是相对于动态文本而言的。我们输入的静态文本，最初是在某一帧上显示的，相对于这一帧来说，它是静止不动的。先“复制”再把它“粘贴”到各个帧的同一位置，或者使用“显示/隐藏”按钮，让它在各个帧的相同位置显示。在播放的时候，由于文字在中区的位置没有变化，所以，看到的是静态的文字。但是，如果移动各帧中文字的位置，播放的时候，就会产生动画的效果。这便实现了由静态向动态的转化。添加动态文本，其实是添加了一连串多个有同一文本的帧，在这些帧中文本的位置不同的。所以，播放的时候，能够看到的文字是运动的。如果把各个帧中的文字调整到同一位置，那么播放的时候，就看不到动画效果。这便实现了由动态向静态的转化。

图4.17

图4.18

图4.19

【读者演练】

为《小马过河》制作动态的课件题目。

（1）文字“小马过河”闪动出现。

（2）文字“小马过河”上下来回移动。

（3）文字“小马过河”不断放大缩小。

（4）文字“小马过河”呈不同颜色闪动。