当前位置: 首页 > 设计教程 > 图标设计教程 > Photoshop绘制超酷的扁平化软件图标

Photoshop绘制超酷的扁平化软件图标

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

先看看效果图

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

下面是原图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Photoshop制作立体发光效果的台灯图标
Photoshop绘制立体质感盒子图标