|
效果如图(PNG源文件,反键保存。), @5 f1 a7 ?1 f: e
- G `+ K) b3 G/ M( K0 y* d- [
5 g, `2 s3 c* \( Q( I ]
+ k$ h) N+ d. I1、选择矢量工具中的圆角矩形工具,绘制一个90px×40px的矩形; 5 J) L' W4 k# W/ d8 Y
6 L* V3 ]) q% I& [& F$ v! p h
3 l; h3 H6 r7 K
. f. Q& c7 F: V. G3 H1 R9 Z, r1 s6 _0 Z6 }2、使用椭圆形填充;
4 [) W2 n$ |: Y+ V) K9 x8 |1 Q! i9 t6 ?& k! j7 a

% `5 k) t9 {/ }9 ~
7 @6 u+ [2 `7 ]8 m6 t3、给矩形添加外部投影效果,得到如下效果;
+ n: Y( v! q a5 r- _# z5 b
& a! Z9 _$ O2 R8 L1 u- {$ l/ p. c& s* W+ u% @& ]7 z. [
) J; X- Y. S' t: q. `- s8 y' J
9 }( ?7 b7 |( p6 H1 s0 Y4 `: ^7 ~2 S8 z
. t: o% X: }& P( P( n4、再绘制一个84px×22px的圆角矩形,用“扭曲”工具变形;
9 q; g: O ?. p! a8 J0 w& _6 f+ `# p( S" J8 A& R' K4 \' _
1 `: S0 N- j: I- X; m
6 e e4 p" i* g) Q+ u+ b1 Z* e 2 X/ G B4 _; q6 j, R
5 V2 b: V" y/ d G4 q5、使用椭圆形填充,透明度设为50,如下图所示;
' E0 F8 _8 K' W& k3 ~* O& C v, i# i* j5 k8 V4 ?# f/ P J. k
9 X, y4 h+ ~7 {, K* H D
9 w! k' k6 y, h F+ s6、绘制一个90px×37px的白色圆角矩形,在复制一个设为蓝色放在白色矩形上方位置向下1px,选中两个矩形,修改->组合路径->打孔。并使用条状填充; 6 V% J0 s* \: ^: N
7 H/ P4 W' ^" N: Z0 a% y8 ]0 x I0 y) I" T) \
$ I; Y( f( c* [ o0 }- Z
3 M; a! n' P% u' a, Z
) O0 E3 x( S8 Z8 ]' ]' c0 a
7、复制2里面的矩形,放到最上层,透明图设为30;
; f3 W% r8 h' K* i% v1 z, { A- N p& X, m1 x" `2 }

! _8 ?# ]2 \' z4 ?/ H# Y B1 K7 \, g8 v
6 J2 M4 T. w8 D# x& c2 [$ @! j
# l, w; N0 s# M7 H- u/ V4 R" |0 L$ S8、添加文字,选择字体Abadi MT Condensed Light,16px大小加粗并添加外部投影,得到如下效果; 9 z) D \; P' q( Z7 W* ^
! ^, |, F1 R" Y$ t$ A/ G
3 I- F" T8 E: j3 O) B2 [- d) L
' \0 F: v5 q1 r( }& \1 i7 A" X
3 J, H) }- U- T7 G8 q6 r
% ~: ]9 h9 l- k) u: T
4 t) W0 ~, K6 a3 a4 i4 ~8 ` p1 E2 N: k: [0 Z# r! X! C
10、最终效果如下:
3 X7 d7 j" g( l2 r! c
$ y( d5 p: r: {/ Y t4 M6 I
# ~8 t, W# M) ~6 i. E- r1 O( ?* _( V4 @2 j/ E. R, K
 |
|