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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Ethan01

关键词

三、端口

1:绘制一个80x30px的圆角矩形命名为“端口”,圆角半径分别是:0,0,20,20,颜色填充:#1b1b1b。将其与金属部分顶边居中对齐。

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

2:为它添加一个内阴影

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

3:绘制一个白色的椭圆命名为“白光”,羽化值设置为7,剪切到“端口”图层。

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

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

四、垫脚

1:创建一个20x20px的圆角矩形,圆角半径分别是:6,6,,2,2 ,然后用直接选择工具去选择左上,右上的锚点更改它们的位置。

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

2:为它添加内阴影,然后复制一份水平翻转放到对称的位置。

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

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

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

五、文字

1:用文本工具打出“Bbox”,颜色为#8b8b8b;

2:给文字添加内阴影。

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

完成后效果:

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

 收藏