[UI设计教程]怎么绘制按钮
按钮是各种软件的重要皮薹匆热控制部件,用户可以通过按钮进行大部分操作,因此按钮的设计是非常重要的,本篇经验将给大家带来按钮部件的基本设计方法。
![[UI设计教程]怎么绘制按钮](https://exp-picture.cdn.bcebos.com/58021a0148fe1e421e3e5465c2299a88381303e9.jpg)
工具/原料
Photoshop
绘制流程
1、按钮一般来说是一个矩形或圆形,当然有的软件为了表现其独有的个性也会设计异型的按钮,异型按钮在绘制形状时比较麻烦,但只要形状绘制完成,后面的操作就基本一样了。这里我们绘制一个基本的矩形按钮。
![[UI设计教程]怎么绘制按钮](https://exp-picture.cdn.bcebos.com/05e24be983aee8d7077fb35b6b781431deb666e9.jpg)
2、打开Photoshop新建一个文档,在工具栏中选择圆角矩形工具。
![[UI设计教程]怎么绘制按钮](https://exp-picture.cdn.bcebos.com/e3d059e833e039725356eb5eb5863048604356e9.jpg)
3、提前设置好圆角半径,再绘制出圆角矩形。
![[UI设计教程]怎么绘制按钮](https://exp-picture.cdn.bcebos.com/27725684cde34b2cd5bb2bcb0d0e7c75e4f443e9.jpg)
4、右键点击圆角矩形图层,选择“混合选项”,为圆角矩形添加“内阴影”(大小、参数根据自己需要进行调节)。
![[UI设计教程]怎么绘制按钮](https://exp-picture.cdn.bcebos.com/e09173e89a618625dbc69e5c3b04541bd00faae9.jpg)
![[UI设计教程]怎么绘制按钮](https://exp-picture.cdn.bcebos.com/994f412043715fdb8e75e98e468920c5270f8ce9.jpg)
5、选择“横排文字工具”,在圆角矩形上添加文字。
![[UI设计教程]怎么绘制按钮](https://exp-picture.cdn.bcebos.com/d400248ca608a50f53a9003810cec7f88b77ffe9.jpg)
6、右键点击文字图层对其“混合选项”进行修改,添加“内阴影”使文字看上去像是镂空的一样就算完成这个按钮的设计了。
![[UI设计教程]怎么绘制按钮](https://exp-picture.cdn.bcebos.com/890dfb4a2f27e7eff9533bb519dd3340b7f3f5e9.jpg)