Fireworks 网页设计综合实例(上)

http://tech.ddvip.com   2007年04月18日    社区交流

本文详细介绍Fireworks 网页设计综合实例(上)

  三、 创造矢量对象

  位图是用像素来描述物体的,它适合于表现色彩变化丰富的照片,而矢量图是使用路径和填充来定义对象的外观,它非常容易编辑,并且它的质量不会因大小的改变而丢失或减弱。Fireworks同时提供了编辑这两种格式图像的方法,默认情况下Fireworks是以矢量的方式创建和编辑对象。Fireworks提供了常用的创建矢量对象的工具,我们下面利用这些工具创建基本的矢量图形。

  1、 选择工具面板上的矩形工具,在文档顶端绘制一776x30的矩形。

  2、 设定填充为线性渐变填充,点击填充面板的Edit按钮编辑填充,如下图所示:

  3、 在人像的右半边绘制一个130x400的矩形实色填充对象。

  4、 接下来我们将在文档顶端创建按钮对象,首先在层面板中新建一个“导航层”,利用矩形工具创建“公司首页”按钮对象,大小为140x15,填充为红色与黑色之间的线性渐变填充,打开Effect面板,设定Inner Bevel特效,如下图所示:

  5、 我们还可以在背景层绘制一些线段,以打破背景的单调感觉。如下图所示:

  四、 创建文字

  Fireworks还提供了强大的文字处理功能,利用文字编辑窗口可以灵活的对文字进行设定,并且与其它对象一样我们也可以对文字施加各种特效。

来源:蓝色理想    作者:梦觉    责编:豆豆技术应用

正在加载评论...