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

PS制作矢量立體圖標(biāo)

來源:ps教程論壇 作者:微風(fēng)細雨 學(xué)習(xí):1298人次

Andrew Kramer(影視后期AK大神)官網(wǎng)上的圖標(biāo)做的特別精致。忍不住用PS來制作一個。
效果圖:
PS制作矢量立體圖標(biāo)_bbs.16xx8.com

第一步,新建項目,尺寸隨意,背景層不再演示。用圓形工具做出一個正圓,然后復(fù)制三份放在底層,稍微放大制作出三條描邊效果,然后添加圖層蒙版,利用畫筆工具把描邊擦拭出漸變效果。之所以不用圖層樣式里的描邊,是為了可以配合圖層蒙版,控制起來更靈活一些。然后選擇多邊形工具,邊數(shù)為5,在選項里設(shè)置為星形,縮進邊依據(jù)為45%,制作出五角星。然后用Shift選中所有層(除背景層),選擇變換-透視,然后做出大致透視效果圖。參考圖如下:
PS制作矢量立體圖標(biāo)_bbs.16xx8.com

第二步,制作底面。復(fù)制一個圓,稍微放大,添加圖層樣式里的漸變疊加和描邊,然后變換-透視,調(diào)整好位置即可。參考圖如下:
PS制作矢量立體圖標(biāo)_bbs.16xx8.com

PS制作矢量立體圖標(biāo)_bbs.16xx8.com

PS制作矢量立體圖標(biāo)_bbs.16xx8.com

第三步,制作頂面圓形層的暗部。復(fù)制該圓形層,修改為深綠色,然后添加圖層蒙版,用畫筆擦拭出漸變效果即可。參考圖如下:
PS制作矢量立體圖標(biāo)_bbs.16xx8.com

第四步,制作五角星厚度。這個制作原理和制作普通立體字的原理一樣,不過在這里復(fù)制的是路徑,而不是圖層。首先復(fù)制五角星一層,放在下面,然后修改好顏色,然后選中路徑自由變換,利用方向鍵向下移動1-2個像素。然后回車鍵確定,然后連續(xù)復(fù)制(Ctrl+Shift+Alt+T)。注意復(fù)制出來的路徑都是在一個層里,如果每復(fù)制一個路徑多出一個層來,那么證明你的操作出錯了。厚度做好后,將路徑組合一下,然后用鋼筆工具配合路徑運算中的“減去”,將五角星下方的兩個角裁掉一塊,使透視感更強。參考圖如下:
PS制作矢量立體圖標(biāo)_bbs.16xx8.com

第五步,制作五角星上的陰影。復(fù)制五角星兩層,添加圖層樣式里的漸變疊加,然后用鋼筆工具或者圓形工具配合路徑運算裁出上下陰影部分即可。參考圖如下:
PS制作矢量立體圖標(biāo)_bbs.16xx8.com
PS制作矢量立體圖標(biāo)_bbs.16xx8.com

第六步,制作頂面圓形的厚度。原地復(fù)制路徑,運算改為“減去”,然后利用方向鍵向下移動到合適位置,裁出厚度部分,添加圖層樣式即可。注意的是,移動路徑的時候,要確認(rèn)你的工具為“路徑選擇工具”,不然會出錯。參考圖如下:
PS制作矢量立體圖標(biāo)_bbs.16xx8.com

PS制作矢量立體圖標(biāo)_bbs.16xx8.com

PS制作矢量立體圖標(biāo)_bbs.16xx8.com

第七步,制作高光。同樣是復(fù)制三層圓形層,修改好顏色,利用路徑運算裁出。然后配合圖層蒙版,擦拭出漸變效果即可。參考圖如下:
PS制作矢量立體圖標(biāo)_bbs.16xx8.com

PS制作矢量立體圖標(biāo)_bbs.16xx8.com

PS制作矢量立體圖標(biāo)_bbs.16xx8.com
 

到這里基本已經(jīng)完成,可以建立曲線調(diào)節(jié)層適當(dāng)調(diào)整顏色對比。文字部分的制作不再演示。倒影部分制作方法:隱藏掉不需要的圖層,蓋印(Ctrl+Shift+Alt+E)出來一層,然后放在底層,垂直翻轉(zhuǎn)一下配合蒙版或選區(qū)做出即可。 

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

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

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

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