ps設(shè)計(jì)格子APP軟件圖標(biāo)

2022-12-26 14:30:18 來(lái)源/作者: / 己有:22人學(xué)習(xí)過(guò)

第11步:

下面我們來(lái)添加文字。

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

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

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

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

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

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

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

第12步:

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

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

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

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

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

還有內(nèi)陰影

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

來(lái)看看效果,怎樣樣?是不是好看了很多。

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

第13步:

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

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

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

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

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

第14步:

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

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