用Fireworks制作GIF变形动画二例 周旭 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代码的功能等等。