Photoshop巧用图层样式绘制精彩色的按钮图标

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S微博

关键词

uimaker.com/uimakerhtml/uistudy/">教程主要使用Photoshop巧用图层样式绘制精彩色的按钮图标,很多同学问这个按钮效果要怎么实现,今天P大点S微博手把手给同学们临摹了一遍,,重点依然是图层样式的运用,附上教程和源文件下载,想学的一起来试试。

教程源文件:MissYuan_教程源文件.rar

最终效果:

Photoshop巧用图层样式绘制精彩色的按钮图标

新建文档,这里我用的是1000X800像素,创建一个#3d3d42的纯色调整层,添加一个杂色。

Photoshop巧用图层样式绘制精彩色的按钮图标

这个调整层添加一个内阴影。

Photoshop巧用图层样式绘制精彩色的按钮图标

Photoshop巧用图层样式绘制精彩色的按钮图标

画一个黑色的正圆,将填充修改为24%,并添加一个图层样式,圆的大小我用的是500X500像素。

Photoshop巧用图层样式绘制精彩色的按钮图标

Photoshop巧用图层样式绘制精彩色的按钮图标

Photoshop巧用图层样式绘制精彩色的按钮图标

利用布尔运算中的减去,你很容易的画出下面这个黑色的圆环。

Photoshop巧用图层样式绘制精彩色的按钮图标

 收藏