Fireworks网页设计综合实例3

[复制链接]
查看: 252|回复: 0
gggds 发表于 2009-12-27 12:22:28 | 显示全部楼层 |阅读模式
三、?创造矢量对象?
6 o( L" N7 p1 l; A0 K
, ^% [5 h3 D/ N. U  a$ K6 X??? 位图是用像素来描述物体的,它适合于表现色彩变化丰富的照片,而矢量图是使用路径和填充来定义对象的外观,它非常容易编辑,并且它的质量不会因大小的改变而丢失或减弱。Fireworks同时提供了编辑这两种格式图像的方法,默认情况下Fireworks是以矢量的方式创建和编辑对象。Fireworks提供了常用的创建矢量对象的工具,我们下面利用这些工具创建基本的矢量图形。??? 1、?选择工具面板上的矩形工具
) N5 S( V0 B- t. n. [$ i6 }) Q
) U) ^6 z- A, W' e) X9 V,在文档顶端绘制一776x30的矩形。???? 2、?设定填充为线性渐变填充,点击填充面板的Edit按钮编辑填充,如下图所示:
7 r, @" W3 s+ X7 S; D" ?$ t6 B
8 r( u2 W* B6 m) |: H
1 |# ~. O9 X& U1 h/ @# h+ \1 d' g) e4 s) E- {
??? 3、?在人像的右半边绘制一个130x400的矩形实色填充对象。???? 4、?接下来我们将在文档顶端创建按钮对象,首先在层面板中新建一个“导航层”,利用矩形工具创建“公司首页”按钮对象,大小为140x15,填充为红色与黑色之间的线性渐变填充,打开Effect面板,设定Inner?Bevel特效,如下图所示:) c2 z% s! }# ]5 q

$ C- S, e$ ]) {% ]1 |
% T) ]8 l' g/ K0 O# G" b4 \# e8 y* y( ~' t: `
??? 5、?我们还可以在背景层绘制一些线段,以打破背景的单调感觉。??? 四、?创建文字?
$ G, @2 r3 S+ w6 U9 I??? Fireworks还提供了强大的文字处理功能,利用文字编辑窗口可以灵活的对文字进行设定,并且与其它对象一样我们也可以对文字施加各种特效。?: z# K- g$ i1 V, c8 O6 H7 L- y
??? 1、?选择工具面板的文字工具,打开文字编辑窗口,输入“卡尔松服饰有限公司”,如图所示:
' F9 V/ W. e8 @( x# ]  \& B& v* V; b

) C/ \3 \% e) R: A' K% d  u4 o' H; @* X2 B) v7 ^* F8 f5 R) t/ w
+ j7 H! {' c* T/ _
??? 我们看到,在文字编辑窗口我们可以分别对不同的文字设定各自的属性。???? 2、?在文档左半部分输入相应的英文文字内容,并旋转文字90度,如下图所示:! i" j6 U  A2 ~# d& G& I' `4 ]8 u
6 \2 z' N  ~  O0 d: |8 |, S) J: a$ M
! N' L* }/ x' L# v4 X7 j

7 k! w" i3 G  Z. z. f! t( }. F??? 3、?打开层面板,选定“Karsong”设定它的合成方式为“Luminosity”: c) J0 ?' `' o' Y
4 ?' E# ?1 B) E
# V0 x6 |- u. ?9 n# B' {* U

  |6 m7 i  l% W$ u7 C* {7 {5 o??? 4、?打开Effect面板,为“DRESS&ADORNMENT?CO..LTD”文字增加Drop?Shadow特效。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )