多媒体教学软件设计与制作实验教程(第2版)
上QQ阅读APP看书,第一时间看更新

实验2-3 动画素材处理

【知识链接】

计算机动画(computer animation)是利用人眼视觉暂留的生理特性,采用计算机的图形和图像数字处理技术,借助动画编程软件直接生成或对一系列人工图形进行一种动态处理后生成的可以实时播放的画面序列。

运动是动画的要素,计算机动画是采用连续显示静态图形或图像的方法产生景物运动的效果的。当画面的刷新频率在24~50帧/秒的时候,就能使人感觉到运动的效果。刷新频率过低,画面就有停顿或闪烁现象;刷新频率过高,会使人感觉图像重叠。在实际计算机动画制作过程中,为了减少存储空间占用和运算数据量,画面的刷新频率常设置在15~30帧/秒之间。

计算机动画的另一个显著特点是画面的相关性,只有在任意相邻两帧画面的内容差别很小时(或者说是画面局部的微小改变),才能产生连续的视觉效果。反之,如果图形或图像序列的画面之间没有任何相关性,那么即使达到了理想的画面刷新速度,也不能形成真正意义上的动态图形与图像。

根据研究角度的不同,计算机动画可以有多种分类方法。按照画面景物的透视效果和真实感程度,计算机动画分为二维动画和三维动画两种。按照计算机处理动画的方式不同,计算机动画分为造型动画(cast-based animation)、帧动画(frame animation)和算法动画(palette animation)三种。按照动画的表现效果分,计算机动画又可分为路径动画(path animation)、调色板动画(algorithmic animation)和变形动画(distortion animation)。

另外,不同的计算机动画制作软件,根据本身所具有的动画制作和表现功能,又将计算机动画分为更加具体的种类,如渐变动画、遮罩动画、逐帧动画、关键帧动画等。

常见动画文件格式有GIF、FLIC(FLI/FLC)、SWF等。

动画制作软件可分为三类:

①绘制和编辑动画软件。如Animator Pro、3ds Studio Max、Maya、Cool 3D、Poser等。

②动画处理软件。如Animator Studio、Premiere、GIF Construction Set、After Effects等。

③计算机程序。如Visual Basic、Visual C等。

本实验利用Cool 3D软件进行三维文字动画的制作。

【实验目的与要求】

①掌握Cool 3D的基本操作方法与动画文件的导出方法。

②掌握动态标题、动态按钮的制作方法。

③掌握变形文字的制作方法。

④掌握组合对象的使用方法。

【实验设备与软件】

①多媒体计算机。

②基本软件:Cool 3D。

③可选软件:Ulead GIF Animator、Flash、3ds Studio Max。

【实验内容】

①制作动态标题文字。

②制作动态指示按钮。

③制作变形文字。

④制作组合动画。

【实验步骤】

1.制作动感的立体文字

①新建一个演示窗口,选择“文件”→“保存”命令,在弹出的对话框中选取保存位置,输入文件名“动感的立体文字”,生成Cool 3D的源文件,扩展名为.u3d。

②单击对象工具栏中的“插入文字”按钮,在弹出的对话框中输入“文字动画制作”,并设置恰当的字体,如“华文行楷”,然后单击“确定”按钮,效果如图2-3-1所示。

图2-3-1 输入并设置文本格式

③双击百宝箱中的“对象样式”,展开对象样式列表,有4类对象样式,单击某一类,则在其右侧显示样式库,将样式加在文字对象上的方法有两种:双击或将其拖动到文字对象上。如果对预设的样式不满意,可以通过属性工具栏中的选项进行加工修改。

④单击“画廊”选项,双击样式库的第3种样式,得到图2-3-2所示的效果。

图2-3-2 对文本使用“画廊”中的动画效果

⑤单击“光线和色彩”选项,双击样式库的第2种样式,再相应调整属性工具栏中的表面、反射、光线、外光等项的设置,得到图2-3-3所示的效果。

图2-3-3 使用光线和色彩效果

⑥单击“斜角”选项,双击样式库的第48种样式,得到图2-3-4所示的效果。

⑦单击动画工具栏中的“播放”按钮,观看动画效果。

⑧选择“文件”→“创建动画文件”→“GIF动画文件…”命令,在弹出的对话框中输入文件名和保存位置,其他选项取默认值,单击“确定”按钮,生成动画文件。

2.制作动画按钮

①新建一个演示窗口,选择“文件”→“保存”命令,在弹出的对话框中选取保存位置,输入文件名“按钮”,生成Cool 3D的源文件“按钮.u3d”。

②选择“图像”→“尺寸…”命令,在弹出的设置对话框中设置动画画面尺寸为“标准”88×31像素(小按钮)”,如图2-3-5所示,调整标准工具栏中的显示比例为200%,帧速为10fps。

图2-3-4 使用文字倒角

图2-3-5 设置播放属性

③双击百宝箱中的“工作室”选项,展开类型列表,单击“背景”分类名称,调出图形样式库,双击浅粉色,将该颜色加到演示窗口,如图2-3-6所示。可以通过属性工具栏调整颜色直到满意为止。

图2-3-6 设置背景颜色

④单击“工作室”中的“对象”分类名称,调出图形样式库,双击右向箭头图形,并通过标准工具栏中的移动和大小按钮,适当摆放和放大箭头图形。

⑤双击百宝箱中的“对象样式”选项,展开类型列表,单击“光线和色彩”分类名称,调出图形样式库,双击深蓝色样式,使箭头图形与背景形成颜色反差,如图2-3-7所示。

图2-3-7 设置对象颜色

⑥单击对象工具栏中的“插入文字”按钮,在弹出的对话框中设置字体为“楷书,粗体”,输入“继续”两字,单击“确定”按钮,在演示窗口恰当调整字的位置和大小并对其施加颜色,如图2-3-8所示。

图2-3-8 输入文本

⑦双击百宝箱中的“对象特效”选项,展开类型列表,单击“部件旋转”,调出效果样式库,双击第5种样式,产生文字水平向右旋转效果,如图2-3-9所示。

⑧设置帧速为10fps,单击“播放”按钮,观看动画效果。

⑨选择“文件”→“创建动画文件”→“GIF动画文件…”命令,生成动画文件。

图2-3-9 使用旋转效果

3.制作渐变文字

①新建一个演示窗口,选择“文件”→“保存”命令,在弹出的对话框中选取保存位置,输入文件名“渐变”,生成Cool 3D的源文件“渐变.u3d”。

②单击对象工具栏中的“插入文字”按钮,在弹出的对话框中输入“渐变的文字”,单击“确定”按钮,效果如图2-3-10所示。

图2-3-10 制作动画对象“渐变的文字”

③将帧数增加到20,将当前帧定位在第20帧,单击“添加关键帧”按钮,将第20帧设置为关键帧,如图2-3-11所示。

图2-3-11 设置关键帧

④将画面切换到第1帧,单击标准工具栏中的“大小”按钮,将文字对象宽度缩小到原来的1/5,高度缩小到接近一条线,如图2-3-12所示。

⑤将画面切换到第20帧,单击标准工具栏中的“旋转对象”按钮,将文字纵向逆时针旋转360°。选择百宝箱中的“工作室”→“背景”分类名称,双击一种背景样式,将其添加到演示窗口,如图2-3-13所示。

图2-3-12 制作初始关键帧

图2-3-13 使用导入背景图案

⑥切换到第20帧,选择百宝箱中的“对象样式”→“画廊”分类名称,双击第3种样式,将其添加到演示窗口,如图2-3-14所示。

⑦设置帧速为10fps,单击“播放”按钮观看动画效果。

⑧选择“文件”→“创建动画文件”→“GIF动画文件…”命令,在弹出的对话框中输入文件名和保存位置,其他选项保持默认值,单击“确定”按钮。

图2-3-14 使用动画样式

4.制作动画标题

①选择“图像”→“尺寸…”命令,在弹出的设置对话框中设置动画画面尺寸为8cm宽,3cm高。

②选择百宝箱中的“工作室”→“组合”分类名称,调出组合图形样式库,双击样式库中欲选用的组合样式,此时演示窗口内的图像如图2-3-15所示。

图2-3-15 导入组合对象

③选择“查看”→“对象管理器”命令,在对象列表区看到,导入演示演示窗口中的组合由三部分构成,如图2-3-16所示,单击其中的ULEAD SYSTEMS对象。也可以在标准工具栏的对象列表框中选择该对象。

④单击对象工具栏中的“编辑文字”按钮,在弹出的对话框中将ULEAD SYSTEMS改为“飞扬的青春”,并设置恰当的字体,如“华文行楷”,如图2-3-17所示,然后单击“确定”按钮。

图2-3-16 选取组合对象中的元素

图2-3-17 修改元素

⑤在动画工具栏设置帧速为15fps,单击“播放”按钮观看动画效果。

⑥选择“文件”→“创建动画文件”→“GIF动画文件…”命令,在弹出的对话框中输入文件名和保存位置,其他选项保持默认值,单击“确定”按钮。

实验要点与注意事项:

①动画对象的动作设置(移动、放缩、旋转等)一经设置,就会记录下来,即使再设置新的动作,原来的动作也会保留。所以,若某个动作设置不理想,应及时单击“撤销”按钮。

②不要施加过多的对象特效,以免影响动画渲染速度。

③当进行组合对象操作时(如使用组合对象样式),要注意先选定对象,再进行相应操作。

实验拓展:

①制作一个指示按钮,使之在完成一个动作周期后保持3s的静止状态。

②制作一个带有背景图像的标题文字动画“我的个人空间”,恰当设置画面尺寸,使之适合用作网站首页的横幅。

③使用绘图功能,制作一个漫画形象的动画,使之适用于QQ或论坛上的个人头像。