|
网格化图像效果在设计中也很常见,效果如图4-127所示。这种效果适合作为网页或者通栏的背景图像。具体的制作方法如下:
, F( c) ^+ f g3 {4 ^2 m* _
) D) e- G. p) y- r9 c0 U, a![](http://www.blue1000.com/upload/2008_06/080620121824581.jpg)
4 `( o+ R$ } I" u! k( z图4-127 网格化图像效果
- e+ q) Z8 C$ Q N, a6 O" _6 z" ~1、在Fireworks中打开素材图像,如图4-128所示。0 y$ n, {0 a; G, Z
! v1 t: U' m( o9 I
! \8 p0 ~; l& Q: u, ^
图4-128 打开素材图像
# q$ R% V! F# H0 ?) J ^2、按快捷键【Ctrl+6】,把图像的显示比例放大到原来的1600%,如图4-129所示。
; i4 N# h* x- t# l$ r$ u* M, C! ?7 i2 \6 @8 r+ v/ Z3 E
5 R: _" r; z* d. z( s
图4-129 放大显示比例
2 `) p# u ]1 s B: L+ J( q2 |6 m3、按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-130所示。
8 @* m/ r% o1 u' L* y& B
' y6 x8 X6 {, I0 H( l* _+ \ $ X7 @% F! `1 k5 u x% u# ?
图4-130 复制截取的屏幕图像
! p. r/ ]/ g/ O' p; T4 ^& R: S4、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。
/ o K* G* g8 S( }可以基于这个图像效果为背景来设计网页通栏,效果如图4-131所示。: k6 H* y2 m# x/ t2 U
0 F& U4 v! Q6 n! | b1 }4 |. T
![](http://www.blue1000.com/upload/2008_06/080620121824585.jpg)
2 ?( T/ x4 @5 Y" @: G4 j7 r2 K( |图4-131 网页通栏效果3 ^2 I. {# q. O
: C# b, A$ q& D$ ^6 z& Q
除了类似于像素风格的效果以外,还可以制作水平或垂直的颜色条效果,如图4-132所示。具体的制作方法如下:
. B" c6 t0 S$ Q5 k; d, _7 A& X
9 m$ ?; t1 K9 {* Z: s. L![](http://www.blue1000.com/upload/2008_06/080620121999951.jpg)
9 v: B; _+ X h' Q P2 J' R图4-131 制作好的颜色条效果5 d, @" h/ Z( v+ @% H6 l5 n
1、启动Fireworks,新建一个画布,尺寸任意。
! k4 J6 \* A Q* }7 G2、使用【矩形】工具,在画布中绘制一个和画布同意尺寸的矩形,并且填充线性渐变色,颜色为白色过度到任意色彩,效果如图4-132所示。8 @3 t9 H8 l) e& A% }4 B: I* R# l- M) l
. W0 K" P \) e) F Z![](http://www.blue1000.com/upload/2008_06/080620121999952.jpg)
$ ~# x' I8 K0 w: Y" u图4-132 给矩形添加线性渐变色
; i3 V9 H; W$ S# o2 v1 H8 K- l3、切换到【两幅】的预览窗口,打开Fireworks的【优化】面板,在【优化】面板中选择格式为“Gif”,【索引色调色板】为“最合适”,【颜色】可以选择“16”或“8”,这里选择的是“8”,效果如图4-133所示。
3 C8 M$ M6 E6 S* }% A' I) w M) b% w* I1 ^
; H8 C$ b5 N; k
图4-134 对图像进行优化
' M, o/ j! j+ O% D1 n4、和上面的做法一样,按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-135所示。
O! X* ]) N9 H1 k, l4 a, Y& g
- [3 c6 A8 H; `* d* |, P! P! \* T 8 g0 a" {4 D1 M' r1 f
图4-135 复制截取的屏幕图像
$ M$ h7 U& Y$ X( R4 _5 C$ s% k5、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。
1 \; @0 \' J! c0 |8 v8 ]6、如果需要不同颜色的效果,可以直接使用【色相/饱和度】滤镜来进行调整,不需要重新制作。 |
|