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

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

將其圖層混合模式設(shè)置為線性減淡(添加),圖層不透明度設(shè)置為30%。此時每個格子間都被細(xì)線分割開了。

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

第8步:

將上一步創(chuàng)建的圖層Ctrl+J再次進(jìn)行復(fù)制。將圖層混合模式設(shè)置為減去,圖層不透明度設(shè)置為20%。

選擇移動工具,利用鍵盤上的方向鍵將其位置向下方與右方分別移動1像素。這樣格子的間隔部分便形成了凹槽的效果。

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

第9步:

利用橢圓工具在icon中心繪制出一個正圓形。

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

然后為其添加角度漸變。

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

繼續(xù)添加內(nèi)陰影

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

為了表現(xiàn)立體感還要為其添加投影

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

我們來看一下此時的圓形樣式

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

 

第10步:

利用橢圓工具在icon中心再次創(chuàng)建一個較小的正圓形。

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

為其添加顏色疊加樣式。此處顏色選擇接近黑色的深灰色。

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

繼續(xù)添加內(nèi)發(fā)光。與第2步相同,我們這里利用內(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)

再來個內(nèi)部描邊以使其輪廓更加明顯。

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

來看看我們處理后的結(jié)果。

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