Fireworks绘XP风格精致图标

[复制链接]
查看: 255|回复: 0
gggds 发表于 2009-12-27 03:13:38 | 显示全部楼层 |阅读模式
先奉上效果图:
& E7 a7 @# c- P# ^
+ U4 _6 q2 q; o$ y" y
) y4 n% j# \5 j3 o. A/ C2 ~) n4 O+ s7 d  U7 S, J) {$ T) N1 v1 L
基本步骤:% h: d& q" o, X$ O
1. 绘制一个矩形,并通过部分选取工具调节节点。为增加立体效果,每个角均通过钢笔工具增加为2个节点 " u' U) G; u, M
5 U  Y& |$ j* o2 ?: s4 l+ M
+ s8 o+ v6 l+ R- A% ^: D

) `6 a# [$ G, K! k3 V! W2. 给矩形添加渐变效果: V. S- B9 b; s  \, p! I* Q- V8 X
0 M- }" K2 a) {- o8 y
: M, |3 l) `- {" x! h2 k
: y2 K) U6 F6 V- \- p3 c. i
3. 再给右边的矩形添加渐变效果
! D! p) j3 _5 j0 [5 t" H5 F& W$ [) f
9 i( S) ]6 N% N  d$ i
8 J0 Z) [8 A3 r
4. 复制矩形并缩小,作为内框屏幕,实用发射性渐变,添加内部阴影+ x; l" {2 a% X, l3 x7 Z# X

4 j# C) j4 v, V% R9 B+ M! u; N* u$ {5 D/ V/ ^7 r

$ {2 t' c, p# A( e0 A9 h& o" {/ [5. 制作屏幕高光效果,绘制一个圆形,设置线性渐变,羽化为6. F! o/ T# K( S: @0 m

. P( a6 Y1 L7 q8 y8 j' a" {7 }+ @- d) N  q' r1 a4 i1 l, P
/ j* ~" P2 H5 h
6.再画一个大的圆,用来切掉我们不需要的部分,选择两个路径,修改-组合路径-打孔
3 Z& w5 s1 e# G6 T! t. W3 H2 V

$ w  r& {# {& g: |7 p& }" Z6 r: q3 ?6 R( W2 |, f4 S3 O
7. 得到如下路径,然后使用蒙板得到我们需要的内框屏幕,选择蓝色内框屏幕,复制,选择刚才得到的白色渐变路径,反键-编辑-粘贴为蒙板,得到如下效果
) P# c1 S5 O/ E) m0 J' B- p: J2 r* g: f0 p/ h
# G. Y! E+ E3 a' J7 y" I7 ?* {1 X
; W, t' y+ |6 ^& ]# t
8. 绘制两条斜线,制作屏幕下方立体效果
% z& T. B8 N5 Q' X/ G% ?% z/ v0 o" N, s

6 V# X/ Q4 G% d' u6 u' F$ z9 S) u5 |
  V3 [" r2 q: \5 v  l9. 使用上述高光绘制方式制作屏幕下方高光效果
8 @: P. ^% s/ S  U9 S" K& n, S/ S
$ W* k6 c& @$ @  D" h" Q( ?9 X5 m* |: y: u" ~

8 X3 x7 q9 {% H! ^7 d10. 使用放射性渐变绘制显示器开关按钮。并复制一个浅灰色的圆形放在按钮下,产生立体效果+ R! o0 K8 w+ K6 [3 M" e* Q

+ \+ f4 H# z" P4 `5 C+ D  k  o' o7 [7 V" r" w, y: \0 b
! k. B9 h/ h& z0 B, h6 i" Z. h
11. 利用矩形工具绘制底座支撑轴。并使用线性渐变填充
' Y1 _  X9 k: c$ H8 y" E! t8 D, @8 P5 L5 n) \) a
) C- Y& s/ L* n/ _6 c1 W5 C' [& A( Q

7 M# X9 y( s. y0 R12. 利用矩形工具绘制底座,使用钢笔工具增加节点并调整。使用放射性渐变填充
& ^! W; T4 W# e2 f- D1 }* _2 l/ v4 f  Q9 x
0 B5 H6 f: C  X1 P+ l# i

1 u$ M8 Q  J5 B4 L5 g13. 利用矩形工具绘制高3像素的矩形使用放射性渐变填充,绘制底座高光效果1 o/ `( `- j' |9 e

4 U) L6 ?9 r7 f7 r9 O$ F8 o' F' \% P

本版积分规则

精彩图文

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