首页理论教育在线咨询按钮设计-核心方法

在线咨询按钮设计-核心方法

2023-10-21 理论教育版权反馈

【摘要】：图7-1 在线咨询按钮2.制作步骤画第一个圆角矩形A先用“矩形工具”画一个矩形；然后选择“形状工具”，按住键，将矩形的点进行移动，并选择属性栏中的线型为0.706mm，圆角矩形A的属性参数设置及效果如图7-2所示。图7-11 五星参数设置及效果添加文字利用“文本工具”添加文字“在线咨询”，并设置颜色为白色，字体大小为36，如图7-1所示，完成设计。

1.设计效果

在线咨询按钮设计效果，如图7-1所示。

图7-1 在线咨询按钮

2.制作步骤

（1）画第一个圆角矩形A

先用“矩形工具”画一个矩形；然后选择“形状工具”，按住<Shift>键，将矩形的点进行移动，并选择属性栏中的线型为0.706mm，圆角矩形A的属性参数设置及效果如图7-2所示。

图7-2 圆角矩形A参数设置及效果

（2）画第二个圆角矩形B

选用“挑选工具”，按住<Shift>键，移动图形的短边；然后不要松开左键，同时单击右键，再松开右键，最后再松开左键。这样就会复制出一个矩形B，并通过“挑选工具”和“形状工具”做进一步调整，把矩形B放在圆角矩形A的内部，并设置圆角矩形B边线为细线，圆角矩形B的属性参数设置及效果如图7-3所示。

图7-3 圆角矩形B参数设置及效果

（3）圆角矩形B渐变填充

选用“填充工具”的“渐变填充方式”对话框，参数设置如图7-4所示。

图7-4 “渐变填充方式”对话框

设置渐变填充的颜色为浅绿色，数值为C=60、M=0、Y=40、K=20和蓝绿色，数值为C=100、M=0、Y=0、K=0，效果如图7-5所示。

图7-5 渐变填充效果

（4）画第三个圆角矩形C

第三个圆角矩形C作为整体按钮的高光部分修饰按钮。选用“矩形工具”，采用画第一个矩形的方法，在上方画一个相似的圆角小矩形C，并去掉边线，如图7-6所示。

(www.chuimin.cn)

图7-6 添加高光修饰按钮效果

（5）填充背景色

为外边的圆角矩形填充背景色，灰度为30%，如图7-7和图7-8所示。

图7-7 填充30%灰度背景参数设置

图7-8 按钮填充背景效果

（6）添加一个圆环

参照步骤（1）、（2），在图的左下方画一个圆环，并按<Ctrl+L>组合键，将圆环进行结合，属性参数设置及效果如图7-9所示。

图7-9 圆环结合参数设置及效果

（7）圆环填充颜色

将圆环填充为白色，效果如图7-10所示。

图7-10 圆环背景填充效果

（8）添加一个五星

选择“图纸工具”中的“多边形工具”，设置属性参数，选择“形状工具”后，进行终点调节，属性参数设置及效果如图7-11所示。

图7-11 五星参数设置及效果

（9）添加文字

利用“文本工具”添加文字“在线咨询”，并设置颜色为白色，字体大小为36，如图7-1所示，完成设计。