|
刻意在物件和文字上营造残破的效果也是一种流行的表现方式。让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。- q* R1 [1 M0 b$ p3 s* @
打开新文件,先来画个按钮。
" I; j8 s4 M6 F7 B) t: R, H+ q& I4 \; z
7 m8 r1 Y! h' {6 J
) w4 r# I0 _' E. X3 T {
Ctrl+Shift+D原位克隆一个。; h) \* j* q, O- n
+ R+ s# B: S7 U& Q7 N4 g2 v& X
2 M4 V: I: |3 S3 K4 ^+ _
, G ~- c& V1 ?. s2 r$ x2 E网上找张纹路无序的素材图片,这里我们用的是张石纹。, X7 d! c6 b2 n0 y% I) k
4 e' ?( b% N' m a0 _0 |& N0 w ' ~( D& l) l( q9 f5 r/ p ] o
* [, ~3 G8 S# J# C- D. W2 c
导入正在Fireworks编辑的文件。/ s& a0 d/ `2 n5 U6 ^- h( F+ f
, A3 D1 n: j2 ]2 {1 z 4 x* M, T5 Y' \# w1 |
( p' i* S7 Z3 W8 s在属性面板上按下效果添加按钮,进行两处特效设置。亮度50,对比度100;色相36,饱和度72,明亮度81,勾选彩色化。; l$ \5 d4 C6 F) Q1 q3 K* Y m
' v# W! G0 u+ g4 c; l! o3 u! p
1 S* s" Y4 b" U5 f$ j2 y1 L, {% t/ D& {. f3 i& F: c5 W
图层混合模式设置为Multiply色彩增值。' _ E; c9 Y6 V, t; {
8 s" v+ r$ z* I0 x- p: q7 w: k
0 t1 J# D [! ~) Q
2 a, {; }& G# P) c/ C; N& `
将我们克隆的那个按钮提到最上层,同时选中刚处理好的纹理素材,在菜单上选Modify-->Mask-->Group as Mask进行组合遮罩。
: ]7 m( R* W' `0 i
) G/ g9 x3 g t$ h
, G+ R4 x/ e1 a% ? @5 y3 K: A' J
现在来看下成效。这张也是PNG源文件,有兴趣的朋友可以直接下载到Firewoks打开分析参考。/ k( u4 _# i/ n4 l7 n7 t
. Y4 x9 F0 i+ ]$ G
* O9 L# c1 {* l) ]7 {9 F
% w% k& b- o1 c' W/ f
通过对属性面版上的两个实时特效数值改变,可以控制破损效果的表现。例如下图,我们单纯改变亮度到25,残破程度也随之相应改观。) ^/ ^& E, K2 _+ h ?
: m( I9 t2 s6 V! m; ` 6 h. S7 `8 L+ `3 ?; V' \
T3 z, p/ v; M1 {& C' t' K
, S" w) Q& \* }$ l" R3 M0 i9 Q e$ Y% D) t) y+ F, ~
文字也可以做类似的残缺特效处理。打开新文件,打字,字号选大些,做成后的效果会更明显。因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分。
' k* Y) X0 o7 i+ X/ @; y% z$ l! v5 j, W6 N& |
1 D% w' `5 {- ^
8 E% G3 M) ^. m. }* X+ b
跟上一张图一样,我们导入相同的石材图片做纹理。并在属性面板上按下效果添加按钮,进行两处特效设置,跟前次的值略有不同,我们只是想试试不同的颜色效果。亮度7,对比度77;色相30,饱和度66,明亮度-43,勾选彩色化。
" l, w5 O) f4 U/ a& c
u8 W& w$ {2 F. o1 j& z7 B3 A2 b - x! B+ u' I! y1 G7 m
, U6 r( [/ z* F. e ]8 b& r8 I; X7 B把文字提上来,全选这两个物件。
8 P$ h; g9 A% G% L* A0 v5 H* `% y* ?8 F, Q% \( b- h% p
; I& P3 Z1 v" {! Z9 g1 F7 n
+ ]% H8 R! x, ^9 S3 D3 E: d
Modify-->Mask-->Group as Mask进行组合遮罩。
4 y$ v6 {+ B+ y5 w- ?2 Y7 K" v: F4 k0 \$ @( {# l4 v1 U

5 h5 l+ B/ W3 ~! }0 q) e2 c2 H* E" b9 Q- U9 j
把遮罩层的混合模式改成Difference差异模式,效果就出来了。( q" O' Y0 C* `/ h- ~
Q' D; J$ I7 C1 h$ p! s, j9 B& w 8 v2 w/ g# I( J, ~; F8 `
* Z& o# T: U% H3 i! W此时把文件底色该成白色,效果就更明显了。
" ?4 v1 i5 o( p8 Z$ h2 v1 y e# ]$ q2 E9 ]" }# p6 t
9 p, `8 \9 v' R5 W' r
/ H$ m* c3 J2 O, B" i
文字的面积毕竟有限,如果对效果要求不高的话,Firewoks自带的纹理填充可以胜任,而且方法更简便。
5 M7 F6 T& D q6 O. a) J7 F# N4 d
& t7 ~! a* }1 k
) z6 H t9 T- |* G. U6 J+ }8 V; \ q# ^3 \+ Q) o
不过利用遮罩、实时特效和图层混合模式来实现残破的效果,对于影像编辑更具灵活性和自然美感。以下是PNG源文件,包含了两种效果的方法(纹理填充法图层隐藏),有兴趣的朋友可以直接下载到Firewoks打开分析参考。
2 U& b& D6 p$ l$ y. V; n" a1 J
" y% T N. S, H- L* q$ K |
|