在制作之前,首先要分析一下按钮的各部分组成及其形状,典型的按钮大致分为以下几部分:
按钮主体;
按钮阴影部分;
光泽区;
光泽区的透明渐变;
高亮区;
文本字符及其阴影。
具体请看图1。
首先,我们要创建基本图形:按钮主体,高亮区,光泽区。
1.选择椭圆工具,按住CTRL键,绘制一个圆,作为按钮主体的基本形状,其大小取决于你要制作的按钮大小。
2. 将此圆再复制一个:向上拖动圆,到按钮外形上方合适位置时,按鼠标右键再放开(或者按小键盘上"+"键)
3. 复制的圆作为按钮的光泽区,还需要进一步调节:先将圆转换成曲线,用形状工具将其塑形成图2形状,并移动到大圆内部适当位置。
4.现在创建高亮区域,并添加透视效果:在按钮外形的内部下方绘制一个椭圆,使其宽度略小于按钮,高度要小许多,具体如图3所示。
5. 选择椭圆,打开"Effects"菜单上的"Add Perspective"命令,按下Shift和Ctrl健,向外拖动椭圆上部的透视控制点,如图4所示。
6. 好,现在有了所需的基本外形了,首先,去掉各个基本图形的轮廓线,加上填充色。具体的颜色值设置如下:(在此例中采用HSB颜色模式)
按钮主体:(HSB:150,100,40),
光泽区:(HSB:122,7,97)
高亮区(HSB:120,100,100)
结果如图5所示。
7.可以看出,按钮只是初步完成填色,还要进一步的精心修饰。我们先来给光泽区美化修饰:选择交互式调和工具,从高亮区中心拖动到按钮主体的中心,建立一个调和效果,其中调和的步长请自己尝试。如果按钮主体和高亮区的调和将光泽区遮挡住,请用"Shift+PgUp"命令将光泽区安排到最前面。结果如图6。
8.选择交互式透明工具,按下Ctrl键,从光泽区顶部向下拖动,建立一个独特而又清晰的透明渐变效果,光泽区的透明渐变颜色设置是: