Photoshop绘制立体风格的Bbox寄存器图标

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Ethan01

关键词

Photoshop绘制立体风格的Bbox寄存器图标

首先把它分为五个部分来制作:1、主体;2、金属部分;3、端口;4、垫脚;5、文字。

Photoshop绘制立体风格的Bbox寄存器图标

一、主体绘制

1:建一个800x800px的画布,背景色为#f9f9f9。

2:绘制一个400x400px圆角半径为70px的圆角矩形,命名为“主体”,将填充色设置为#f4f4f4,描边宽度为2px,颜色为#BBBBBB。

Photoshop绘制立体风格的Bbox寄存器图标

3:给主体图层添加内发光,然后在左右以及上部添加高光。(用钢笔绘制出白色形状,在属性里将羽化值改为7,再添加图层蒙板,用柔边圆画笔选择黑色涂抹边缘,使其更缓和。)降低上部高光的不透明度到60%。

Photoshop绘制立体风格的Bbox寄存器图标

Photoshop绘制立体风格的Bbox寄存器图标

Photoshop绘制立体风格的Bbox寄存器图标

至此主体部分就先告一段落,接下来我们绘制金属部分。

 收藏