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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:超盈

关键词

三、画图图标的制作

步骤01制作底座

1.1 将天气图标的底座、内圆复制一层(快捷键Ctrl+J)。

1.2 更改底座颜色。

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

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

1.3 更改内圆颜色。

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

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

步骤02制作画图板

2.1 新建340*355px,半径25px的圆角矩形,命名为【画板】并为其添加图层样式。

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

2.2 新建260*290px,半径25px的圆角矩形,命名为【纸】并为其添加图层样式。

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

2.3 新建2个170*15px、半径5px,1个85*15px、半径5px的圆角矩形。

选中所有圆角矩形并使用移动工具—“垂直居中对齐”、“垂直居中对齐”使其居中对齐。

选中3个圆角矩形,右键”图层合并形状“,命名为【横线】,并为其添加图层样式。

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

2.4 新建175*50px、半径10px的圆角矩形,选择“合并图层”后,建立120*75px、半径37px的圆角矩形,命名为【夹子】,并为其添加图层样式。

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

2.5 将【画板】、【纸】、【横线】、【夹子】进行编组(快捷键Ctrl+G),命名为【画图板】

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

 收藏