|
废话不说先上成品" Z& P3 v) \9 B
- k* S5 H0 C, I9 L: N7 `
7 j8 d$ i3 Z' j% w3 H7 R
5 F# O' U6 `+ c+ E8 y; M工具:Fireworks MX 2004 时间:7小时 下面为PNG源文件% c+ u7 ^4 \' u: y/ j
) X Z) c5 s' T* r( D
0 |" ]4 F7 e+ e2 m$ u3 h4 b
1 e; }) F& i3 i; R7 w* V0 {" i. a
本教程面向初、中级Fireworks用户,还请各位高手指点不足之处. / P) M* n! [8 d6 Y
制作步骤(很多部分有羽化填充和阴影滤镜等,不懂之处请点击小图弹出完整操作截屏图)
) _7 U, ]# s. H% n- G. v( i1.Fireworks 根据实物用钢笔勾出路径进行线性填充
: V5 M/ M+ i5 e n$ w- M/ @- S4 a* E9 o4 S+ h1 z/ \

2 s, ]) @4 D7 {; h4 F
# S2 h& {. @1 [) G1 k7 s: G' a2.使用右上内侧阴影做出暗面,也就是数码相机的边缘3 S7 k" n" W% c( E
" \/ H F! g1 Q6 A+ @

. v$ ]6 \8 o+ s8 A/ f, d- C O. X0 o# C$ Y: d; l9 G) z/ u3 i
3.上部路径,注意羽化
. l; D; b1 {, Y
- x) q& p: O$ w3 s8 r ( Q" B/ ~& E- Q& |6 P4 @2 K) t/ Z7 Y
* a# [* H4 O$ i2 e1 S; F4.左侧路径,同样羽化,同样因为数码相机是角是圆滑的,所以要采用羽化5 w8 G9 h3 l9 v/ f5 p" h
3 r& u* |2 h( F$ }( d
- @6 M8 n% l# ?& E9 A1 T
5 j. q1 w- D9 ~( A5.高光部分,画出形状然后羽化* ^- ^3 a* k& h
/ |# |7 c" r9 D) c! L U, u9 _
/ Q- A4 T# }% k2 V4 R
1 B0 J$ G. x: @' y0 V0 ]0 E6.高光下的凹陷部分9 z2 t& l4 q# ?( g. O
: a1 W9 `- y0 E( Q" W 9 F- Y$ `: i; J% I3 q. B2 E
. ?4 O: f8 d: J+ z. s! }7.凹陷部分下部的高亮部分,两个高亮条体现出凹槽的质感
, Q1 h% y# P6 I: S5 i3 j
5 ]0 A3 H* J# c6 F: F
3 {' ]: e8 ]6 N- }6 p0 F6 f9 Z) x [0 z3 N( W) t
8.左侧转角处的质感表达
/ q, U( ?+ }4 r% ~; Q% F7 U0 f' r, o% u) Y2 P7 T: k

9 a' m+ c, h# C! [7 _( ^6 r2 R3 {$ n
9.转角的暗处,用灰色羽化) T3 m4 p+ [; a6 H
# }& l' J6 A0 O* w4 u

" a, A N/ w- W1 N+ U4 ]! v. ?: `8 n/ Q7 ]: e
10.转角的颜色块羽化一下,过渡左侧和正面,体现出圆滑的角) O6 V- V4 `1 ]1 i
( f" ~( a* q5 q4 k" R- n
 |
|