|
废话不说先上成品9 |+ T: c& T( x) y: f& K
) ~1 ^ [/ \: ?4 Y2 ]
8 \# C: H4 M' I2 V! k; X( p5 m8 O3 G( I* ?! `7 Y0 m& L9 f7 M
工具:Fireworks MX 2004 时间:7小时 下面为PNG源文件
. l! B( C3 w: z4 C- ^, j4 P0 F* P# G3 G9 m" |

# k7 z& s1 M5 O0 {4 ~ V
& _( Y9 y( I3 E' P" M; f本教程面向初、中级Fireworks用户,还请各位高手指点不足之处.
2 y! x/ j% K8 h+ P4 s" c?制作步骤(很多部分有羽化填充和阴影滤镜等,不懂之处请点击小图弹出完整操作截屏图)
, s3 V; a) G4 e; K8 A q8 }1.Fireworks 根据实物用钢笔勾出路径进行线性填充
9 v3 k/ ^4 R+ z6 N1 `
1 L |/ x$ I! T1 L4 h
7 M8 w; d& i# k* c, v7 \
; U/ L& G0 l* V: N. x2.使用右上内侧阴影做出暗面,也就是数码相机的边缘
% N+ o) a/ ]7 N2 ~2 j ^: m! @6 r% Y% j7 l- r( u! {' E

) O( g* q6 u0 K6 c1 K! [ {: r$ M2 E" L) M/ n* u3 h* s: v- Q, A
3.上部路径,注意羽化
& C! N, I3 m( r6 j( {2 W$ @
5 w0 K6 Q- w$ }: W Q
6 | @' J8 u3 p& |8 a0 y
, r6 k* k% z; c) K4.左侧路径,同样羽化,同样因为数码相机是角是圆滑的,所以要采用羽化
3 b) Q, y. R, u
" Y9 K6 ]/ J* ? 7 ^6 `4 M! _5 g$ z- _1 p: x1 G
, I! g9 [" [* J& V( Y. k0 ?5.高光部分,画出形状然后羽化! j# J0 |5 S+ I
( B2 p# ^, j, }
& ?5 a* u. c! ]9 i1 R9 F* k( l! d. c% J
6.高光下的凹陷部分
- t; H' d, T. C+ o/ Z$ A% z0 I9 ]% E, V# j& v

/ R; Q1 e0 M! J; p; M9 E6 Z5 x9 S+ G0 I; @/ s+ ]
7.凹陷部分下部的高亮部分,两个高亮条体现出凹槽的质感$ N p& \( a7 K, G$ v( V& u* k
4 g; V! R# j" ?8 i7 p) n
+ n$ V' t' q: m' a( v5 y' N" A: V. p7 P5 F3 z
8.左侧转角处的质感表达6 i' m: ~) B$ q0 _1 A
/ V1 Q" i1 r- [$ D" u
c9 ]7 }7 f' m3 }6 m$ l F
8 ~$ g+ K. I' w: \% R, [
9.转角的暗处,用灰色羽化1 @, b; {; V2 O$ ]
! Q* h0 ?: x% H: N: W

2 p. X2 `2 a4 T7 P2 A) B
# k2 i l& f+ B( E* {10.转角的颜色块羽化一下,过渡左侧和正面,体现出圆滑的角
' x+ Q0 [; U: G" C, Y; r7 R4 h! z8 L7 V

0 G: L4 n _* L+ ?# ]5 d' l5 Z- s
? |
|