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】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：