Photoshop绘制立体风格的调节旋钮图标(2)

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

uimaker
UI设计师 / 江苏 南京

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

关键词

复制一层这个圆角矩形,移到下层,将图层填充修改为0,添加一个投影图层样式,我们来增加阴影的层次感。

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

载入圆角矩形的选区,在主体阴影下层新建一层,填充黑色,执行一个动感模糊,配合蒙版,我们做了一个长投影,更改图层混合模式为“正片叠底”,图层不透明度为33%。

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

接下来,我们来做那个中框,这里需要注意的是圆角矩形的圆度需要对齐一下,不然看上去很难看。将图层的填充修改为0,添加一个图层样式。

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

Photoshop绘制立体风格的调节旋钮图标

 收藏