Fireworks制作按钮简明教程

[复制链接]
查看: 281|回复: 0
gggds 发表于 2009-12-27 03:12:19 | 显示全部楼层 |阅读模式
效果如图(PNG源文件,反键保存。)1 Z% U$ q  g" m3 Z# ^' o

+ Y5 Q  M6 d4 V8 p& B" o& l6 K& ?# H4 N. h! o. d6 G

) N. b1 K. Z. ~  V3 C# \. Z1、选择矢量工具中的圆角矩形工具,绘制一个90px×40px的矩形; : h4 I) v% c  p7 F
% {4 s. K7 S0 P5 x3 Z' v

) q% z& J* b; P
4 J* c* |/ N: E7 B5 Z$ O' T3 B2、使用椭圆形填充;
' L6 [* [% g. I( o/ Q) g, G! O% X7 f: }: X) l; Z

* J- g- {7 N, B* U# _1 ]# v
5 H% Q  o& ~1 M9 s4 h) Z3、给矩形添加外部投影效果,得到如下效果;
. n- ^) |! J5 a7 t% Q
; w8 Y! H5 H& A& [9 d* w  ]  b+ R9 x- B/ S( Z0 M, _
( u9 Q+ W- j9 P

$ R4 B: a2 V; L' ^
' e0 z3 c9 m5 R6 ^( n: h( `4、再绘制一个84px×22px的圆角矩形,用“扭曲”工具变形;
9 v* g: G' T# f& h! M3 N0 K3 r

, F/ T/ Q( h, c1 R3 M' O2 P3 @' N' S3 `  B- O+ o

- i& w- M( j5 H0 W; c# r$ f " {) D/ X" }- ^* N5 g+ Y3 h( [- g
5、使用椭圆形填充,透明度设为50,如下图所示;
- ~. ^$ h8 o  J4 o) T: f+ n$ I
$ m  d/ A+ U# x8 Y' B) a, H
& d. O3 ?  _; ~1 E 5 R' g* |% Q) ?/ G
6、绘制一个90px×37px的白色圆角矩形,在复制一个设为蓝色放在白色矩形上方位置向下1px,选中两个矩形,修改->组合路径->打孔。并使用条状填充; + n" g+ C8 ~1 o+ \
: ^& k: v2 s, @5 p
6 V1 o7 W" y8 u: j, H- U! V
7 \7 z4 ~1 L, X$ E

0 Y# E5 [: t. z, B  j
% a( |' V+ K+ `4 V4 A/ w7、复制2里面的矩形,放到最上层,透明图设为30;
6 [6 u' z  D: @  v; @6 F$ g; M$ d/ z4 L
; ^1 n1 o3 J; @0 T6 Q

+ o- u# t: V' {: ?: }' J+ K- `8 v, D, m5 J0 k- }

2 n% ]7 u; ^# Y# \% I2 q8、添加文字,选择字体Abadi MT Condensed Light,16px大小加粗并添加外部投影,得到如下效果;
) x0 y; T' b8 u. i- q+ W( q! a5 Q& s) L2 B, f( L

, {* [, ?8 j* ^( j
' K/ l! \3 p  [4 j2 H+ y: i3 u. [8 l- P1 \8 L. \

4 d: |& ~  q+ u  U) _! k& e7 u+ {! ~3 _3 Z3 _- @4 q: y& v- V
' {& O- |  ?1 [9 k
10、最终效果如下: / y( E! X% b' r+ t6 ?" p: Q; P& p8 n
! \6 ?) l+ \/ M
( q( Y0 I+ G" e  o) e

# r# x! f5 s6 R. r/ A  A

本版积分规则

精彩图文

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