Photoshop绘制立体风格的UI控件开关

2016-11-14 18:53:19来源:作者:人点击

第七城市

先看看效果图

Photoshop绘制立体风格的UI控件开关,PS教程,th7.cn

在AI建1200px*800px画板

Photoshop绘制立体风格的UI控件开关,PS教程,th7.cn

绘制一个400px*70px矩形

Photoshop绘制立体风格的UI控件开关,PS教程,th7.cn

边角设置35px ,好像只有cc版本可以直接设置圆角

Photoshop绘制立体风格的UI控件开关,PS教程,th7.cn

偏移一个矩形出来,在向里偏移3px的矩形(向里设置负数)

Photoshop绘制立体风格的UI控件开关,PS教程,th7.cn

最后绘制出这样的图形

Photoshop绘制立体风格的UI控件开关,PS教程,th7.cn

然后释放图层导出psd格式(不释放会都在一个图层)

Photoshop绘制立体风格的UI控件开关,PS教程,th7.cn

背景拉个渐变e7e3dc到f7f5f3

Photoshop绘制立体风格的UI控件开关,PS教程,th7.cn

小圆拉个c2c0be到d6d6d6

Photoshop绘制立体风格的UI控件开关,PS教程,th7.cn

第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台