|
废话不说先上成品
9 m" Y+ C2 q- T- `* ]; K+ A$ C7 g6 J( `3 d

- ]( K; ]$ H3 E7 S3 O
6 F7 G4 \$ i, D9 [. T工具:Fireworks MX 2004 时间:7小时 下面为PNG源文件( ?0 T* b& P* n6 f5 t0 G
8 B# ~/ l; P$ U$ }* k0 T3 e8 r) [

; Y: t- i5 [- Y B8 `0 N6 v( Y, t* f9 r& [) t% Y
本教程面向初、中级Fireworks用户,还请各位高手指点不足之处.
: t. z0 Z2 B9 y; I1 Y1 x?制作步骤(很多部分有羽化填充和阴影滤镜等,不懂之处请点击小图弹出完整操作截屏图)6 S* M# F1 n' h2 i
1.Fireworks 根据实物用钢笔勾出路径进行线性填充; Q" }* X- O4 I: k: o% F) m
; e3 _ |& P% n5 l$ u
2 _6 V$ d2 c; j
% a$ _0 G4 C, \1 Y4 n2.使用右上内侧阴影做出暗面,也就是数码相机的边缘. W% _7 F3 X3 _& f
" z1 ^1 X2 W) s/ x( G& q q

; K; v4 K% I" C) i/ }4 W( o1 q
, V. k+ V- B& G* C3 {% L3.上部路径,注意羽化
% r# p& N: A" f- u% L8 A* a0 I* x9 V( f4 x. x5 l8 B2 `" x

8 U6 \1 P E* v& q. r
4 y% U& X1 ?1 e) D! b5 _7 F% l4.左侧路径,同样羽化,同样因为数码相机是角是圆滑的,所以要采用羽化
6 B) }! w/ P- P$ A( e W9 U8 P* _; O6 C0 {3 P# J+ H8 q
% z3 Y h( ]; _6 P+ S
, `- @2 B1 u( | x) l4 J( k5.高光部分,画出形状然后羽化; q7 W/ E2 W) ~* @
5 B* o! t+ t8 _/ Y+ l) P7 U

+ N* M* P3 H- l# J. i P: Q( j2 P+ n9 O8 o1 p
6.高光下的凹陷部分
) V4 P7 U; E2 l. c$ t" ]
- |! [' ~, k5 n3 G : t T+ v- ~! V# e2 I
( W5 ?1 m* H3 |1 V7 J
7.凹陷部分下部的高亮部分,两个高亮条体现出凹槽的质感
" J/ k4 a" h, M: M5 \
, @: R5 B* H) b# a* j 4 b9 l5 e3 j2 x0 f8 p
+ b9 ?" m# ?4 G/ Y8 x/ G1 l
8.左侧转角处的质感表达
8 c- G$ e* W' s+ h( O9 M5 B2 R" K
+ |+ H }0 U, ]' X! |
1 c ?. ~2 T: b. z3 P
, m4 U' ^4 v& Z2 w. O( N2 o; w9.转角的暗处,用灰色羽化
! K( g+ u. N: j6 r: k
) ?2 V( R5 X7 F
% S% ^. h4 G+ d1 N. e' |8 \
# B' f! a9 {2 G/ W6 V$ j) @10.转角的颜色块羽化一下,过渡左侧和正面,体现出圆滑的角
, y" R% ?9 a+ V0 ^0 g; N9 Y/ @+ A8 M. t8 g/ [% ~4 `1 l C
3 j6 X7 p, {( Q; u' X
/ E; Z5 @% ~# M6 ?? |
|