怎样制作网页题图动画?

    全民抗击"非典"，体现了一种崇高的民族精神。我看到一些知
名的网站和一些产品广告的题图动画做得很不错，我也想仿照做一
幅关于抗击“非典”的题头动画，放到健康类或艺术类的网页上，
应有积极作用。
    问：怎样制作网页题图动画?
    答：网页题头动画一般都比较小，常用的规格是：120 X 60
"GIF 网页 216"格式动画，帧数也少，文件一般在 5~20 KB ，
否则可能影响网页显示速度。
    首先要找好素材。报刊上，网上都有一些适用的，但都要用到
图像特效合成和文字特效等技术。常用的是Photoshop,  有些技术
Windows 的"画图"也可以做。
    现在把制作“全民健身，抗击‘非典’”的动画，作为实例进行
经验交流，请批评指正。
   一、图像文字特效制作
      由于图片小，文字颜色必须鲜艳，字体必须加粗才能看清，
原有字体一般达不到要求，要用描边加宽。
      Photoshop 7.0 中，关于描边的功能有3 处，一是编辑菜单
中的描边，二是图层菜单中的描边，三是路径菜单中的描边，各有各
的用处，灵活运用这几项技术，对于提高文字特效图片的制作质量很
有好处。
     下面简述实例制作步骤：       
     1.新建一个文件。
       文件->新建->新建文档：宽度 400 , 高度 200 ，分辨率 72 ，
画布颜色： 白 。
     2.新建一个图层。
     3.制作背景文字。
       将画布颜色成黑色（用 D 键或用油漆桶，用黑色）
       写文字"全民健身"。
       用文字工具。选 字体：方正黑体简体 ；大小：48 点； 
颜色：白色 
     4.描边。  
       点击  图层面板下边"f"形状的按钮，选"描边"。3 像素。
       颜色：用红色。
     5.把背景图案调出来，把做好的背景文字转移过去。
       文件->打开->jk17.jpg
       图层->新建->通过拷贝的图层
       回到制作图层。
       将文字变为选区。
       选择->色彩范围->取空白处颜色->选择->反选
       将做好的文字变为选区后，用移动工具移到新打开的图片文
件上。并定好位置。
     6.再制作白色文字。
       回到制作图层，选白色，写文字"全民健身"。
       白色字做好后，用前述方法，移到 jk17.jpg 所在的图层，
略错开位置。调整好位置。一幅带有红色投影的白色文字图片就生
成了。
       如果还要调整字的间距，可以一个字一个字地写，用魔术棒
点选一下，用移动工具移过去。                              
     7.制作超星型图案。
       在 jk17.jpg 所在的图层上。
       选矩形工具，在上部的选项栏中选“自定义工具栏”按钮，
这时在旁边出现形状按钮，点击出现很多图案，可以从中选出 星型
图案。在画布上拉成一定的形状。
     8.用同样方法，写文字“SARS".文字大小为 36 。
       做好后，也将它拉到背景图案上。
       对图层的操作，一般用“隐藏/显示”操作，但图层多了，
找图层比较费事。如果对图层的操作不是很熟练，开始新的制作前，
把图层清除干净，可能更方便一些。按 Ctrl+A 全选，按 Del 清除
就可以了。
     9.全部完成后，将图像和画布都改成 120 X 60 大小。并保存。

   二、合并图像生成动画。

       合并图像生成 GIF动画的软件，常用的有：
Macromadia Firework，Ulead GIF Animator，GIF Movie Gear等。
各有其应用的领域，根据各人的需要和习惯等而定。
     A.用 Macromadia Firework 来做。

     1.新建一个文件。
       文件->新建->新建文档：宽度 120 , 高度 60 ，分辨率 72 ，
画布颜色： 白 。
     2.插入帧。
       插入->帧  共插入 4 帧。
     3.导入文件。
       在第1 帧上右击。选：导入(Ctrl+R) 001.jpg ,安放好图像。
       依次编辑好第2、3、4 帧。
       第2 帧导入 003.jpg.
       第3 帧导入 005.jpg.
       第4 帧导入 007.jpg.
     4.设定播放时间间隔。
       按帧面板的小三角，在弹出的菜单中，选 "属性",将帧延时
由 7 /100 秒 改为 100 /100 秒，即由0.07 秒，改为 1 秒。 因
太快看不清，影响效果。
     5.保存文件。
       文件->保存为： kfd.png (抗非典)
     6.导出为 gif动画和 html 文件。
       文件->导出向导->GIF 动画 ->导出->文件名： kfd.gif
       保存类型：html和图像。
       Firework 做动画，功能很全，可以输出 html 文件。
做成的文件也小一些。只有 17 KB.
       但操作复杂一些。
       本文动画制作在  Firework  V4.0 汉化版通过。
      B. 用 Ulead GIF Animator.软件作动画。

      1.根据提示，选"动画向导"。
        动画设为：120 X 60 象素。
        "添加图像"把上述4 个图像文件导入，多次"下一步"，即可完成。
      2.导出为HTML文件。
      3.也可导出为动画包， 即 EXE 文件，可以设定级别。
        文件->参数选择，可以设定撤销的级别，30天或改变。
      4.改变播放延时。
        将默认帧属性延迟由 10 改为 100. (1/100 秒)
        Ulead GIF Animator 界面非常友好。操作简便。
生成的GIF 动画文件优化 18 KB. 216 色。
另外一个特点是可以生成 Flash 格式的 SWF 文件。
本文动画制作在  Ulead GIF Animator 5.0 汉化版通过。
      C. 用 Photoshop 自带的 ImageReady 软件作动画。

        ImageReady 的一个特点，就是可以把一个文件夹的所有
图片文件一次批量导入。因此当图片较多时，很有优势。
        具体操作步骤：
      1.建立一个图片临时文件夹。
        例如：c:\temp1
        将所有要做动画的图片均拷入。
      2.导入文件。
        文件->导入->作为帧的文件夹。->文件夹名：c:\temp1
      3.设置帧的延迟时间。
        在动画面板上，按"秒"傍边的小三角，选定延迟时间1 秒
（0.1秒～10秒任选）
      4.保存为网页文件。
        文件->预览->Internet Explorer->另存为：文件名
      生成的GIF 动画文件为 17 KB ,216 色。
      D. 用 GIF Movie Gear 软件作动画。

      1.插入帧。
        插入->帧 分别调入 4个图像文件。
      2.设定动画播放时间间隔。
        动画->属性->整体的帧->动画。
        100 延迟。每帧之后100分之一秒中。
      GIF Movie Gear 是一个小软件，使用灵活方便。生成的GIF
动画文件  17 KB. 本文动画制作在  GIF Movie Gear V2.6 汉化
版通过。
  详见: 网页题图动画 kfd.htm
切换到: 健康之友 jkzy.htm(应用实例)  
  下载：网页题图动画 wy03052.zip 50 KB
关于图像特效和文字特效的经验交流，容后刊出。

                  河石/编    2003.5.10 。2003.5.20 修改
        图片素材摘自《文摘周刊》2003.5.9-06及新华网论坛
相关链接：
   《使用google等搜索引擎的一点经验交流》
   《在网页中投影式菜单是怎么做的？》

黄河之滨 网站 ：  http://hhstone.vip.sina.com
          或 ：  http://www.hhstone.com