Fireworks 制作精细PC图标

[复制链接]
查看: 233|回复: 0
gggds 发表于 2009-12-27 03:14:21 | 显示全部楼层 |阅读模式
先奉上效果图:# B; B% v& e( g" V# A

& y4 g  T3 i# i* n6 A& _8 s
7 A0 G+ ]  }$ |0 W% O+ _  l. V0 p7 b/ h% b5 n
基本步骤:
; N% e% f8 p% {* X& X1. 绘制一个矩形,并通过部分选取工具调节节点。为增加立体效果,每个角均通过钢笔工具增加为2个节点
" r" l* U: s- X# e
# ?" [4 L$ }6 ]  z: w& P& ]) v& _+ h0 k" Y
4 c; a! s( v, P7 S: o- m# ~
2. 给矩形添加渐变效果# ?( o/ r' T  Y$ D0 B% c& U0 A
) s. `9 D) I" P% s7 J$ D8 Y9 b

& o) t: H! t( F$ T. L, B$ [# `+ T
) v3 ?6 Y9 b  P3 x' N1 T3. 再给右边的矩形添加渐变效果9 K+ c1 t' C( E2 C4 U6 S
& \* q! D* b. ]$ C  F6 j/ [" g

6 _  n& w1 h. b4 j7 K6 ?+ w) s$ A7 Y" z4 a
4. 复制矩形并缩小,作为内框屏幕,实用发射性渐变,添加内部阴影
& @: A+ z; J2 p: ]0 I0 m9 _& z: d3 g" ~* q( m5 X; h
+ N/ P; P$ k2 \- h" W' X
' c7 w0 f% S5 Q: Q9 a
5. 制作屏幕高光效果,绘制一个圆形,设置线性渐变,羽化为6
: K2 m, i2 I! ]1 B) a2 W6 C$ H5 y8 ~3 y. R

. z5 B2 |% n& j3 @' W7 |
! Z. i& r. a) `' ]8 K1 ?6.再画一个大的圆,用来切掉我们不需要的部分,选择两个路径,修改-组合路径-打孔
6 m9 ~9 r, f8 P& s8 G) V, i; l7 Y1 N' A0 p

8 F% _/ k. y3 w) i0 l. {' p/ [9 c1 I7 J) p+ ~8 n0 u
7. 得到如下路径,然后使用蒙板得到我们需要的内框屏幕,选择蓝色内框屏幕,复制,选择刚才得到的白色渐变路径,反键-编辑-粘贴为蒙板,得到如下效果
! [9 Q8 |* M: _! d/ B
, N$ s% G+ T  r* F
9 G/ }' I. U; l3 i2 [) |
1 f- w0 @6 w6 W$ Y8 R7 `8. 绘制两条斜线,制作屏幕下方立体效果
( E6 m% y# f% A0 H3 n6 T' o) ]
& L; v% |1 w. U1 r! P
1 T8 e* ^) [" F' n. I
% k$ l7 b8 f, f0 Q0 e- S) n9. 使用上述高光绘制方式制作屏幕下方高光效果  m! J9 M& Y) t
# D$ O" {$ E9 Z' h# Z

& }' e0 `4 O( O1 ?4 k  v2 M* x! D4 }% c9 ?8 |" M
10. 使用放射性渐变绘制显示器开关按钮。并复制一个浅灰色的圆形放在按钮下,产生立体效果2 l* x* K/ z% c# P0 x1 V
' V0 G$ g% Y3 _1 E
% c& m7 b, R/ E' O# r
* ^6 d6 j% ?+ Y6 L
11. 利用矩形工具绘制底座支撑轴。并使用线性渐变填充
$ P  y8 B3 Y5 |( c0 R7 [) B+ V& d8 }( x3 Z

, e0 f% L2 S) |0 _$ K& g
2 h7 u, T0 D. w12. 利用矩形工具绘制底座,使用钢笔工具增加节点并调整。使用放射性渐变填充
4 p: J4 m: J, g' N& b2 }4 Y8 }) ?6 L) _$ L0 c) y0 u$ z

; Z: D* M; |. E3 w, z/ z; W* x  ], F; N8 c$ X4 b8 b% G
13. 利用矩形工具绘制高3像素的矩形使用放射性渐变填充,绘制底座高光效果& U, n5 W; }$ t
4 z3 w, F$ j" p% j- u- O

本版积分规则

精彩图文

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