ps設(shè)計格子APP軟件圖標(4)

來源:PS夢工場 作者:南辰翻譯 學(xué)習(xí):14403人次

第11步:

下面我們來添加文字。

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

然后為文字添加漸變。這里我就不給出具體數(shù)值了,你可以根據(jù)自己的感覺來。當然你也可以使用其他色系的顏色。

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

添加內(nèi)陰影以模擬邊緣的高光。

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

當然了,要表現(xiàn)立體感,陰影還是不能缺少的。

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

第12步:

做到這里,總覺得icon平平淡淡,缺少點感覺。好吧,使出我們的殺手锏,添加發(fā)光!你立刻就會感受的奇跡的發(fā)生了。

把第4步創(chuàng)建的圓角矩形圖層按住Alt鍵向上拖動復(fù)制一份,把填充調(diào)為0,這樣我們就可以不受這個圖層本身顏色的控制了,而可以對圖層樣式進行為所欲為的調(diào)整,嘿嘿。

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

來吧,給它添加內(nèi)發(fā)光!

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

還有內(nèi)陰影

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

來看看效果,怎樣樣?是不是好看了很多。

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

第13步:

好吧,苦逼的設(shè)計師,繼續(xù)調(diào)整。

雙擊圖層,打開圖層樣式面板。在混合選項中,將“圖層蒙版隱藏效果”勾選上。

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

然后為圖層添加蒙版,用黑色畫筆將細節(jié)擦出來。

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

第14步:

最后添加上倒影,完成效果圖。

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

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(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
給力

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

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