|
刻意在物件和文字上营造残破的效果也是一种流行的表现方式。让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。* L3 L+ K6 z( {( F5 v, C
打开新文件,先来画个按钮。
/ S, K0 S; [4 x) U" T+ [$ _, n5 V" y/ s# |4 i _
% D' K/ x5 X( A" y
: m* z) ~1 C/ m2 O+ Z" V3 {3 Q1 P
Ctrl+Shift+D原位克隆一个。4 Y3 [4 q0 V$ f/ g
. W0 y6 Q& B T9 j0 T4 o
( {: C7 w4 f8 I4 v% a
, A+ U% Q( `- d- M+ N j+ p! s网上找张纹路无序的素材图片,这里我们用的是张石纹。
3 ~$ _6 O8 {% p: P
7 h; D' @7 Q) O! \' S) w' p4 x, s% ?' b* a2 g, s
" F" l# t E2 S: K+ ~3 k2 Z! _
导入正在Fireworks编辑的文件。
! y( @$ z) Z3 z2 a7 R9 w; U# ~3 B0 W3 J" b& X# r. \* o
% ^4 ?0 E1 Q% D/ T7 Z7 D: l6 s: B- g/ _/ ^1 U
在属性面板上按下效果添加按钮,进行两处特效设置。亮度50,对比度100;色相36,饱和度72,明亮度81,勾选彩色化。
& K$ s! a+ h5 ?/ W! q( X# u' P9 n6 X
% S2 e ^0 z6 y* g7 n0 ~$ l' Y* z: e9 G& Z: V& K7 f
图层混合模式设置为Multiply色彩增值。
/ k6 q9 X1 Z, A |% j0 A2 s0 J/ Y& ?4 [0 J. F
$ _0 p6 Q" y0 |6 a- r6 f* U# W4 V+ W
将我们克隆的那个按钮提到最上层,同时选中刚处理好的纹理素材,在菜单上选Modify-->Mask-->Group as Mask进行组合遮罩。6 `6 A' w4 Y$ y s' |* K* v
# j4 ^( r7 J3 L+ [( Z
4 X1 t& X! m% m+ c4 k% T
$ q( g3 ~$ g) q7 ~) B: K+ \5 H现在来看下成效。这张也是PNG源文件,有兴趣的朋友可以直接下载到Firewoks打开分析参考。5 c! R! N0 I7 K8 P' {
8 l% Z5 S. h; \; l* ` f+ Z4 Y _% \; W' u2 N( k" N
. ^7 p4 n- q0 K0 Y$ _! i, ?+ {: f
通过对属性面版上的两个实时特效数值改变,可以控制破损效果的表现。例如下图,我们单纯改变亮度到25,残破程度也随之相应改观。0 O6 c, U+ [- ^4 q
+ b; l% v9 A6 r! i, N3 q3 T/ Q
: w5 t0 o! r& z
, R+ W; u: l% a# ]& z" U& x ( |' u% r) ?9 {
5 D' L: W& q. ^+ N/ p7 u
文字也可以做类似的残缺特效处理。打开新文件,打字,字号选大些,做成后的效果会更明显。因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分。7 ^' h H2 k2 U* R. Y$ e2 u
5 h5 N9 o& X5 ~" W
" k& y ]: w5 y# S3 J% x7 Z
0 K$ j( @: r3 E3 j5 K. q跟上一张图一样,我们导入相同的石材图片做纹理。并在属性面板上按下效果添加按钮,进行两处特效设置,跟前次的值略有不同,我们只是想试试不同的颜色效果。亮度7,对比度77;色相30,饱和度66,明亮度-43,勾选彩色化。, Q; q3 e, L$ n; U% n: h( Z
# D6 T c- F( r7 q/ s7 {7 j h: c. d4 x: o5 m4 {2 s# n# i x+ s8 p
6 q( ?: n0 M% I4 _0 O& U
把文字提上来,全选这两个物件。0 o \. E4 G% P# _2 k7 Q8 c
' O4 `. {$ ^7 q1 f4 a. p
# T4 l/ J5 ?/ s4 t
; ?- O7 J% h# E
Modify-->Mask-->Group as Mask进行组合遮罩。8 `0 p% a6 A9 t
2 G4 g' o9 }- h
z/ K7 S8 K* S2 b0 `9 v% u: V8 u9 N! N- z
把遮罩层的混合模式改成Difference差异模式,效果就出来了。
m6 t( k% ~0 ?8 J
# F! A5 p3 _- T7 |- ~
% ^8 H; k7 E! q! S
1 U! N' X) A4 g& N, q. i9 N9 }此时把文件底色该成白色,效果就更明显了。! Z$ N1 H; U+ R' `- h( k/ O
7 V' U9 X4 c* v5 j$ a2 w
4 Y1 d: V/ M8 u" i; p
/ M5 |7 \" Q$ \8 f$ Q0 W) ?文字的面积毕竟有限,如果对效果要求不高的话,Firewoks自带的纹理填充可以胜任,而且方法更简便。& [" K; a% O6 \0 R* V
) d/ m* S7 w4 Y" \. i! e Q8 N5 n7 r: p- @4 J! Q/ `* q9 Q
. ~8 O8 d. i, p1 n不过利用遮罩、实时特效和图层混合模式来实现残破的效果,对于影像编辑更具灵活性和自然美感。以下是PNG源文件,包含了两种效果的方法(纹理填充法图层隐藏),有兴趣的朋友可以直接下载到Firewoks打开分析参考。8 D& U7 J* n: ]4 }$ ^1 z
8 t9 y9 e: Z5 l0 s( f% B9 s |
|