Flash专栏: 基础教程 | 技巧运用 | MTV实例教程 | 游戏实例教程 | 实例教程 | AS教程(new)
photoshop专栏: 基础 | 进阶 | 技巧总汇 | 精彩实例 | 文字特效 | 滤镜魔术 | 实际应用
网页设计: Dreamweaver教程 | FireWorks教程 | CorelDraw设计 | Freehand/Illustrator教程 | 音乐转换教程
其他教程: 操作系统 | 程序设计 | 网站开发 | 图形图像 | 数据库 | 网络技术 | 安全相关 | 认证考试 | 硬件知识 | 服务器
FireWorks专栏>FireWorks设计>FW制作照片连续滚动效果   返回上一页

  日期:2004-11-09 20 作者:詹巍 来源:天极网
天气预报 IP地址 手机号码 邮编 翻译 在线代理 在线评书 好dj


FW制作照片连续滚动效果


本文中我们建立一个具有胶片形式的动态影视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  选择所有元素
10)选择"修改"


 
高手云集 版权所有 1998-2006