PS新手教程！教你创建一个扁平化胖次图标

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

涨姿势：什么是胖次

萌娘百科：胖次即指内裤，是一种高防御头部装备，是日文パンツ的音译，来自英文pants(短裤，衬裤意味)。

据说日文里的パンツ是在第二次世界萌战日本娘战败后，美国娘强行"接管"日本娘之后才传入日本的，所以日本人就直接音译pants这个词成胖次了。

扁平化教程推荐：
《手把手教！用PS设计一枚IOS 7风格日记图标》
《PS新手教程：轻松掌握四种扁平化设计风格》

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

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

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

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

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

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

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

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

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

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

选择白色

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

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

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

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

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

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

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

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

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

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

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

第二十二步：添加锚点，移动，形成波浪形。

第二十三步：复制一层，变换颜色。条纹嘛！

第二十四步：就是复制复制再复制啦！

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

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

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

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

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

第三十步：打字，用比较粗的字体比较好。

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

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

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

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

完成。

原文地址：tieba.baidu
投稿者：@上清若铭

【优设网 原创文章 投稿邮箱：2650232288@qq.com】
 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量65万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：