Fireworks制作按钮简明教程

[复制链接]
查看: 273|回复: 0
gggds 发表于 2009-12-27 03:12:19 | 显示全部楼层 |阅读模式
效果如图(PNG源文件,反键保存。)
7 x* O9 u1 g1 F) {6 D! d9 }7 ]3 r6 N; R1 h7 ?* h5 g5 }! z. H7 `
+ p% J5 f* h' \4 d* V9 Q

5 h, \& d4 |$ i: K* q3 Y1、选择矢量工具中的圆角矩形工具,绘制一个90px×40px的矩形; + k& {# U' P. K9 Q- _' e- J& i

9 M, P' C' B. f. k, A# M8 i$ H( v& v. K  S# _
/ \, [* J! a) t, ~: Z' {
2、使用椭圆形填充;
  D. \( ?9 C1 @0 s1 _- }7 d" B" H+ p1 _; e0 T' V2 K
2 b; h& p% m& q8 f3 q

. o" @# E* _, B3、给矩形添加外部投影效果,得到如下效果;
! o3 d1 Q7 E; ^. j9 ~- Y5 _; M% l% O$ ^2 s) _/ F% V

5 W5 h! c, n0 P) [! h6 g" \! w  m! t* v/ K) h' T) x- ~5 i
7 O  L+ ~1 j8 B( N) j' j

% [% x( e' K$ i5 O# S& I4、再绘制一个84px×22px的圆角矩形,用“扭曲”工具变形;
) v  u2 c) X7 x: r* K# [- l) B& H1 Z. r: I
# s0 i# s4 Y1 ?. K% X

) j& L( @5 q; s0 x) M, u
/ h! X  i# T. c+ _ : |( d6 G# ]/ E
5、使用椭圆形填充,透明度设为50,如下图所示;
( f1 x8 S3 j$ @0 x1 Y# t: `6 w* w! u& {) a- e

( s5 P9 N  O4 O: x( F  \' i1 T
1 l: s! a2 O! b+ F. k6、绘制一个90px×37px的白色圆角矩形,在复制一个设为蓝色放在白色矩形上方位置向下1px,选中两个矩形,修改->组合路径->打孔。并使用条状填充;
4 S" o/ m2 M$ @3 Z# N0 A# m9 S. ^/ Z$ U. S  {8 ?  J- D4 G

# ~' R; e* l4 |  T/ i
; x' T. A- @' p# n) d
% ]" ]9 t% X% D4 _) l2 A ; F+ b; R! z% \* C$ D
7、复制2里面的矩形,放到最上层,透明图设为30; 6 F) F$ P( K  ?) S

6 H" N; {+ D( _1 q
; R. E; E  p" i5 Q ! Q. ?! D$ @$ ]
7 u% M, d) @0 m6 s% k" x
3 {9 p1 A' h. P/ ^
8、添加文字,选择字体Abadi MT Condensed Light,16px大小加粗并添加外部投影,得到如下效果;
2 j: c" @6 A: z2 U
9 r& V6 S5 [/ |
* m4 a4 S. j& t4 W8 x. ?, `8 A; W; u: C% ^; i1 Q# Y. }! }( c: e7 [

) B7 w0 u3 K) f! j" k; x7 g# x" D
  S& x1 n' c1 Y( n, _) L' T5 i0 z  \. i

2 K# p- t3 X5 [; U7 F6 m9 `' ]9 w10、最终效果如下:
) K+ m2 q7 r0 d0 w$ O. n" M3 q
" K/ P* T4 x. ]5 k; N! j# e" T( h; _5 o( A
8 Y+ R( u. z1 ?( q+ m. @

本版积分规则

精彩图文

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