|
刻意在物件和文字上营造残破的效果也是一种流行的表现方式。 让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。 打开新文件,先来画个按钮9 o2 u0 m: \* R7 X( L9 x4 N
1 f$ ^. E: G" D) } , R# I% ]" V5 N5 F4 w
O5 ]( A" L7 X Ctrl+Shift+D原位克隆一个。
7 @5 \( P k8 X n
; I1 U, ]9 V* V' o0 R C4 }; s) X/ l
- s' c# p# _4 @7 e9 `2 Y, M7 _/ ~$ d) ~/ X- }2 ?2 o9 ~& p
网上找张纹路无序的素材图片,这里我们用的是张石纹。' E) J# \0 ~. r( I3 b8 e
9 B# U0 u4 O3 V& f& f8 ]/ I! q3 H! u
* N0 e3 s' D C- q# g
" s8 M0 v# K: x6 y1 {; D& y 导入正在Fireworks编辑的文件。4 q0 V- p3 t9 l+ ^8 p4 \
% I9 r( y' \6 L! h+ }, f
+ P6 m1 H5 J- v( g! _- ]! H1 R! v" `- b/ P' B
在属性面板上按下效果添加按钮, 进行两处特效设置。 亮度50,对比度100; 色相36,饱和度72,明亮度81,勾选彩色化。
7 r6 h: q9 ?$ ]1 h0 x
9 c- l; e) Y0 Q5 g: N. D6 n/ M ( r' ]/ ~' o. K! r1 r) {
( }4 [. ]+ G' @7 j/ x T
图层混合模式设置为Multiply色彩增值。% R, H! c9 P: [
8 K+ U( T- ?; j

6 W0 ~# }; m9 w: _( T& k* J* q
4 i ?% q' ?4 z 将我们克隆的那个按钮提到最上层,同时选中刚处理好的纹理素材, 在菜单上选Modify-->Mask-->Group as Mask进行组合遮罩。' R+ R' v/ D& a! ?# v6 b
( O; U4 ~" e/ h " R/ t$ i6 v* y% I# K
3 `* A) e- m( r3 @7 T 现在来看下成效。 这张也是PNG源文件,有兴趣的朋友可以直接下载到Firewoks打开分析参考。
! ~& K2 I5 R% ]2 O8 \$ u( [
" j4 T/ h, X6 c0 Y, |+ Z 3 C6 o! `* Q' E, X8 f. @1 @
& z$ I! A7 v& K4 Z; m1 ~通过对属性面版上的两个实时特效数值改变,可以控制破损效果的表现。 例如下图,我们单纯改变亮度到25,残破程度也随之相应改观。
3 r5 H% O/ U1 f/ e( _8 s
4 q* e9 {2 {$ T( k0 H; |3 w / w' Q4 E$ r- d, e8 C. j8 T9 ]
$ N+ x8 I) ?# | u' a6 P 文字也可以做类似的残缺特效处理。 打开新文件,打字,字号选大些,做成后的效果会更明显。 因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分。
2 r; k+ h# J2 @, }
- N# L4 x6 h+ ?9 P2 o4 r2 R) Y* j! C- o
; s- D2 w, b- f# _- q- L! r! N3 N
+ a) k4 @, Z9 o 跟上一张图一样,我们导入相同的石材图片做纹理。 并在属性面板上按下效果添加按钮, 进行两处特效设置,跟前次的值略有不同,我们只是想试试不同的颜色效果。 亮度7,对比度77; 色相30,饱和度66,明亮度-43,勾选彩色化。
/ g- f5 N: ?6 @1 t ~1 B. S. C/ T7 Q

/ l4 o c3 Q% c" o) X! Q7 b t/ r
# T) R) O; ~- e3 I/ R/ ` 把文字提上来,全选这两个物件。
5 }( y4 k J* o, L* @) R
( P# i1 q9 X* G1 D# h: u
' d4 D1 C, @# o$ P. U2 r5 Y* M6 V6 E0 [4 J
Modify-->Mask-->Group as Mask进行组合遮罩。. U% ^' ?2 R8 |' r
* u; x' {, u" x
$ S! h3 o% ^, U; N' Q/ L. r8 b0 L. B9 O
把遮罩层的混合模式改成Difference差异模式,效果就出来了。
, c* l5 @3 Q7 _) H6 H! R7 @1 Z- c" M4 _4 x
( B. R! {* y, F7 o& J S+ |% O
" f' k6 x; k" c; q1 ^" V
此时把文件底色改成白色,效果就更明显了。
) `- b# p. S! \8 r: e6 h2 b
. u2 s* k# h- o" r- b$ L* P7 H $ h1 A/ x1 b: E3 b$ n
" H% l+ S1 M( }0 H l5 D' O
文字的面积毕竟有限,如果对效果要求不高的话,Firewoks自带的纹理填充可以胜任,而且方法更简便。
; s: y) n9 t3 U# n8 U( D( r5 t, G/ Y1 N3 T7 J8 }

k* w* y# L+ f
' [0 A5 ~6 A( z, b' q( {* n 不过利用遮罩、实时特效和图层混合模式来实现残破的效果,对于影像编辑更具灵活性和自然美感。 以下是PNG源文件,包含了两种效果的方法(纹理填充法图层隐藏),有兴趣的朋友可以直接下载到Firewoks打开分析参考。
( u9 Q8 I0 w4 J! Y. y
) ~' Z& Y4 r0 E/ ^* e9 J- T |
|