用Fireworks制作简洁清爽的网站界面(3)

http://www.sina.com.cn 2006年02月24日 08:33  eNet硅谷动力

    7. 在帧面板,单击“新建/重制帧”按纽,新增一帧。返回到第一帧,按“Ctrl”+“A”全选中画布上的所有对象,按“Ctrl” +“C” 复制,然后到第二帧,按 “Ctrl” +“V” 粘贴,然后按住SHIFT键不放,选择将帧二上的 HOME、FIREWORKS、DREAMWEAVER 文字,往上及往左各偏移 1 个像素,这是要制造当鼠标移到文字上时,使其产生偏移的效果。

  8. 回到第一帧,选择工具栏上的切片工具,将文字链结的区切割出来。

用Fireworks制作简洁清爽的网站界面(3)

选择工具栏上的切片工具

  然后切换到指针工具,单击 HOME 的切片,在弹出的菜单中选择“添加图像交换行为…”,在弹出的交换图像对话框中,选择相对应的切片,单击确定。

用Fireworks制作简洁清爽的网站界面(3)

然后切换到指针工具

  用同样的方法,分别制作 FIREWORKS、DREAMWEAVER 交换图像的行为。

  提示:你可以先切换到预览视图,将鼠标移到链结上察看效果。 

    9. 综合以上各步骤,将可以将整个网页版型制作完成,最终效果如图所示。 

用Fireworks制作简洁清爽的网站界面(3)

效果图

  这个页面是我喜欢的类型,感觉清清爽爽的,希望您也会喜欢。

上一页 1 2 3 下一页

发表评论 _COUNT_条
Powered By Google
不支持Flash
·城市对话改革30年 ·新浪城市同心联动 ·诚招合作伙伴 ·企业邮箱畅通无阻
不支持Flash