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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Royavs

关键词

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

1、新建文件

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

2、选择背景颜色

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

3、alt+delete键填充前景色。

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

4、椭圆工具新建一个正圆(椭圆1图层)。

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

4.1、双击椭圆1图层调节图层样式——颜色叠加、描边,参数如图。

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

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

4.2、得到椭圆1的效果

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

5、再新建椭圆2,大小如图。

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

5.1、双击图层调节图层样式:颜色叠加、描边、投影。

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

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

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

6、得到效果,,再新建椭圆3.

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

 收藏