|
刻意在物件和文字上营造残破的效果也是一种流行的表现方式。 让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。 打开新文件,先来画个按钮; H* H2 b9 L! [% U
! E5 e' z- a# I- G! F9 k
4 e2 j/ [. Y+ d; P: z5 V: X' [5 H; l
Ctrl+Shift+D原位克隆一个。 I: T; c5 q( T7 y4 `% f e( B
9 f- i* t r1 f3 v
, |; q* q2 D& @8 e" i1 S# O' C# p1 r; `9 b
网上找张纹路无序的素材图片,这里我们用的是张石纹。
/ X& D" } Y1 }: H; Z% W3 M# ~
- u! q1 B( g8 I0 D7 y5 t. h. W8 Y: x! E
/ J& k; r: x+ ~( n 导入正在Fireworks编辑的文件。( |4 A5 Y# Z* B# i; W m
& M+ m' m8 r y1 x. B7 E- h. O
* @5 N( _" v! v5 A; }
; G! t# ?5 M$ p% d0 ~在属性面板上按下效果添加按钮, 进行两处特效设置。 亮度50,对比度100; 色相36,饱和度72,明亮度81,勾选彩色化。- c( U" ~+ b! [- ?
& }% d& x3 T8 n, F: `2 O6 O7 N' w
# a+ A' q+ ?# i1 f& b7 F& t+ `+ q' J
图层混合模式设置为Multiply色彩增值。: D1 D9 G3 G* E+ K1 p }
( o/ Z$ A2 G, z( e4 b: `6 N) ~
& z6 I0 E2 F2 f6 K& u5 O' H6 {$ {9 x& A# _
将我们克隆的那个按钮提到最上层,同时选中刚处理好的纹理素材, 在菜单上选Modify-->Mask-->Group as Mask进行组合遮罩。- W1 L7 q8 @/ S
( t j8 O7 Z- d1 d/ m6 d/ Y9 |% @
/ c: o% T7 r3 j f U5 J
现在来看下成效。 这张也是PNG源文件,有兴趣的朋友可以直接下载到Firewoks打开分析参考。. A2 }! ^3 s- c: ]6 }9 A5 g- N
# i: O8 b. E) g% J+ x5 l( p
0 L7 b0 }& X/ a% B& ~4 K
3 B: Q! U! q4 C( z5 W( L通过对属性面版上的两个实时特效数值改变,可以控制破损效果的表现。 例如下图,我们单纯改变亮度到25,残破程度也随之相应改观。8 w: J! D* M, R3 k. B
- C, z5 A% Z: v e. [0 t9 s5 _; _- f
# a( ^. [2 Z! p/ y5 S G) @8 _6 }6 \! h, j" g3 V" w0 B) ?
文字也可以做类似的残缺特效处理。 打开新文件,打字,字号选大些,做成后的效果会更明显。 因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分。
/ T1 x; W/ H+ \/ v l- r2 D- E2 m q0 p3 `& o+ R. b R- O
5 D" Z' A X1 F: C$ z# l+ M" W1 R
9 B6 b* S# P6 g7 j/ t a) S
跟上一张图一样,我们导入相同的石材图片做纹理。 并在属性面板上按下效果添加按钮, 进行两处特效设置,跟前次的值略有不同,我们只是想试试不同的颜色效果。 亮度7,对比度77; 色相30,饱和度66,明亮度-43,勾选彩色化。9 P! X2 F( r8 A) S8 M0 R
3 n; I- ~8 v4 J; D; H: Q. y
2 Z* h4 |, B: s9 g, T
: G; }# ~$ |7 S3 R; K0 b# \ 把文字提上来,全选这两个物件。9 w+ L! s# e) V. i
" _' z M* Y4 A) z* F
! f7 p7 u6 }. N7 N1 J9 O5 ^
( i/ W" k; t! |. M9 k* T Modify-->Mask-->Group as Mask进行组合遮罩。
% y c$ s9 ^2 H8 U! c; s+ S
& n/ x: p4 p$ l6 s( `/ I4 j' ]' {
+ J) y( z/ [% D1 w5 T8 |3 t+ U/ Z7 d; `
把遮罩层的混合模式改成Difference差异模式,效果就出来了。
9 z/ I/ R' |7 G- @0 }8 I0 ]
7 b& E) ~! f! J1 R0 Y
# L i+ F6 `9 p0 t% |3 \) B. H, S! z: ^
此时把文件底色改成白色,效果就更明显了。# @1 i6 ~ M u1 N9 v+ `4 B) g
1 v7 f# k: h3 I
6 ~% a. u, a5 _. _; s4 t# `6 L" ~! O0 D( o- } Y6 l# o
文字的面积毕竟有限,如果对效果要求不高的话,Firewoks自带的纹理填充可以胜任,而且方法更简便。 W! y7 m J% c. R- g& U
* b$ h$ T- R( m% U. ~& J0 n6 @
# h8 i0 b' C2 F! N0 D5 p0 @8 o$ `
不过利用遮罩、实时特效和图层混合模式来实现残破的效果,对于影像编辑更具灵活性和自然美感。 以下是PNG源文件,包含了两种效果的方法(纹理填充法图层隐藏),有兴趣的朋友可以直接下载到Firewoks打开分析参考。
- O6 ~0 I: K/ Z7 _7 Q# {/ ~( F, z) O+ p" j# B1 x# K" v2 j
|
|