创建网页标题文字动画(广州市第十三中学梁基老师).docVIP

第一节 创建网页标题文字动画 标题在文章中有举足轻重的地位，为标题文字加上动画效果，更能吸引读者的注意。 Ulead公司的COOL 3D有很多现成的模板，可以非常方便地创作网页标题动画。 图 1-1 Ulead COOL 3D 启动COOL 3D，屏幕界面如图 所示。光是“百宝箱”就可以生成令你目瞪口呆的动画效果，而一切工作却非常的简单。 图 1-2 COOL 3D界面 下面还是先跟着我来做一做，然后你们自己去寻宝吧。 输入文字 单击工具栏中的“插入文字”按钮，弹出文字对话框。选择字体、大小等参数，输入文字，按“确定” 。 图1-3 文本输入对话框 屏幕上的文字是正面的，看不出有什么立体效果，必须换一个角度去看，立体感才会呈现出来。方法是调整文字方向，如图1-4所示，在下拉菜单中选择“方向” 。然后再用鼠标拖动文字，立体感马上出来了。文字的大小、位置等就让大家去探索了。 图1-4 改变方向，文字呈现立体感 包装文字 经过上面步骤，完成了文字输入，虽然有立体感，但还是感觉十分单调。接下来给文字穿上美丽的节日盛装。在百宝箱目录中选择“对象样式/纹理” 。在百宝箱中慢慢挑选吧，不过只挑一件就好了，千万别贪心，等你熟练掌握软件后再随意变换吧。 图1-5 选择纹理 让文字动起来 鼠标一点，文字就像有了生命一样动起来了，你说神奇不神奇。选择“对象特效” ，在百宝箱中就看到许多动画效果，选择其中的一种吧。在工具栏上按下播放按钮，就可以观看你的作品了。 图1-6 对象特效设计 保存网页动画 注意不能用“保存”命令生成动画文件，“保存”的只是COOL 3D的编辑文件。如果要生成静态图像文件，在文件菜单中选择创建图像文件。如果要生成网页创作所需的动画素材，必须用创建动画文件生成GIF文件格式，如图1-7所示。 图1-7 保存动画文件 给动画添加背景 “工作室”的“背景”有许多图片，直接可以作为动画背景。 图1-8 添加背景 如果要将指定图片作为背景使用，可以用复制、粘贴的方法进行。打开一个图像编辑软件，选定指定区域进行复制，返回COOL 3D，从“编辑”菜单中选择“粘贴属性……”，在对话框中将图像作为背景粘贴。 图1-9 粘贴图像设置属性 探究 创建如图1-10所示效果的文字。 图1-10 第二节 创作三维动画 COOL 3D不仅可以创作文字动画，它还提供了相当多的三维模形和动画模板，我们可以轻松制作三维动画。 美丽的焰火 你会做动态的焰火吗？ 图1-11 节日焰火 ⑴ 新建文件，输入文字“1949 – 1999” ，并设置文字色彩、纹理等。 ⑵ 在百宝箱工作室中选择背景项，并导入图像作为背景，见图1-12。 图1-12 导入背景图像 ⑶ 在百宝箱中照明特效中选择烟花，制作完成。 图1-13 添加烟花特效 雾锁大峡谷 云雾源源不断飘向乳源大峡谷，使人堕入茫茫云海中。 图1-14 云雾中的乳源大峡谷 制作方法： ⑴ 新建文件，将照片乳源大峡谷粘贴到COOL 3D中。发现图片大小尺度不符。从“图像”菜单的尺寸对话框中选择“使用背景图像尺寸”。 图1-15 改变动画尺寸 ⑵ 添加文字对象，如果不需要文字也可以使用空格，因为场景中必须有对象。 ⑶ 在百宝箱中选择整体特效中的“云彩”，选用水平运动的云彩效果。 ⑷ 为了使效果更好，在工具栏中增大动画总帧数至30。在生成GIF动画时设置256色等。 旋转立方体 在百宝箱中的工作室选择“形状”，找到“魔方”，它本身已经包含动画过程，如图1-16所示。 图1-16 旋转立方体——魔方 下面我们要在立方体各个面贴上图像。打开几何工具栏，工具栏中对应的6个按钮分别对应立方体的6个面，我们要在正面和背面贴同一幅图像，则选取对应的按钮，如图1-17所示。 图1-17 立方体6个面的对应按钮 图1-18 用图像文件作为纹理 重复上面步骤，将立方体6个面全部贴上图像，动画制作完成。为增加气氛可以再加上各种效果，如照明效果中的火花，如图1-19所示。 图1-19 添加火花效果的旋转立方体 本章我们初步领略了Photoshop的魅力。Adobe公司的Photoshop是目前使用最广泛的图像处理软件，我们只用很少的几个功能就已经达到相当不错的艺术效果。毕竟课堂上的时间太短了，我们只能是带领同学们入了门。Photoshop强大的功能就留给同学们慢慢去探索了。 Ulead 公司的COOL 3D是专门制作三维文字动画的软件，以模板方式去套用就可以轻松制作了，动画效果不错。专业的动画制作软件还有很多，各有各的精彩。 Ulead公司的PhotoIm