用Fireworks制作GIF变形动画二例

Author: 周旭 Date: 2000年 第15期

  众所周知,Macromedia推出了一支网页制作“梦之队”。即“超级前锋”Flash、“中场灵魂”Dreamweaver和“出色后卫”Fireworks。Flash和Dreamweaver的风采想来大家已领教过了,下面为在家介绍一下用“出色后卫”Fireworks制作GIF动画的两个例子,Fireworks真是不错喔!
#1  一、扭曲变形的徽章
  1.打开一幅事先准备好的大小为100×100像素、背景透明的徽章图片。
  2.按“Ctrl+Alt+L”键打开图层窗口,点击右上角的向右的小三角形,选择“Float Background”(浮动背景)。
  3.选中图片,点击菜单中“Modify\Transform\Distort”命令,然后用鼠标拖曳图像的一角向中心拉近,这时图像就扭曲变形了,如^15020602a^1所示。
  4.按“Ctrl+Alt+K”打开画面窗口,点击右上角的向右的小三角形,选择“Duplicate Frame”命令,复制出一帧Frame2,如^15020602b^2所示。选中Frame2重复“Distort”扭曲变形操作,把一角向中心再拉近,使图像扭曲更大。
  5.用上面同样的方法再复制第三帧、第四帧、第五帧,用这种方法使画面产生逐渐扭曲的动画关键帧。
  6.把第二帧到第四帧再复制一次放在最后,按图像扭曲逐渐恢复的方式排列。关键帧做好后下面就可以生成动画了。
  7.按“Ctrl+Shift+R”打开输出窗口,在“Option\Format”中选择“Animated GIF”(生成动态GIF),如^15020602c^3所示。在“Transparency”中还可选择“Alpha Channel”(为图片建“Alpha”通道做成透明的GIF动画)。
  8.打开“Animation”窗口,选中每一帧,分别在印有小钟的对话框中填入20,如^15020602d^4所示(每帧间隔0.2秒)。
  9.最后在最底下的对话框中选中“Forever”,点击“Export”按钮即可生成动画了。
#1  二、凸凹变形的徽章
  1.按制作扭曲变形的徽章的方法打开徽章图片素材,建立浮动背景,选中该图片。
  2.按“Ctrl+Alt+E”键打开效果窗口,分别在列出的对话框中选择“Inner Bevel、Smooth、Raised”,即可做出凸出效果,如^15020602e^5所示。(同样,选择不同的选项还可做出内外斜面、各种阴影、浮雕、辉光等多种效果)。
  3.按“Ctrl+Alt+K”打开画面窗口,选择“Duplicate Frame”复制出一帧,选中它回到效果窗口,在几个选框中分别选择“Inner Bevel、Smooth、Inveuted”做出凹陷效果。
  4.最后,进入输出对话框,设置好“Animated GIF、Alpha Channel”,选择变换时间为0.5秒,如^15020602f^6所示,然后点击“Export”按钮输出它,一切搞定了。
  “出色后卫”Fireworks还有许多出众的个人能力,比如它直接输出具有允许软化边缘及24位颜色能力的PNG格式图像比普通8位颜色GIF图像输出效果要好的多;它自身带有丰富的填充底图;强大的矢量图形绘制和自动生成并更新HTML和JavaScript代码的功能等等。