ps設(shè)計(jì)一個(gè)真實(shí)的App圖標(biāo)教程

2022-12-26 13:55:21 來(lái)源/作者: / 己有:19人學(xué)習(xí)過(guò)

03 對(duì)于圖標(biāo)的顏色選擇是非常重要的。為了能體現(xiàn)質(zhì)感,我選擇深棕色取代原本的黑色,旋鈕也改成了淺棕色。

Photoshop設(shè)計(jì)一個(gè)真實(shí)的App圖標(biāo)教程,PS教程,

04 通過(guò)圖層樣式選項(xiàng),我們能增加一些有趣的效果。為了體現(xiàn)膠片的質(zhì)感,我選擇了漸變疊加,混合模式為線性減淡,樣式為徑向,然后選擇漸變類型為雜色來(lái)體現(xiàn)出紋路的效果。復(fù)制該圖層,將漸變樣式改成實(shí)底,來(lái)創(chuàng)建反光效果。

Photoshop設(shè)計(jì)一個(gè)真實(shí)的App圖標(biāo)教程,PS教程,

05 現(xiàn)在創(chuàng)建一些區(qū)域來(lái)做投影,你可以將它的混合模式選擇為線性減淡或者顏色減淡。這將會(huì)制作出真實(shí)的明暗關(guān)系。對(duì)于磁頭和旋鈕可以加入投影樣式來(lái)作為物體的反光。

Photoshop設(shè)計(jì)一個(gè)真實(shí)的App圖標(biāo)教程,PS教程,

06 為了獲得更真實(shí)的投影效果,如圖防止一個(gè)灰色的方形,添加外發(fā)光然后將混合模式設(shè)置為線性減淡。我使用50%的灰度然后設(shè)置圖層透明度來(lái)獲得投影效果。

Photoshop設(shè)計(jì)一個(gè)真實(shí)的App圖標(biāo)教程,PS教程,

07 紋理對(duì)于表現(xiàn)真實(shí)效果是非常重要的,你能自己拍攝或是上網(wǎng)那個(gè)搜集素材。這里,我使用了一張木質(zhì)的紋理。我調(diào)了一下色階和色相,然后創(chuàng)建了一個(gè)遮蔽蒙版,將混合模式設(shè)置為疊加。

Photoshop設(shè)計(jì)一個(gè)真實(shí)的App圖標(biāo)教程,PS教程,

08 當(dāng)你對(duì)所有的圖層樣式設(shè)置滿意后,復(fù)制文件夾。在這里,你可以圖層>圖層樣式>新建圖層來(lái)幫助你通過(guò)蒙版來(lái)控制它們。

Photoshop設(shè)計(jì)一個(gè)真實(shí)的App圖標(biāo)教程,PS教程,

09 你現(xiàn)在能復(fù)制或刪除一些圖層樣式來(lái)得到你想要的效果。有些部分太亮或太暗,所以我就選擇圖層然后使用筆刷在遮蔽蒙版上修改。

10 新建一個(gè)圖層,將它放在最上方,并且加上內(nèi)發(fā)光和光澤。在光澤中我使用了相同的疊加顏色,使整個(gè)圖標(biāo)更加統(tǒng)一。這樣你就完成了一個(gè)仿真的app圖標(biāo)效果