|
效果如图(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. @
|
|