Photoshop绘制立体感十足的手机图标

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:超盈

关键词

Photoshop绘制立体感十足的手机图标

终稿

Photoshop绘制立体感十足的手机图标

教程步骤

一、天气图标的制作

步骤01制作底座

1.1 新建735*735px的圆角矩形,圆角半径为300px,命名为【底座】。并为其添加图层样式。

Photoshop绘制立体感十足的手机图标

Photoshop绘制立体感十足的手机图标

Photoshop绘制立体感十足的手机图标

1.2 新建570*570px的圆,命名为【内圆】并为其添加图层样式。

Photoshop绘制立体感十足的手机图标

Photoshop绘制立体感十足的手机图标

Photoshop绘制立体感十足的手机图标

1.3 选中【底座】、【内圆】并使用移动工具—“垂直居中对齐”、“水平居中对齐”使两者居中对齐。

Photoshop绘制立体感十足的手机图标

步骤 02 制作山丘

2.1 新建675*675px的圆,命名为【山丘-1】并为其添加图层样式。

Photoshop绘制立体感十足的手机图标

2.2 单击【内圆】,右键【山丘-1】图层并选择【创建剪贴蒙版】。

Photoshop绘制立体感十足的手机图标

2.3 新建675*675px的圆,命名为【山丘-2】,并为其添加图层样式。

Photoshop绘制立体感十足的手机图标

 收藏