ps cc設(shè)計扁平化內(nèi)褲UI圖標(biāo)(5)

來源:baidu 作者:上清若銘 學(xué)習(xí):4085人次

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

這個有愛的圖標(biāo)是在B站看視頻時無意中看到了,覺得蠻不錯的,而且也簡單,一般學(xué)到基礎(chǔ)的童鞋都可以做到,不過我這個教程為了照顧到新手,截圖有點(diǎn)多,對其中一些工具不是很熟練的童鞋可以多動動手做做。

漲姿勢:什么是胖次

萌娘百科:胖次即指內(nèi)褲,是一種高防御頭部裝備,是日文パンツ的音譯,來自英文pants(短褲,襯褲意味)。

據(jù)說日文里的パンツ是在第二次世界萌戰(zhàn)日本娘戰(zhàn)敗后,美國娘強(qiáng)行”接管”日本娘之后才傳入日本的,所以日本人就直接音譯pants這個詞成胖次了。

第一步:新建圖層,大小自己定,這個為了更好演示教程,我選擇了500乘500,分辨率為72的畫布大小。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二步:為了更好的確認(rèn)圖形的大小比例正確。ctrl+r弄出標(biāo)尺,然后在標(biāo)尺工具的邊緣右鍵選擇百分比。這一步忘記截圖,不過我相信對于大家來說也不是難題。然后用選擇工具從標(biāo)尺的邊上點(diǎn)擊拖拉出四條參考線。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第三步:選擇圓角矩形工具,然后在上方的工具選項欄中選擇形狀模式,圓角半徑為40像素。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第四步:點(diǎn)擊畫布拖拉出一個正方形的圓角矩型。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第五步:在縮略圖中的右下角雙擊,選擇一種你喜歡的顏色。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第六步:復(fù)制一層,這一步如果你不會,那我會很無語。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第七步:同樣雙擊選擇顏色。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第八步:點(diǎn)擊選擇工具,然后用鍵盤上的方向鍵向右方下方各移動四個像素,就是按各四次。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第九步:選擇矩形工具。然后拖拉出一個正方形。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第十步:同樣雙擊選擇顏色。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

選擇白色

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第十一步:點(diǎn)擊直接選擇工具,然后點(diǎn)擊白色正方形,在出現(xiàn)的路徑邊上右鍵,選擇添加錨點(diǎn)。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第十二步:以同樣的方法在旁邊加上錨點(diǎn)

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第十三步:單獨(dú)點(diǎn)擊下方錨點(diǎn)移動,不熟練的童鞋可以去百度查查。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第十四步:這一步我不知道怎么講了,主要是點(diǎn)擊之前添加的錨點(diǎn),然后把方向線的其中一端收回,防止那一端的方向產(chǎn)生變化。不明白方向線和方向點(diǎn)的童鞋同樣去百度一下吧

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第十五步:移動方向線的方向點(diǎn)至我所指的位置。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第十六步:用直接選擇工具拉出一個框選同時選擇上兩個錨點(diǎn)。向上移動

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第十七步:在上方再添加一個錨點(diǎn)。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

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

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第十九步:ctrl+T自由變換,調(diào)節(jié)大小和方向。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十步:創(chuàng)建一個圖層,為了胖次的條紋,哈哈。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十一步:用矩形工具拉出一個長方形。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十二步:添加錨點(diǎn),移動,形成波浪形。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十三步:復(fù)制一層,變換顏色。條紋嘛!

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十四步:就是復(fù)制復(fù)制再復(fù)制啦!

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十五步:然后合并圖層。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十六步:拖到原來的畫布上。位置適當(dāng)變換下

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十七步:右鍵創(chuàng)建剪切蒙版。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十八步:點(diǎn)擊矩形1圖層,右鍵混合選項

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第二十九步:在樣式中選擇描邊,大小為3像素,顏色為白色。位置外部最好。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第三十步:打字,用比較粗的字體比較好。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第三十一步:新建空白圖層,用多邊形套索工具繪制投影,然后填充黑色。這步就看感覺了,如果你有自己的方法就更好了。

這個可以借用神器的幫助,一鍵生成。骸冻澋拈L投影UI組件包免費(fèi)下載+PS動作生成器》

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第三十二步:調(diào)節(jié)不透明度。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

第三十三步:以同樣的方法繪制上方字體的投影。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

完成。

PS新手教程!教你創(chuàng)建一個扁平化胖次圖標(biāo)

 

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
User_AQLG58cAW2019-01-18 06:05
效果不是一般的好呀~不過好難的說。。
Adman2018-08-01 10:43
內(nèi)褲作業(yè)我的作業(yè):
Adman2018-08-01 10:43
Adman2018-08-01 10:42
交作業(yè)
eTafof_2018-05-26 12:10
浪費(fèi)時間
習(xí)近平2014-12-16 06:16
交作業(yè)了,謝謝樓主。
習(xí)近平2014-12-16 06:12
交作業(yè)了,謝謝樓主。
fire_hq2014-06-29 01:51
學(xué)習(xí)中 正需要
fire_hq2014-06-29 01:06
學(xué)習(xí)中 正需要
放縱的青春2014-03-26 12:39
什么鬼啊,完全看不懂?
放縱的青春2014-03-26 12:39
什么鬼啊,完全看不懂?
優(yōu)雅地苦笑2014-03-25 07:40
跟放驢屁一樣
優(yōu)雅地苦笑2014-03-25 07:40
跟放驢屁一樣
忒好發(fā)表言論2014-03-25 06:57
挺好 就是太麻煩啦
忒好發(fā)表言論2014-03-25 06:57
挺好 就是太麻煩啦

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!