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

颜小寕

颜小寕

2016-02-15 23:48

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Photoshop设计超酷的扁平化软件图标,希望大家看完后能赶快学习起来。

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

先看看效果图

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

下面是原图

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

选择白色

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第十一步:点击直接选择工具,然后点击白色正方形,在出现的路径边上右键,选择添加锚点。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第十二步:以同样的方法在旁边加上锚点

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第十三步:单独点击下方锚点移动,不熟练的童鞋可以去百度查查。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第十四步:这一步我不知道怎么讲了,主要是点击之前添加的锚点,然后把方向线的其中一端收回,防止那一端的方向产生变化。不明白方向线和方向点的童鞋同样去百度一下吧

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第十五步:移动方向线的方向点至我所指的位置。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第十六步:用直接选择工具拉出一个框选同时选择上两个锚点。向上移动

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第十七步:在上方再添加一个锚点。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第十八步:向上移动一些少,看起来不那么生硬。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第十九步:ctrl+T自由变换,调节大小和方向。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第二十步:创建一个图层,为了胖次的条纹,哈哈。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第二十一步:用矩形工具拉出一个长方形。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

第二十二步:添加锚点,移动,形成波浪形。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第二十三步:复制一层,变换颜色。条纹嘛!

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第二十四步:就是复制复制再复制

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第二十五步:然后合并图层。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第二十六步:拖到原来的画布上。位置适当变换下

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第二十七步:右键创建剪切蒙版。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第二十八步:点击矩形1图层,右键混合选项

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第二十九步:在样式中选择描边,大小为3像素,颜色为白色。位置外部最好。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第三十步:打字,用比较粗的字体比较好。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第三十一步:新建空白图层,用多边形套索工具绘制投影,然后填充黑色。这步就看感觉了,如果你有自己的方法就更好了。

这个可以借用神器的帮助,一键生成唷:《超赞的长投影UI组件包免费下载+PS动作生成器》

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

第三十二步:调节不透明度。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

第三十三步:以同样的方法绘制上方字体的投影。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

完成。

Photoshop设计超酷的扁平化软件图标,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop设计扁平化风格的铅笔软件图标

PS PS基础
Photoshop设计扁平化风格的铅笔软件图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计扁平化播放图标

设计
Photoshop设计扁平化播放图标

Photoshop绘制扁平化风格软件图标教程

PS PS基础
Photoshop绘制扁平化风格软件图标教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计扁平化风格的雷达图标

PS PS基础
Photoshop设计扁平化风格的雷达图标

Photoshop设计扁平化风格的火箭图标

PS PS基础
Photoshop设计扁平化风格的火箭图标

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop简单几步将蓝色衣服变成紫红色

Photoshop简单几步将蓝色衣服变成紫红色

Photoshop影楼情侣照片自然甜美肤色效果

Photoshop影楼情侣照片自然甜美肤色效果
下拉加载更多内容 ↓