ps設(shè)計(jì)一個(gè)真實(shí)的App圖標(biāo)教程(3)
在教程中,我將解釋,通過(guò)發(fā)光和投影來(lái)制作真實(shí)的效果,也就是一個(gè)留聲機(jī)的app圖標(biāo)。使用PS強(qiáng)大的圖層樣式,我將告訴你怎樣在短時(shí)間內(nèi)完成這強(qiáng)大的效果。
先看看效果圖
我們也將使用一種方式來(lái)快速改變紋理的顏色,并且我將分享在打造真實(shí)效果過(guò)程中的一些經(jīng)驗(yàn)。
01 首先畫(huà)出標(biāo)志的草圖,我先畫(huà)出大體的新裝,然后再上面添加一些細(xì)節(jié)元素,例如磁口和旋鈕。我想讓草圖看起來(lái)有點(diǎn)三維效果,但又不使用透視。于是我增加了圓角來(lái)讓圖標(biāo)看起來(lái)像是個(gè)打開(kāi)的箱子。
02 將您的早禿掃描進(jìn)PS。選擇漸變工具將您的背景填充成黑灰的漸變。下一步,使用圓角矩形工具繪制512px*512px的方形,將圓角設(shè)置為90px,F(xiàn)在按住Opt或者Alt并且選擇圖形,新建一個(gè)文件夾命名為Icon,然后給這個(gè)文件夾加上遮蔽蒙版。
03 對(duì)于圖標(biāo)的顏色選擇是非常重要的。為了能體現(xiàn)質(zhì)感,我選擇深棕色取代原本的黑色,旋鈕也改成了淺棕色。
04 通過(guò)圖層樣式選項(xiàng),我們能增加一些有趣的效果。為了體現(xiàn)膠片的質(zhì)感,我選擇了漸變疊加,混合模式為線性減淡,樣式為徑向,然后選擇漸變類型為雜色來(lái)體現(xiàn)出紋路的效果。復(fù)制該圖層,將漸變樣式改成實(shí)底,來(lái)創(chuàng)建反光效果。
05 現(xiàn)在創(chuàng)建一些區(qū)域來(lái)做投影,你可以將它的混合模式選擇為線性減淡或者顏色減淡。這將會(huì)制作出真實(shí)的明暗關(guān)系。對(duì)于磁頭和旋鈕可以加入投影樣式來(lái)作為物體的反光。
06 為了獲得更真實(shí)的投影效果,如圖防止一個(gè)灰色的方形,添加外發(fā)光然后將混合模式設(shè)置為線性減淡。我使用50%的灰度然后設(shè)置圖層透明度來(lái)獲得投影效果。
07 紋理對(duì)于表現(xiàn)真實(shí)效果是非常重要的,你能自己拍攝或是上網(wǎng)那個(gè)搜集素材。這里,我使用了一張木質(zhì)的紋理。我調(diào)了一下色階和色相,然后創(chuàng)建了一個(gè)遮蔽蒙版,將混合模式設(shè)置為疊加。
08 當(dāng)你對(duì)所有的圖層樣式設(shè)置滿意后,復(fù)制文件夾。在這里,你可以圖層>圖層樣式>新建圖層來(lái)幫助你通過(guò)蒙版來(lái)控制它們。
09 你現(xiàn)在能復(fù)制或刪除一些圖層樣式來(lái)得到你想要的效果。有些部分太亮或太暗,所以我就選擇圖層然后使用筆刷在遮蔽蒙版上修改。
10 新建一個(gè)圖層,將它放在最上方,并且加上內(nèi)發(fā)光和光澤。在光澤中我使用了相同的疊加顏色,使整個(gè)圖標(biāo)更加統(tǒng)一。這樣你就完成了一個(gè)仿真的app圖標(biāo)效果
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 設(shè)計(jì)
- Photoshop
- thackeraybh 發(fā)布
- App圖標(biāo)教程
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)
- 圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
- 圖標(biāo)制作,用PS制作時(shí)尚的郵件圖標(biāo)
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
推薦教程
- UI教程:設(shè)計(jì)電池icon
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- PS繪制磚塊ICO圖標(biāo)
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- ps設(shè)計(jì)盒子圖標(biāo)
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- UI知識(shí),做UI的工作方式與流程
- ps日歷圖標(biāo)