當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

PS設(shè)計透明ICON圖標(biāo)(4)

來源:思緣設(shè)計 作者:大眼仔旭 學(xué)習(xí):4856人次

 

本教程主題使用Photoshop設(shè)計透明炫彩效果的小鈴鐺ICON圖標(biāo)。簡單的東西,其實別小看一個小小的Icon,它里面包含的知識是非常多的,這個比較簡單,高手路過。

最終效果:

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

1、新建文件,新建空白圖層,按Ctrl+R調(diào)出標(biāo)尺,利用鋼筆工具繪制路徑,并轉(zhuǎn)換成選區(qū)(Ctrl+Enter)。

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

2、使用漸變工具,為選區(qū)填充徑向漸變,顏色代碼如圖。

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

3、新建圖層,用橢圓選框工具,繪制選區(qū),并再為其制作徑向漸變,顏色如圖:

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

 

 

 

 

4、保持選區(qū)不動,新建空白圖層,填充白色,給選區(qū)羽化20個像素,再刪除,如圖:

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

5、按Ctrl+J復(fù)制兩層,加強下白色的效果,如圖:

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

6、新建圖層,用畫筆工具,選擇合適的畫筆大小,設(shè)置前景色為白色,單擊,得到白色筆點,按Ctrl+T對其變形,如圖:

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

7、刪除多余的部分,并再多復(fù)制幾份,加強下高光效果。

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

8、新建空白圖層,填充白色,調(diào)整圖層不透明度,刪除不需要的部分制作高光,如圖。

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

9、用同樣的方法制作出頂部的高光,效果如圖。

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

 

 

 

 

10、用減淡/加深工具對顏色再次進行調(diào)整,注意控制好曝光數(shù)值,調(diào)整立體,

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

11、用同樣的方法制作出上面的部分,如圖

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

12、注意高光的明暗對比,如圖。

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

13、為其簡單添加一個投影,修改細節(jié),用相應(yīng)的ICON圖標(biāo)工具生成APP ICON即可。

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

如果不喜歡顏色可以隨意換。

最終效果!

Photoshop繪制立體炫彩效果的ICON圖標(biāo)

 

 

 

 

 

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

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

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

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