Photoshop绘制立体风格的简洁按钮教程(3)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Royavs

关键词

8.3、ctrl+T复制出4个矩形图层,分别调整好位置如图

Photoshop绘制立体风格的简洁按钮教程

9、新建小椭圆位置如图。

Photoshop绘制立体风格的简洁按钮教程

9.1、双击图层调节图层样式:颜色叠加

Photoshop绘制立体风格的简洁按钮教程

9.2、效果如图

Photoshop绘制立体风格的简洁按钮教程

9.3、新建几个小椭圆位置如图。

Photoshop绘制立体风格的简洁按钮教程

10、选择大椭圆所对应的小圆图层调整图层样式。

Photoshop绘制立体风格的简洁按钮教程

Photoshop绘制立体风格的简洁按钮教程

10.1、效果图

Photoshop绘制立体风格的简洁按钮教程

11、打上文字然后调节图层样式。

Photoshop绘制立体风格的简洁按钮教程

Photoshop绘制立体风格的简洁按钮教程

最终效果

Photoshop绘制立体风格的简洁按钮教程

 收藏