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

來(lái)源:站酷 作者:thackeraybh 發(fā)布 學(xué)習(xí):2377人次

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)效果

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!