长方形按钮设计(1)

预览效果

本节通过两个小示例，介绍长方形按钮的制作过程，效果如图所示。

长方形按钮预览效果图

知识提要

◇ 交互式阴影工具、交互式调和工具

◇ 交互式透明工具、交互式立体化工具的应用

◇ 透视效果设置技巧

制作步骤

步骤1 新建一个空白文件

执行【文件】|【新建】命令，建立一个新的文件（或按键盘上的Ctrl+N快捷键）。

步骤2 绘制矩形

在工具箱中选择【矩形工具】，绘制矩形对象，并给矩形对象设置【圆角程度】参数为100，如图8-3-1所示。

文本框: 重点提示
HSB模式是颜色填充的一种常用的模式，其中H表示最基本的颜色，数值有效范围在0-360之间。
S表示饱和度，也就是颜色的浓度，数值的有效范围为0-100之间。
B表示颜色亮度，数值的有效范围在0到100之间，B=0表示黑色、B=100表示白色。

图8-3-1设置圆角参数

选择矩形对象，依次在工具箱中选择【单色填充工具】，设置填充参数如图8-3-2所示。

图8-3-2设置单色填充

按照上面参数设置，单击【确定】按钮，执行效果如图8-3-3所示。

图8-3-3设置矩形填充

再次利用【矩形工具】，在矩形对象中绘制矩形对象作为高亮区，依次设置【圆角程度】参数为“00，如图8-3-4所示。

文本框: 操作技巧
此处的矩形对象也可以将前面绘制的矩形对象用鼠标向里缩小，到合适的位置单击鼠标右键，复制矩形，也可以选择对象后，按下键盘中的“+”号，复制对象。

图8-3-4绘制矩形

将矩形对象填充的CMYK值设置为（40，0， 100，0），并给对象除去边框，设置效果如图8-3-5所示。

图8-3-5设置

步骤3设置晶莹透明效果

可以看出，按钮只是初步完成填色，还要进一步的精心修饰，选择较小的矩形对象，依次单击【交互式调和工具】，用鼠标拖向另一个较大的矩形对象上，设置【调和步长】为20、【调和方式】为“直线调和”，执行效果如图8-3-6所示。

图8-3-6设置调和效果

再次利用【矩形工具】，在图层上绘制一个矩形对象，设置其【圆角程度】参数为100，效果如图8-3-7所示。

文本框: 操作技巧
在调整的过程中如果按下Ctrl键，可以让节点在水平或垂直方向移动，按下Ctrl + shift键，可以将与它相邻的其中一个节点向相反的方向移动。
如果透视点或节点在移动的过程中重合，则网格框会被恢复至正方形状态，这一点希望读者注意。

图8-3-7绘制矩形

给矩形对象除去边框，并设置白色填充，依次执行【效果】|【添加透视点】命令，在图形上显示出网格控制点，如图8-3-8所示，通过拖动控制点，调整透视效果。

图8-3-8设置透视操作