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

PS制作矢量光盤圖標

來源:ps教程論壇 作者:bbs.16xx8.com 學習:3526人次

 效果圖:

PS制作矢量光盤圖標_bbs.16xx8.com

首先說一下制作思路。這個設計里,只利用了最基本的形狀層和路徑運算,配合簡單的圖層樣式和圖層蒙版來完成,沒有任何難以理解的技術(shù),靈活運用簡單的技術(shù)來制作東西。下面的步驟只是引導,之所以不把具體的參數(shù)貼出來,是為了留給自己一個思考和獨立動手的空間,如果完全照著參數(shù)做,那和照抄沒什么兩樣,學習效果也不是很好。所以,在制作的時候盡量多思考,這樣才可以達到學習的目的。PS制作矢量光盤圖標_bbs.16xx8.com廢話說多了,下面開始制作。
第一步,制作光盤外形。新建一個項目,黑色背景,尺寸隨意。利用橢圓工具按住shift做出一個正圓來,顏色設置為白色,添加圖層樣式(漸變疊加使用的是默認預設里的倒數(shù)第三個“色譜”修改出來的)。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

PS制作矢量光盤圖標_bbs.16xx8.com 

第二步,制作描邊。復制一層移動到底層,清除圖層樣式,利用自由變換由圓心向外稍微放大即可,然后添加圖層蒙版,用畫筆工具調(diào)整好透明度擦拭出自然的描邊效果。之所以不直接利用圖層樣式里的描邊,是為了配合圖層蒙版,操作起來更加靈活。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

第三步,制作第二個同心圓。復制之前做好的光盤層,將其縮小到合適大小,修改一下漸變疊加的滑塊和透明度。然后用第二步的方法制作出描邊。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

PS制作矢量光盤圖標_bbs.16xx8.com

PS制作矢量光盤圖標_bbs.16xx8.com

第四步,制作第三個同心圓。將上一步做好的同心圓復制一層,縮小到合適大小將漸變疊加的顏色及滑塊稍微調(diào)整,再調(diào)整一下圖層的不透明度即可。同樣用第二步的方法制作出描邊。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

第五步,制作光盤中間的圓孔。創(chuàng)建一個編組,然后添加圖層蒙版,用硬度100%的畫筆,調(diào)整到合適大小,在圓心處點一下即可。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

第六步,開始制作光盤的包裝盒。用圓角矩形工具,半徑設置為5,制作出一個白色矩形。不透明度設為25%,然后新建圖層蒙版,用畫筆擦出透明效果。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

第七步,制作描邊。由于底層處于半透明效果,所以用之前的方法做描邊不太容易。所以我們利用路徑的運算來制作描邊。復制矩形一層,不透明度改回100%,,然后將路徑原地復制一層(Ctrl+C Ctrl+V),然后向中心稍微縮小一點,將路徑運算改為“減去”即可。然后稍微調(diào)整一下圖層蒙版,參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

第八步,制作內(nèi)描邊。將上面做好的描邊層復制一層,然后調(diào)整下圖層蒙版即可。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

第九步,制作開口處。將描邊層復制一層,縮小到合適比例,向下移動到合適位置,刪除圖層蒙版,然后用路徑運算中的“減去”裁掉不需要的部分即可。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

第十步,制作封口處。將底層的矩形層復制一層,顏色改為深灰色,刪除圖層蒙版,用路徑運算中的“減去”裁掉不需要的部分,然后添加圖層樣式。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

PS制作矢量光盤圖標_bbs.16xx8.com

第十一步,制作高光。同樣,復制矩形層,顏色改為白色,用路徑運算裁去一部分,添加漸變疊加,然后調(diào)整圖層蒙版即可。參考圖如下:
PS制作矢量光盤圖標_bbs.16xx8.com

PS制作矢量光盤圖標_bbs.16xx8.com

最后的倒影不再演示。隱藏掉不需要的層,然后蓋印一層,翻轉(zhuǎn),用選區(qū)或蒙版調(diào)整。如果覺得顏色對比不夠,就新建個曲線調(diào)節(jié)層調(diào)整即可。

學習 · 提示

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

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

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