Fireworks网页设计综合实例3

三、?创造矢量对象?

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

  m4 W. l0 |( b0 @7 e9 o. \7 T7 A7 m，在文档顶端绘制一776x30的矩形。???? 2、?设定填充为线性渐变填充，点击填充面板的Edit按钮编辑填充，如下图所示：
# N7 ~! N0 R1 C" M, s: K/ |

. C# o3 w( l6 ?6 H. p
1 k! G5 p& b' u9 G- I??? 3、?在人像的右半边绘制一个130x400的矩形实色填充对象。???? 4、?接下来我们将在文档顶端创建按钮对象，首先在层面板中新建一个“导航层”，利用矩形工具创建“公司首页”按钮对象，大小为140x15，填充为红色与黑色之间的线性渐变填充，打开Effect面板，设定Inner?Bevel特效，如下图所示：



??? 5、?我们还可以在背景层绘制一些线段，以打破背景的单调感觉。??? 四、?创建文字?
& r1 T$ y- u! ?, D??? Fireworks还提供了强大的文字处理功能，利用文字编辑窗口可以灵活的对文字进行设定，并且与其它对象一样我们也可以对文字施加各种特效。?
; C1 e0 K6 i# z% T??? 1、?选择工具面板的文字工具，打开文字编辑窗口，输入“卡尔松服饰有限公司”，如图所示：

1 h6 B- S% U1 T' k& q5 y% h5 {
0 z4 I( h( R( A. c+ s' M% t

0 G1 i  |: f9 h+ u; Y" Y  o??? 我们看到，在文字编辑窗口我们可以分别对不同的文字设定各自的属性。???? 2、?在文档左半部分输入相应的英文文字内容，并旋转文字90度，如下图所示：
! c* m2 `9 w* W3 Y: e$ L
2 `! D  x/ L. K8 d7 z# i& _

??? 3、?打开层面板，选定“Karsong”设定它的合成方式为“Luminosity”
7 H0 @+ |4 ^; j* ~. M


??? 4、?打开Effect面板，为“DRESS&ADORNMENT?CO..LTD”文字增加Drop?Shadow特效。