ps鐵鉗圖標教程(7)

來源:站酷 作者:石頭想飛 學習:7372人次

先看看效果圖

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

1.首先我們來坐下背景,這個背景我是先畫了個圓做了些效果(投影,內陰陽)定義成圖案,

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

2.用圓角矩形工具,畫最底部的漸變,在這一步我先畫個半徑為47的大圓角矩形,在用剪切畫個35的小圓角矩形,最后填充投影和漸變疊加。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

3.這一步我們在畫個半徑為35的小圓角矩形和上面鏤空的一樣大小就可以了。做圖層樣式:內發(fā)光和漸變疊加。在找張?zhí)O果手機的背景填充下就可以了。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

4.復制個小的圓角矩形,做個內發(fā)光,把填充設為0.

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

5.第五步把第二步的大圓角矩形復制一個,調整圖層放在最上邊,調整下形狀和位置,在做投影和漸變疊加。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

 

6.這一步我們來給整體做個金屬拉絲效果,我做的思路大概(先把兩個形狀工具復制一份,把圖層樣式去掉只留下外輪廓就好,然后合并圖層,這樣就出來邊框圖形的選區(qū)了,下一步就是新建給圖層做金屬拉絲,調整下混合模式和透明圖就好)

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

7.這一步我又做了個邊框整體覆蓋圖層,整體過度自然些。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

8.我們在給邊框加個拼接的感覺吧,這一步就很好做了,用矩形工具畫個長方形添加白色投影就行了,在復制個把投影反向就ok了,兩邊同理。到這一步我們底部邊框就做完了,下面我們來繪制鉗子吧。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

9.我們來開始繪制鉗子吧,我把鉗子整體分為三個部分,首先我們把背景鎖上,用鋼筆工具來勾畫鉗子的頭部吧,先勾出頭部的底層大概分為5塊。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

10.我們來把鉗子的開口做下吧,也是用鋼筆工具勾畫出它的形狀就可以,填充黑色。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

11.我們再把鉗子張開的軸承那里畫下吧,還有鉗子剪斷東西那加兩個漸變圖形。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

12.這一步我們畫下把手吧,先畫下橡膠感覺的黑色部分,用鋼筆工具勾出底部形狀,填充漸變顏色。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

 

13.畫下橙色銜接的地方吧,這一塊我分成了幾部分組合做成的,先看下做完的效果。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

14.給把手加個中間凸起的部分。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

15.這一步就要給鉗子加上摩擦的底部了。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

16.加上和輪胎一樣的凸起吧,這一步我是在AI里完成的,轉過來加了下投影。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

17.其實下面的這個把手和上面的那個,可以共用一些元素的,把上面的把手復制一個,調整圖層樣式,

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

18.我們在整體畫下橙色部分,做以下圖層樣式。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

 

19.這一步我們來刻畫下橙色部分,我用了些比較快速的辦法,就是復制個橙色部分,對它做些圖層樣式,在把它柵格化圖層,把不想要的地方擦去就可以了

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

20.我們現在來做把手凸起的底層吧,把上面復制過來的圖形樣式進行重新調節(jié),

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

21.調整凸起圖層樣式如下

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

22.這一步加上反光的部分,這一步我是拿鋼筆工具勾出來的圖形,加了顏色和內陰影效果,最后柵格化圖層,調整下透明圖就ok了,效果如下。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

23.這一步我們在給鉗子的頭部做個整體拉絲效果,這一步在制作邊框的時候我已經給大家詳細說明了制作方法了。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

24.最后一步我們給鉗子加個整體的投影就可以了。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

25.給大家一個鉗子的特寫和完成后的整體效果。

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

26.完成效果

Photoshop制作金屬質感的工具圖標,PS教程,16xx8.com教程網

 

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!