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

PS設計透明ICON圖標(4)

來源:思緣設計 作者:大眼仔旭 學習:4856人次

 

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

最終效果:

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

 

 

 

 

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

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

 

 

 

 

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

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

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

Photoshop繪制立體炫彩效果的ICON圖標

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

最終效果!

Photoshop繪制立體炫彩效果的ICON圖標

 

 

 

 

 

學習 · 提示

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

關注大神微博加入>>

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