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

2022-12-26 11:03:13 來(lái)源/作者: / 己有:29人學(xué)習(xí)過(guò)

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

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

第二步,制作底面。復(fù)制一個(gè)圓,稍微放大,添加圖層樣式里的漸變疊加和描邊,然后變換-透視,調(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

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

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

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

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

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

第七步,制作高光。同樣是復(fù)制三層圓形層,修改好顏色,利用路徑運(yùn)算裁出。然后配合圖層蒙版,擦拭出漸變效果即可。參考圖如下:
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)整顏色對(duì)比。文字部分的制作不再演示。倒影部分制作方法:隱藏掉不需要的圖層,蓋印(Ctrl+Shift+Alt+E)出來(lái)一層,然后放在底層,垂直翻轉(zhuǎn)一下配合蒙版或選區(qū)做出即可。