FW制作照片连续滚动效果(1)

本文中我们建立一个具有胶片形式的动态影视Banner，首先制作一个具有胶片效果的边框，接着使用帧面板制作GIF动画效果。主要熟悉Fireworks MX 2004中组合、帧面板、修改画布大小、动画面板等使用。文章末尾提供原文件供大家下载参考。

 

　　下面我们看具体操作步骤。
　　
　　1） 新建一个353×51的文件，设置背景颜色为黑色，如图1。

 

图1  新建一个文件

　　
　　2） 由于图像相对较小，为了方便编辑需要改变视图大小，点击"视图"菜单，选择"缩放比例"150％，如图2所示。

 

图2  改变视图大小

　　
　　3） 点击工具箱的 图标，在图像上画一矩形，并设置填充色为白色，得到图3。

 

图3  画一矩形

　　4） 选择矩形并按Ctrl+C复制，然后Ctrl+V粘贴。并用方向键移动复制所得矩形到适当位置，按Shift键选择两者并组合，得到图4。

图4  复制并组合矩形

　　5） 不断重复步骤4）得到如图5所示。这样就做出了一个胶卷的样子了，下一步就为其添加一些"相片"。

 

图5  重复复制矩形得到的图片

　　
　　6） 导入一个Banner.gif图片,如图6所示。

 

图6  导入一个图片

　　
　　7） 选定导入的图像并点击工具箱的 图标，改变导入图像的大小使其与"胶卷"符合，得到图7。

 

图7  改变导入图像的大小

　　8） 重复步骤6）和步骤7），导入其他一些图像，并按方向键排列导入的图像，恢复到100%视图最终得到图8。

 

图8  导入所有图像后所得图像

　　
　　9） 保存文件为Banner.png，下一步来制作一个滚动的Gif图片。打开Banner.png图片，单击"选择"菜单，选择"选择全部"下拉菜单，选定所有的元素。如图9所示。

 

图9  选择所有元素