gggds 发表于 2009-12-27 03:24:25

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

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

http://edu.itbulo.com/UploadFiles_1485/200504/20054905129942.gif
  下面我们看具体操作步骤。    1) 新建一个353×51的文件,设置背景颜色为黑色,如图1。

http://edu.itbulo.com/UploadFiles_1485/200504/20054905131806.jpg
图1? 新建一个文件
    2) 由于图像相对较小,为了方便编辑需要改变视图大小,点击\\\"视图\\\"菜单,选择\\\"缩放比例\\\"150%,如图2所示。

http://edu.itbulo.com/UploadFiles_1485/200504/20054905131579.jpg
图2? 改变视图大小
    3) 点击工具箱的 图标,在图像上画一矩形,并设置填充色为白色,得到图3。

http://edu.itbulo.com/UploadFiles_1485/200504/20054905131998.jpg
图3? 画一矩形  4) 选择矩形并按Ctrl+C复制,然后Ctrl+V粘贴。并用方向键移动复制所得矩形到适当位置,按Shift键选择两者并组合,得到图4。

http://edu.itbulo.com/UploadFiles_1485/200504/20054905131172.jpg
图4? 复制并组合矩形  5) 不断重复步骤4)得到如图5所示。这样就做出了一个胶卷的样子了,下一步就为其添加一些\\\"相片\\\"。

http://edu.itbulo.com/UploadFiles_1485/200504/20054905131883.jpg
图5? 重复复制矩形得到的图片    6) 导入一个Banner.gif图片,如图6所示。

http://edu.itbulo.com/UploadFiles_1485/200504/20054905131304.jpg
图6? 导入一个图片    7) 选定导入的图像并点击工具箱的 图标,改变导入图像的大小使其与\\\"胶卷\\\"符合,得到图7。

http://edu.itbulo.com/UploadFiles_1485/200504/20054905131760.jpg
图7? 改变导入图像的大小  8) 重复步骤6)和步骤7),导入其他一些图像,并按方向键排列导入的图像,恢复到100%视图最终得到图8。

http://edu.itbulo.com/UploadFiles_1485/200504/20054905131652.jpg
图8? 导入所有图像后所得图像    9) 保存文件为Banner.png,下一步来制作一个滚动的Gif图片。打开Banner.png图片,单击\\\"选择\\\"菜单,选择\\\"选择全部\\\"下拉菜单,选定所有的元素。如图9所示。

http://edu.itbulo.com/UploadFiles_1485/200504/20054905131702.jpg
图9? 选择所有元素
页: [1]
查看完整版本: FW制作照片连续滚动效果(1)