ps設(shè)計(jì)金屬APP圖標(biāo)(4)

來(lái)源:PS夢(mèng)工場(chǎng) 作者:南辰 學(xué)習(xí):6381人次

今天為大家?guī)?lái)一篇非常簡(jiǎn)單的iCloud圖標(biāo)的PS教程。這篇教程雖然簡(jiǎn)單,但是有很多細(xì)節(jié),大家從中還可以學(xué)到非常常用的角度漸變和漸變描邊的用法。

先看看效果圖

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第1步:

打開Photoshop,Ctrl+N新建文檔,根據(jù)自己的情況來(lái)定義尺寸。

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第2步:

選擇圓角矩形工具,按住Shift鍵在畫布上繪制出一個(gè)方形的圓角矩形,這里我將圓角半徑設(shè)置為50像素。

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第3步:

雙擊圓角矩形圖層,為其添加漸變圖層樣式。漸變樣式選擇角度漸變。漸變顏色使用深灰與淺灰相互交替,具體設(shè)置如下圖。這是做金屬樣式的常用手法。

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

再添加描邊樣式,此處填充類型選擇漸變。

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第4步:

選擇鋼筆工具,工具模式選擇形狀,在圓角矩形中心繪制出云形。這里我并沒有嚴(yán)格按照iCloud的曲線來(lái)繪制,只是教大家一種方法。

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

第5步:

雙擊云圖層,為其添加內(nèi)陰影樣式。

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

繼續(xù)添加描邊樣式,這里依然選擇漸變描邊,將默認(rèn)的黑白漸變反向即可。

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第6步:

將云圖層Ctrl+J復(fù)制一層,清除其圖層樣式,并將顏色改變?yōu)闇\灰色。Ctrl+T將其縮小,縮小時(shí)按住Alt鍵可以進(jìn)行中心縮放?s小完畢,你可以利用直接選擇工具微調(diào)錨點(diǎn),使邊緣看上去均勻即可。

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第7步:

復(fù)制圓角矩形的圖層樣式,粘貼到內(nèi)部的云形圖層。(小技巧:按住Alt鍵拖動(dòng)圖層樣式的fx圖標(biāo)到另外圖層上,可以快速?gòu)?fù)制圖層樣式。)

將描邊大小修改為2像素,我們就完成了非常簡(jiǎn)單的icloud圖標(biāo)的制作。

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

來(lái)看看最終效果圖吧:

Photoshop設(shè)計(jì)金屬立體效果的APP圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

  • 一定要打開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)回答!