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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:超盈

关键词

2.2 用钢笔工具勾画出形状,填充色为#63a2d8,命名为【海浪2】并为其添加图层样式。

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

2.3 用钢笔工具勾画出形状,填充色为#0d8ed0,命名为【海浪3】并为其添加图层样式。

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

2.4 钢笔工具勾画出形状,填充色为#0073b1,命名为【海浪4】并为其添加图层样式。

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

步骤03制作画笔

3.1 新建70*340px矩形,旋转45°,命名为【笔杆】并为其添加图层样式。

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

3.2 新建70*340px矩形,旋转45°,命名为【连接处】并为其添加图层样式。

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

3.3 新建70*150px椭圆,选择”减去顶层形状“后建立70*100px矩形,减去一部分椭圆,命名为【笔头】并为其添加图层样式。

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

3.4 最后将【笔头】、【连接处】、【笔杆】进行编组(快捷键Ctrl+G),命名为【画笔】。

步骤04制作投影

4.1 将【画笔】复制一层,合并图层,重命名为【画笔投影】,并删除图层样式。

4.2 填充色为#c3c7c7,调节不透明度为89%。

4.3 单击【底座】,右键【画笔投影】图层并选择【创建剪贴蒙版】。

4.4 最后将画笔、画笔投影、海浪、内圆、底座进行编组(快捷键Ctrl+G),命名为【画画图标】。

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

最终效果

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

 收藏