Firewoks 营造残破纹理

[复制链接]
查看: 256|回复: 0
gggds 发表于 2009-12-27 12:37:03 | 显示全部楼层 |阅读模式
刻意在物件和文字上营造残破的效果也是一种流行的表现方式。让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。
5 I- r( F) a* G2 o; v3 d$ K1 P. N/ J5 Y& u打开新文件,先来画个按钮。
! C9 _7 g" k; f+ V7 C
; F7 R: C9 ]- c% [6 ^8 g
; _; J* E, {3 e% g% ^* E9 B
6 W, q# B( S' m7 V. g8 ]Ctrl+Shift+D原位克隆一个。
  M. S. f0 n% @- s* N1 E  U& N  X" \6 i
, F6 j8 x1 h* Q- R$ [0 q

8 }) w3 S! r+ a* P0 P; M网上找张纹路无序的素材图片,这里我们用的是张石纹。4 E# D+ Z8 d3 V$ Q

, I, d4 ~6 f2 p# A1 d1 M% L5 c  M& ?# Y; ^/ K8 o+ C. `

3 h' D3 L! V/ H" T$ z导入正在Fireworks编辑的文件。
# h3 N1 Q; n; n9 k$ J8 F
" h$ o( F5 a7 k2 q5 g" Y5 p% v& q1 U' t" }

; _8 P  }8 k$ j3 h* \- z7 N在属性面板上按下效果添加按钮,进行两处特效设置。亮度50,对比度100;色相36,饱和度72,明亮度81,勾选彩色化。
4 e1 |! M: I# B+ z1 E, M5 h$ r2 H0 N( c# ?* r( I3 G

  A- u3 o/ b& j: v4 i! ^, B  n
; s; v9 e0 |2 u, J" }图层混合模式设置为Multiply色彩增值。" |9 ?8 }9 S. }5 X4 k' R1 H" q

) {0 ^) }5 T4 D' v- l  V/ m' d' k  L

0 C0 d2 j) l8 j7 v将我们克隆的那个按钮提到最上层,同时选中刚处理好的纹理素材,在菜单上选Modify-->Mask-->Group as Mask进行组合遮罩。1 @* \3 u  a0 k9 G8 k+ b3 {
) W2 b8 h) B+ R1 t# S

4 M4 A. }* a4 Z6 I% b' n; l* `4 U3 T4 d8 X- [- y
现在来看下成效。这张也是PNG源文件,有兴趣的朋友可以直接下载到Firewoks打开分析参考。0 E3 F* Z- s% c; F

4 [7 R; y# c4 K5 n4 n
1 v& C$ F( R6 }% a5 n7 }, O( q' F- ^# o) Q. `
通过对属性面版上的两个实时特效数值改变,可以控制破损效果的表现。例如下图,我们单纯改变亮度到25,残破程度也随之相应改观。
  z5 |5 \' w: ^6 ^6 h
. h% O4 y3 Y2 U) y* `- N# d+ d4 Q9 o- D+ j& \

5 g- l( Z3 z( N5 T1 T) E7 b 6 l/ l. V- @6 m- ~4 V6 a
, x1 _# \* S1 {  E# F( V
文字也可以做类似的残缺特效处理。打开新文件,打字,字号选大些,做成后的效果会更明显。因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分。
0 K. u  S! A# s/ ^- Z1 [
( g$ ^7 R# [/ [4 y" S0 b' p1 z, P2 |) z$ C

( b# d; M: W: }, p1 }跟上一张图一样,我们导入相同的石材图片做纹理。并在属性面板上按下效果添加按钮,进行两处特效设置,跟前次的值略有不同,我们只是想试试不同的颜色效果。亮度7,对比度77;色相30,饱和度66,明亮度-43,勾选彩色化。
5 M* r1 t7 c6 m1 i2 S6 ]) z2 L( N3 Z) r1 b4 ^3 @; ?
. i8 z8 ]8 H2 |% g% C2 P9 f0 l
, J5 H# a+ o: Y5 u; Y
把文字提上来,全选这两个物件。
5 y% N1 o, n5 b0 W, d/ b; Z" m) Y' b2 Q- {1 X9 T0 x

' T1 o0 Z, J9 B
% B" b- s; ?9 k, K5 lModify-->Mask-->Group as Mask进行组合遮罩。! G. t* [6 ^: \* q* k- Q/ _

9 w6 e, y; b7 d; q; i* |9 U% r
* u* m3 W) _* m5 t7 E
5 h5 ?' h: ?- S7 `( S把遮罩层的混合模式改成Difference差异模式,效果就出来了。/ c' E& `! [+ m. j

) t" k$ z! G, J2 K# N- J0 j! F0 V* `( |0 g% @* G

/ D0 y! J* r- R+ E此时把文件底色该成白色,效果就更明显了。7 u$ k+ X( O6 O, w! y
3 f: H  I2 Y* ?+ K9 H

$ I. y* M! ]/ U; u& X3 @  l
- K, Z- [$ u, N9 \文字的面积毕竟有限,如果对效果要求不高的话,Firewoks自带的纹理填充可以胜任,而且方法更简便。/ |1 a4 L( Q" U0 p: `: t3 \# K

! A. j  {: G" m
6 ~$ c; G- h6 @/ G( |/ t0 H4 K7 R! L4 `% Z' ]6 {3 ~
不过利用遮罩、实时特效和图层混合模式来实现残破的效果,对于影像编辑更具灵活性和自然美感。以下是PNG源文件,包含了两种效果的方法(纹理填充法图层隐藏),有兴趣的朋友可以直接下载到Firewoks打开分析参考。* e2 d  N6 C3 n8 |
( Y, v/ d/ ~' R- W# Q) v& C" T

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )