sina.com.cn
新浪首页|免费邮件|用户注册|网站地图

科技时代

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 中国电脑教育报 > 正文







活泼好动的Fireworks 3

http://tech.sina.com.cn 2001/01/31 15:46 中国电脑教育报 刘雄伟

  Fireworks作为Macromedia公司“网页三剑客”之一的网上图形制作和编辑工具,以其与众不同的制作流程和方法,使得制作的图形能以最简洁的形式展现其魅力。在以前有关Fireworks的文章中,绝大部分都介绍的是静态图形效果的制作方法与技巧,其实Fireworks的动态效果制作功能也是十分的强大,并且制作方法与技巧很有自己独特的风格。下面就分三个方面以具体实例的形式,介绍动态功能部分的实现步骤:

  编辑和制作GIF动画

  用Fireworks制作动态效果,与其他动画软件做动画一样,也是以帧为基础的,即在不同的帧创建不同的影像效果,然后连续地进行播放,就产生了动画效果。下面介绍在Fireworks中制作GIF动画的两种方式:

  1、逐帧编辑方法基本原理就是一帧一帧地编辑影像,动画的中间过程完全由创建者控制。具体方法为:新建一文件,打开帧浮动面板(如图1),设置好第一帧的图像及其效果,点击面板上的[新增帧]按钮(图中C),在选中第二帧的情况下编辑第二帧的图像,依此类推可以创建更多的帧。在调整各帧图像的过程中,为了精确控制前后各帧的变化情况,可以通过图中的按钮“A”打开描图纸功能(Onion Skinning),这样通过调节图中最左侧的一栏,可以同时看到几帧的图像变化。通过按钮“B”则可以调节GIF动画循环的次数。设置好各个参数后,通过菜单“File/Export Preview”命令打开输入预览对话框,在“Options”选项卡的“Format”右边选择“Animated Gif”,点击预览图像框下面的[播放]按钮,即可看到GIF动画效果。

  2、关键帧技术原理:创建者只要调整好两帧图像,两帧中间的过渡帧则由Firework自动生成。具体方法为:通过菜单“Insert/New Symbol”插入一个“Graphic”元件,或者选中已有的物体,在右键快捷菜单中执行命令“Convert to Symbol”。这时可以在“Library”浮动面板和工作区域上都增加一个图像元件,再从“Library”拖动一个图像元件到工作区域,修改其属性,如旋转、扭曲、缩放、透明度等。设置好后,同时选中两个对象,在右键菜单中执行“Symbols/Tween Instances”,在出现的对话框中输入总的帧数,同时保证“Distribute to Frames”选中,点击[确定]按钮。这时在“Frame”面板上可以看到增加的帧的分布情况。当然也可以从Library面板拖动多个对象到工作区域,调整好各个属性后,同时选中,用同样的方法制成动画,可以看到动画按照先入先出的原则,依次变化。

  创建动态按钮

  在众多多媒体光盘和网页上大家都可以看到各种状态的按钮,即当鼠标在按钮上进行不同操作时,按钮有不同的状态。利用Fireworks制作这样的按钮非常容易,具体制作方法为:

  1、新建Fireworks文件,执行菜单命令“Insert/New Button”,打开按钮编辑窗口。可以看到4种状态:“Up、Over、Down、Over and Down”。在编辑窗口中,可以点击不同的选项卡编辑不同状态下的按钮图像。同样通过打开编辑区域下方的“Onion Skinning”功能,就可以同时看到不同状态下的按钮图像。这时打开帧(Frame)面板可以看到共包含有4帧,分别对应于以上的4种状态。

  2、设定URL链接。打开“Active Area”选项卡,在这里可以看到鼠标能够激活按钮事件的范围。通过链接向导对话框,完成链接设置。

  3、预览输出动态按钮。返回Fireworks工作区域,通过“File/Preview in Brower/Preview in Iexplore.exe”在浏览器中可以看到最后效果。通过“File/Export”则可以同时输出网页和4种状态下的按钮图像。

  调换影像效果

  调换影像的工作原理与动态按钮基本上一样,即在不同的帧放置不同的影像,在一定的条件下显示不同的图像,或在同一界面上显示出原来没有的对象,不过它的制作方式却大不相同。对于调换影像效果的制作有两种方法,产生不同的动态效果。

  1、简单的变换图像即当鼠标移到图像上,图像变成了另外一幅图像,当鼠标离开时,又回到原来的状态。这只包括Up和Over两种变化。它的实现只需要2帧,一帧放Up图像,一帧放Over图像。具体制作步骤为:在工作区域内添加一对象,选中对象,在右键菜单中选择“Insert Hotspot”,转换图像为“热区”,使它可以响应鼠标事件。按上述方法在Frame面板上添加1帧,在第二帧的工作区域放置新的对象。然后打开“Behaviors”浮动面板,点击[+]按钮,选择“Simple Rollover”,再打开“Object”浮动面板可以设定超级链接。

  2、高级调换影像效果高级调换影像不仅能够在同一界面呈现原来没有的图像效果,同时还可以响应不同的鼠标事件,在一个界面上也可以同时拥有多个“热区”。

  以上就是Fireworks 3动态效果制作常用的几种方法,所有操作都在矢量编辑环境中完成,希望本文的介绍对于各位Fireworks爱好者的创作有所借鉴作用。



 相关链接
Fireworks 4.0 e路同病相怜 (2000/12/28 16:52)


网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息 | 网站律师

Copyright © 1996 - 2001 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网