|
网格化图像效果在设计中也很常见,效果如图4-127所示。这种效果适合作为网页或者通栏的背景图像。具体的制作方法如下:6 R: s! G8 f! c+ o K
; K9 D0 d7 b6 v [% ~, o" q2 w 1 T! O# |; V' T! b
图4-127 网格化图像效果
9 b6 H! P) _* b8 p9 H1 F( P1、在Fireworks中打开素材图像,如图4-128所示。, s( C) h* F# b" N# ^1 b6 }( x0 f
. T' M% ^$ s- s. ] ' g- z" v! x) w- z& {. Q
图4-128 打开素材图像
1 N- e% `+ S5 m3 s" V! Z! K. H2、按快捷键【Ctrl+6】,把图像的显示比例放大到原来的1600%,如图4-129所示。
* c/ e0 a! ?3 u% p- O7 R0 B0 O! P5 m: t/ Y, L" P

, V5 j, k" e' g* x/ L图4-129 放大显示比例1 k" Q/ b+ K! G
3、按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-130所示。
1 G2 B- Z1 z( o4 g& P, h; C
% p* o$ J" |' b6 }) l$ j' \
+ ~2 K) K# y. E& D$ {图4-130 复制截取的屏幕图像4 a& B; i/ {* ]+ P- Y
4、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。$ G) g( t' z v: l1 F& Q- D
可以基于这个图像效果为背景来设计网页通栏,效果如图4-131所示。
: Y, A/ W% P2 a& }0 Y) O6 ^: x
- \" I/ I- f) r! J5 y1 q5 r
% [; [) L9 W5 }# ]6 \. z1 A图4-131 网页通栏效果
% u s: s: F( j: E; e
" O$ j: X3 j3 ^% [除了类似于像素风格的效果以外,还可以制作水平或垂直的颜色条效果,如图4-132所示。具体的制作方法如下:
/ s3 `6 f. N5 T. u' C( ?1 L
' }. N, v1 M& O7 J! Z3 l + l ^& P+ u( S V) c. K
图4-131 制作好的颜色条效果
; c5 Q5 j8 @6 j$ E% G1 V8 K. v1、启动Fireworks,新建一个画布,尺寸任意。
. s9 X z! N$ {' }; _* q# H2、使用【矩形】工具,在画布中绘制一个和画布同意尺寸的矩形,并且填充线性渐变色,颜色为白色过度到任意色彩,效果如图4-132所示。
X5 k: s) b9 x0 s+ m- @9 m0 |6 ]. b3 T7 N K3 _! d9 \ e3 {2 N

0 R& Q8 A9 C2 D% D9 I图4-132 给矩形添加线性渐变色
( ]; |' D9 J1 x3、切换到【两幅】的预览窗口,打开Fireworks的【优化】面板,在【优化】面板中选择格式为“Gif”,【索引色调色板】为“最合适”,【颜色】可以选择“16”或“8”,这里选择的是“8”,效果如图4-133所示。
: E( [0 d3 g7 V6 O
& v, b* t) m$ Z/ _( M 6 G/ F5 D' ?7 ~" h- O" r
图4-134 对图像进行优化. T# ~4 l, l- Z) X
4、和上面的做法一样,按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-135所示。
) z- c2 Q+ Z: U Z2 {% F& J/ }# E6 L* J% u( ]" x$ w9 p8 Z" j9 D# _
1 T9 [ T; m3 i% |
图4-135 复制截取的屏幕图像. { t& M8 h% P) X% H
5、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。. |4 s' W. b! b0 D2 z$ E9 ?( E
6、如果需要不同颜色的效果,可以直接使用【色相/饱和度】滤镜来进行调整,不需要重新制作。 |
|