當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

ps設計格子APP軟件圖標(2)

來源:PS夢工場 作者:南辰翻譯 學習:14403人次

Ctrl+T將其拉寬壓扁,如下圖所示。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網(wǎng)

將圖層不透明度調(diào)整為10-30%,這里可以根據(jù)自己的感覺來調(diào)整。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網(wǎng)

第4步:

接下來我們創(chuàng)建icon主體。利用圓角矩形工具在畫布中心點擊,在彈出的對話框中設置數(shù)值如下:

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網(wǎng)

 

第5步:

在圓角矩形上方隨意繪制一個比其尺寸大一些的形狀,因為我們后面會將其轉換為剪貼蒙版,因此形狀可隨意繪制。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網(wǎng)

為創(chuàng)建的形狀添加角度漸變。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網(wǎng)

然后按住Alt鍵在角度漸變與圓角矩形中間點擊鼠標左鍵,將其轉換為剪貼蒙版。然后在圖層名稱上點擊右鍵,將其轉換為智能對象。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網(wǎng)

第6步:

利用馬賽克濾鏡(濾鏡>像素化>馬賽克)對其進行分塊處理。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網(wǎng)

第7步:

將執(zhí)行了馬賽克濾鏡的圖層Ctrl+J復制一層,同樣轉換為剪貼蒙版。然后點擊濾鏡>風格化>照亮邊緣。

Photoshop制作炫彩格子風格的APP軟件圖標,PS教程,16xx8.com教程網(wǎng)

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
夏天2017-07-22 04:29
我的作業(yè):試著做了
顧盼生花2017-05-27 02:44
給力
佐料配大米2017-05-27 02:44
給力
大鬧所有聰兒2017-05-27 02:44
給力
鑫1982017-05-27 02:44
給力
雪嵐兒如煙2017-05-27 02:44
給力
阿飛小蝴蝶2017-05-27 02:44
給力

關注大神微博加入>>

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