|
在制作之前,首先要分析一下按钮的各部分组成及其形状,典型的按钮大致分为以下几部分: 按钮主体;5 S# D( ~; e* \ 按钮阴影部分; 光泽区; 光泽区的透明渐变;) J2 V/ \5 y! R9 @# | 高亮区; 文本字符及其阴影。, _; V3 ?9 A1 q ' p' ?1 k5 N. r3 J1 [! m 具体请看图1。 首先,我们要创建基本图形:按钮主体,高亮区,光泽区。1 `, J5 c% v6 C1 ~ 1.选择椭圆工具,按住CTRL键,绘制一个圆,作为按钮主体的基本形状,其大小取决于你要制作的按钮大小。 2. 将此圆再复制一个:向上拖动圆,到按钮外形上方合适位置时,按鼠标右键再放开(或者按小键盘上"+"键)6 C$ F+ X3 v' y X* m2 l. ` 3. 复制的圆作为按钮的光泽区,还需要进一步调节:先将圆转换成曲线,用形状工具将其塑形成图2形状,并移动到大圆内部适当位置。 ( T7 U& v* \9 C' V% ~ ' p# `* n9 m- ] H* n. q* ^. B$ t6 _![]() ( D. `! M ?0 A, @9 Q# | ( g8 d( i, ^8 Q$ u0 L! R7 c 4.现在创建高亮区域,并添加透视效果:在按钮外形的内部下方绘制一个椭圆,使其宽度略小于按钮,高度要小许多,具体如图3所示。 : Y3 y. r5 }' |0 p4 x' c* s$ X. K! a * g: s @" i3 A" Q, v8 E; P; ?& Q `8 }! i" d3 B 0 _2 X+ }& d# l+ M/ ^# A( ~ 9 k6 N1 V2 ^$ X& S $ a Z7 y0 Z3 f+ O 5. 选择椭圆,打开"Effects"菜单上的"Add Perspective"命令,按下Shift和Ctrl健,向外拖动椭圆上部的透视控制点,如图4所示。 ! j+ F( ~- S2 Z+ O ! w# x0 [+ B, H! v3 R% g 5 n$ |2 n- _$ m( `. Y1 X3 \) b6 q; {1 h. A6 F) z* v& E4 f+ N% M 6. 好,现在有了所需的基本外形了,首先,去掉各个基本图形的轮廓线,加上填充色。具体的颜色值设置如下:(在此例中采用HSB颜色模式) 按钮主体:(HSB:150,100,40),$ ? R( o! E4 h3 X3 o/ K% b 光泽区:(HSB:122,7,97)9 X$ M4 o4 y2 r q% z# S 高亮区(HSB:120,100,100) 结果如图5所示。 2 {1 M! }* G0 @" _0 k 2 {7 V8 W; a% F* c3 G$ H P9 t7.可以看出,按钮只是初步完成填色,还要进一步的精心修饰。我们先来给光泽区美化修饰:选择交互式调和工具,从高亮区中心拖动到按钮主体的中心,建立一个调和效果,其中调和的步长请自己尝试。如果按钮主体和高亮区的调和将光泽区遮挡住,请用"Shift+PgUp"命令将光泽区安排到最前面。结果如图6。5 S5 K& d5 `5 j6 h. n 6 e- W) E6 M3 i+ W3 J( O: n. d" R # \- ]! Z. M2 P8.选择交互式透明工具,按下Ctrl键,从光泽区顶部向下拖动,建立一个独特而又清晰的透明渐变效果,光泽区的透明渐变颜色设置是:+ x+ R, z3 k$ |3 c. Z" X ( ^8 y$ L8 _' `) X! \# C) w) ]- c0 L# g" x 起点:白色; 终点:黑色 结果如图7。 5 F0 L1 d( v7 t L ; H# M9 U9 \/ X* C& P% r! E / y: o* e! P4 u4 ?7 b 9.选择按钮主体,用交互式阴影工具加上柔和的阴影效果,按钮主体阴影颜色为:(HSB:120,100,100),在属性栏上适当调节阴影的不透明度和羽化程度,注意羽化程度数值不要太低。结果如图8所示。 ; N, l% `& X$ c. ~0 T0 ]2 G * b3 n0 i8 ~6 n- U1 O- W: v$ U. e6 ]. j F Z) m7 ?% S+ y/ d 同样,在按钮中间再加上文本或字符,并加上阴影效果,文本或阴影颜色:(HSB:180,100,20),结果如图9。 7 O4 X# W5 w+ h' X4 } 总体上再大致看一下,并对各个部分进行细微的调节。这样,漂亮的小水滴透明按钮就制作成功了。下面是制成的一些按钮例子,作为给大家的参考,如图10。 |
精华推荐
换一换
' p# `* n9 m- ] H* n. q* ^. B$ t6 _
* g: s @" i3 A" Q, v
5 n$ |2 n- _$ m( `. Y1 X3 \) b6 q
2 {7 V8 W; a% F* c3 G$ H P9 t
# \- ]! Z. M2 P
* b3 n0 i8 ~6 n- U1 O- W: v$ U


没人顶 我自己来