Fireworks 营造残破纹理

[复制链接]
查看: 266|回复: 0
gggds 发表于 2009-12-27 12:16:14 | 显示全部楼层 |阅读模式
刻意在物件和文字上营造残破的效果也是一种流行的表现方式。让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。
/ k$ O, f: R5 ~  o2 r5 i- Z打开新文件,先来画个按钮。
, w& C( Q/ E3 z( l
/ G5 r! `$ r% i, ]' z; u% N
, _0 p4 I* j# `4 g( A6 _! ]- `* Q5 N9 b" G; @6 c8 `2 q; o
Ctrl+Shift+D原位克隆一个。
4 X4 R& w: |5 S0 f) f* C2 u6 P5 g) Z( f) ?

  L0 y  U7 t8 |9 q; x$ [/ Z2 j
) W: {4 A8 X6 \' Z) p, Z9 t网上找张纹路无序的素材图片,这里我们用的是张石纹。
% o  O. Q4 [6 [9 ^( f0 w3 O% ?) u: o  U: ~% F1 V

7 H+ C8 m+ I# r- k
3 \4 e4 B, E! L4 {2 ~  b! }2 _* h3 H导入正在Fireworks编辑的文件。
2 J& A8 _6 Q: x; d
# x2 _5 n4 @! S3 G( j! O4 ^2 c2 _0 ?0 }+ W8 _6 e4 g" w9 P
7 H8 \- Q! q  G) w' `5 `' _: U
在属性面板上按下效果添加按钮,进行两处特效设置。亮度50,对比度100;色相36,饱和度72,明亮度81,勾选彩色化。3 O' l5 C' D' U5 O! ^

/ I4 [$ P* B" l, Z7 }& T( o" A0 @4 t: t# r& t) e* c# ~' A5 N
$ Q% |5 |( Y( x0 Z5 q! ~
图层混合模式设置为Multiply色彩增值。
# M" B3 W8 x2 ~# x2 O" [. ?/ L9 [3 b3 l4 S  u2 l0 E3 K

3 J! z& f, g% ^7 r8 g6 a
! {" J  w. `# z% a1 `/ I5 Z8 f将我们克隆的那个按钮提到最上层,同时选中刚处理好的纹理素材,在菜单上选Modify-->Mask-->Group as Mask进行组合遮罩。
  S9 k2 X2 c) q' q7 p. [. [0 \6 Q

6 f$ g# U: G( j
2 z( k; Y: h4 `( |现在来看下成效。这张也是PNG源文件,有兴趣的朋友可以直接下载到Firewoks打开分析参考。
5 @. x1 U2 N& k3 _* D1 s9 s" Q, a/ i+ T7 W
$ ?( p( a7 V% x% d' ^% U

% {! h& O/ z8 t通过对属性面版上的两个实时特效数值改变,可以控制破损效果的表现。例如下图,我们单纯改变亮度到25,残破程度也随之相应改观。. p! s# O1 i! U7 t. y

: u: Z% |2 k" {/ Q1 r1 t
! A3 u9 T5 E' A; X( p- c# v9 p2 x% |/ l$ q
[首页]????[上一页]????
$ a! o+ F% H( ]' x: B[下一页]% H3 a! M% F1 N% {
????* w8 o0 {  _9 ?( ~9 g/ F- P6 ]
[末页]- F& y# {( R4 I
????选择页数12! U" f1 L; d# _7 g$ p0 w; I; H* x
4 V! n/ i0 `& d! G4 c3 B1 B
- `, f+ r# P/ m
文字也可以做类似的残缺特效处理。打开新文件,打字,字号选大些,做成后的效果会更明显。因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分。) w8 `6 L/ r8 k/ a) _" p! a
- o  s) t  k: ^+ f
$ m+ f$ ~" a) s$ Q

9 r& E6 Z9 [; u# d- s跟上一张图一样,我们导入相同的石材图片做纹理。并在属性面板上按下效果添加按钮,进行两处特效设置,跟前次的值略有不同,我们只是想试试不同的颜色效果。亮度7,对比度77;色相30,饱和度66,明亮度-43,勾选彩色化。3 U# s& B3 K3 o( v/ j

. d+ q$ v6 P, r% G  e; p
* O) X0 y0 _$ \* |
* z. }+ J9 |1 y0 h: ]% ~把文字提上来,全选这两个物件。7 O- ]/ ^, }8 T& k. X' O2 H* o( S
. `0 ?& q& b+ b+ \' ]" `; q
: g0 {- x( Z) j1 I# x! m8 v
# N. c# x" b7 j. `
Modify-->Mask-->Group as Mask进行组合遮罩。3 |& r4 ^! ~3 a2 y4 _/ l2 s

3 b: W4 L: Z, u. f) x( c
" j, V0 j& P3 ?1 r( X5 w* b4 J9 |9 D. q. a, s0 o" Z1 H
把遮罩层的混合模式改成Difference差异模式,效果就出来了。
6 c' d- L1 K) Y3 C0 H) l
" F9 A7 P2 `+ @' K4 f4 l
3 C9 o8 d! a3 H" Q( {* ~( T0 h
( ?5 R* ?( Q7 b6 \7 x此时把文件底色改成白色,效果就更明显了。
5 a( T: ^5 N8 O* B' Y3 \0 C; J2 v
& ~! D3 h0 y: s; q6 s
: C4 D& B) x; y0 z: t2 e3 V& a) J
文字的面积毕竟有限,如果对效果要求不高的话,Firewoks自带的纹理填充可以胜任,而且方法更简便。
+ m# w  J1 W* B1 u" X4 Y( I) Q, F1 n0 b7 r
* r0 |5 P& z/ n% v# Q! P

/ Y8 N4 m$ U$ o1 P( Y* |4 w( d: D不过利用遮罩、实时特效和图层混合模式来实现残破的效果,对于影像编辑更具灵活性和自然美感。以下是PNG源文件,包含了两种效果的方法(纹理填充法图层隐藏),有兴趣的朋友可以直接下载到Firewoks打开分析参考。
; Z7 _. `) ?/ b9 u  T
1 e4 P9 y, D* a; s
4 D6 A8 `. C/ n4 u$ i3 G2 M9 P# R" z0 J+ D7 l
[首页]
3 M; a, d; e; \: Z8 r, Z  F( d????
+ ]' L$ N! {9 n& w[上一页]
" g7 @" r5 k4 l2 l$ B: N, q????[下一页]????[末页]????选择页数12

本版积分规则

精彩图文

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