[UI设计教程]怎么绘制按钮

时间:2024-10-19 14:42:16

按钮是各种软件的重要皮薹匆热控制部件,用户可以通过按钮进行大部分操作,因此按钮的设计是非常重要的,本篇经验将给大家带来按钮部件的基本设计方法。

[UI设计教程]怎么绘制按钮

工具/原料

Photoshop

绘制流程

1、按钮一般来说是一个矩形或圆形,当然有的软件为了表现其独有的个性也会设计异型的按钮,异型按钮在绘制形状时比较麻烦,但只要形状绘制完成,后面的操作就基本一样了。这里我们绘制一个基本的矩形按钮。

[UI设计教程]怎么绘制按钮

2、打开Photoshop新建一个文档,在工具栏中选择圆角矩形工具。

[UI设计教程]怎么绘制按钮

3、提前设置好圆角半径,再绘制出圆角矩形。

[UI设计教程]怎么绘制按钮

4、右键点击圆角矩形图层,选择“混合选项”,为圆角矩形添加“内阴影”(大小、参数根据自己需要进行调节)。

[UI设计教程]怎么绘制按钮
[UI设计教程]怎么绘制按钮

5、选择“横排文字工具”,在圆角矩形上添加文字。

[UI设计教程]怎么绘制按钮

6、右键点击文字图层对其“混合选项”进行修改,添加“内阴影”使文字看上去像是镂空的一样就算完成这个按钮的设计了。

[UI设计教程]怎么绘制按钮
© 手抄报圈