PS制作矢量立體圖標(biāo)
Andrew Kramer(影視后期AK大神)官網(wǎng)上的圖標(biāo)做的特別精致。忍不住用PS來制作一個。
效果圖:
第一步,新建項目,尺寸隨意,背景層不再演示。用圓形工具做出一個正圓,然后復(fù)制三份放在底層,稍微放大制作出三條描邊效果,然后添加圖層蒙版,利用畫筆工具把描邊擦拭出漸變效果。之所以不用圖層樣式里的描邊,是為了可以配合圖層蒙版,控制起來更靈活一些。然后選擇多邊形工具,邊數(shù)為5,在選項里設(shè)置為星形,縮進邊依據(jù)為45%,制作出五角星。然后用Shift選中所有層(除背景層),選擇變換-透視,然后做出大致透視效果圖。參考圖如下:
第二步,制作底面。復(fù)制一個圓,稍微放大,添加圖層樣式里的漸變疊加和描邊,然后變換-透視,調(diào)整好位置即可。參考圖如下:
第三步,制作頂面圓形層的暗部。復(fù)制該圓形層,修改為深綠色,然后添加圖層蒙版,用畫筆擦拭出漸變效果即可。參考圖如下:
第四步,制作五角星厚度。這個制作原理和制作普通立體字的原理一樣,不過在這里復(fù)制的是路徑,而不是圖層。首先復(fù)制五角星一層,放在下面,然后修改好顏色,然后選中路徑自由變換,利用方向鍵向下移動1-2個像素。然后回車鍵確定,然后連續(xù)復(fù)制(Ctrl+Shift+Alt+T)。注意復(fù)制出來的路徑都是在一個層里,如果每復(fù)制一個路徑多出一個層來,那么證明你的操作出錯了。厚度做好后,將路徑組合一下,然后用鋼筆工具配合路徑運算中的“減去”,將五角星下方的兩個角裁掉一塊,使透視感更強。參考圖如下:
第五步,制作五角星上的陰影。復(fù)制五角星兩層,添加圖層樣式里的漸變疊加,然后用鋼筆工具或者圓形工具配合路徑運算裁出上下陰影部分即可。參考圖如下:
第六步,制作頂面圓形的厚度。原地復(fù)制路徑,運算改為“減去”,然后利用方向鍵向下移動到合適位置,裁出厚度部分,添加圖層樣式即可。注意的是,移動路徑的時候,要確認(rèn)你的工具為“路徑選擇工具”,不然會出錯。參考圖如下:
第七步,制作高光。同樣是復(fù)制三層圓形層,修改好顏色,利用路徑運算裁出。然后配合圖層蒙版,擦拭出漸變效果即可。參考圖如下:
到這里基本已經(jīng)完成,可以建立曲線調(diào)節(jié)層適當(dāng)調(diào)整顏色對比。文字部分的制作不再演示。倒影部分制作方法:隱藏掉不需要的圖層,蓋印(Ctrl+Shift+Alt+E)出來一層,然后放在底層,垂直翻轉(zhuǎn)一下配合蒙版或選區(qū)做出即可。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 微風(fēng)細雨
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計,教你臨摹360寫實圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫個四分環(huán)圖標(biāo)
- LOGO教程,設(shè)計螺旋立體LOGO
- 圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例
- 圖標(biāo)設(shè)計,設(shè)計簡單的酷狗圖標(biāo)實例