站长资讯网
最全最丰富的资讯网站

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

先看看效果图

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

在AI建1200px*800px画板

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

绘制一个400px*70px矩形

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

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

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

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

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

最后绘制出这样的图形

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

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

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

背景拉个渐变e7e3dc到f7f5f3

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

小圆拉个c2c0be到d6d6d6

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

按钮做描边渐变叠加投影的处理

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

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

描边

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

渐变叠加

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

投影

里面的样式

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

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

渐变叠加f28b00,e75300,db7500

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

内发光

里面的一圈a4a4a4到e8d7be

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

最外层的渐变d0d0d0到ffffff

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

方法都差不多 细节要处理好

最好完成图

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

 

赞(0)
分享到: 更多 (0)

网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号