Photoshop设计蓝色通透的游戏开始按钮效果

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:DearSalt

按钮制作不难,首先确立具体形状,,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟DearSalt一起学习这篇按钮uimaker.com/uimakerhtml/uistudy/">教程吧。

Photoshop设计蓝色通透的游戏开始按钮效果

一、分析图层

在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有四部分组成,“底层”是用一个图层完成的,并不是多个图层叠加,其它三个图层相对简单,接下来我们分层制作

Photoshop设计蓝色通透的游戏开始按钮效果

二、制作背景

新建600px*600px,72分辨率的RGB画布,然后在使用渐变工具(G)做一个径向渐变图层,颜色数值如下,之后在其上方填充一个纹理图层,并适当降低不透明度以增加背景的质感

Photoshop设计蓝色通透的游戏开始按钮效果

三、制作按钮“底层”

新建图层,命名为“底层”,使用圆角矩形工具在画布上绘制一个圆角矩形,圆角的半径大家可以多多尝试以达到自己想要的效果,如果是CC版本的话就非常方便了,因为可以在实时形状属性中调整,然后双击打开图层样式进行如下设置(数值仅供参考)

Photoshop设计蓝色通透的游戏开始按钮效果

Photoshop设计蓝色通透的游戏开始按钮效果

Photoshop设计蓝色通透的游戏开始按钮效果

Photoshop设计蓝色通透的游戏开始按钮效果

Photoshop设计蓝色通透的游戏开始按钮效果

Photoshop设计蓝色通透的游戏开始按钮效果

Photoshop设计蓝色通透的游戏开始按钮效果

 收藏