ps設計格子APP軟件圖標

2022-12-26 14:30:18 來源/作者: / 己有:22人學習過

第11步:

下面我們來添加文字。

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

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

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

添加內陰影以模擬邊緣的高光。

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

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

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

第12步:

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

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

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

來吧,給它添加內發光!

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

還有內陰影

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

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

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

第13步:

好吧,苦逼的設計師,繼續調整。

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

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

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

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

第14步:

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

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