PS设计教程网欢迎你!

Photoshop设计超酷的扁平化软件图标

文章来源于 优设,感谢作者 上清若铭 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2014-03-25
这个有爱的图标是在B站看视频时无意中看到了,觉得蛮不错的,而且也简单,一般学到基础的童鞋都可以做到,不过我这个教程为了照顾到新手,截图有点多,对其中一些工具不是很熟练的童鞋可以多动动手做做。

这个有爱的图标是在B站看视频时无意中看到了,觉得蛮不错的,而且也简单,一般学到基础的童鞋都可以做到,不过我这个教程为了照顾到新手,截图有点多,对其中一些工具不是很熟练的童鞋可以多动动手做做。

先看看效果图

Photoshop设计超酷的扁平化软件图标

下面是原图

第一步:新建图层,大小自己定,这个为了更好演示教程,我选择了500乘500,分辨率为72的画布大小。

Photoshop设计超酷的扁平化软件图标

第二步:为了更好的确认图形的大小比例正确。ctrl+r弄出标尺,然后在标尺工具的边缘右键选择百分比。这一步忘记截图,不过我相信对于大家来说也不是难题。然后用选择工具从标尺的边上点击拖拉出四条参考线。

Photoshop设计超酷的扁平化软件图标

第三步:选择圆角矩形工具,然后在上方的工具选项栏中选择形状模式,圆角半径为40像素。

Photoshop设计超酷的扁平化软件图标

第四步:点击画布拖拉出一个正方形的圆角矩型。

Photoshop设计超酷的扁平化软件图标

第五步:在缩略图中的右下角双击,选择一种你喜欢的颜色。

Photoshop设计超酷的扁平化软件图标

第六步:复制一层,这一步如果你不会,那我会很无语。

Photoshop设计超酷的扁平化软件图标

第七步:同样双击选择颜色。

Photoshop设计超酷的扁平化软件图标

第八步:点击选择工具,然后用键盘上的方向键向右方下方各移动四个像素,就是按各四次。

Photoshop设计超酷的扁平化软件图标

第九步:选择矩形工具。然后拖拉出一个正方形。

Photoshop设计超酷的扁平化软件图标

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa