ps鐵鉗圖標(biāo)教程(7)

來源:站酷 作者:石頭想飛 學(xué)習(xí):7372人次

先看看效果圖

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

11.我們?cè)侔雁Q子張開的軸承那里畫下吧,還有鉗子剪斷東西那加兩個(gè)漸變圖形。

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

14.給把手加個(gè)中間凸起的部分。

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

17.其實(shí)下面的這個(gè)把手和上面的那個(gè),可以共用一些元素的,把上面的把手復(fù)制一個(gè),調(diào)整圖層樣式,

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

18.我們?cè)谡w畫下橙色部分,做以下圖層樣式。

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

21.調(diào)整凸起圖層樣式如下

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

23.這一步我們?cè)诮o鉗子的頭部做個(gè)整體拉絲效果,這一步在制作邊框的時(shí)候我已經(jīng)給大家詳細(xì)說明了制作方法了。

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

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

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

26.完成效果

Photoshop制作金屬質(zhì)感的工具圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

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

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

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

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