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

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程(4)

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):881人次

 本教程主要教大家做一個自定義的碳纖維的圖標(biāo),整體的質(zhì)感表現(xiàn)都很漂亮,下面就讓我們一起來學(xué)習(xí)

先看效果圖

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

就是這么簡單,做成彩色的或許更炫

1.首先創(chuàng)建一個600X200的文檔,選擇圓角矩形工具,按照下圖設(shè)置上面的工具欄選項.

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

2.在畫布上畫一個圓角矩形,如下:

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

3.選擇鋼筆工具,然后在圓角矩形里右擊,選擇填充路徑,這里會彈出一個窗口,提示你選擇顏色,顏色可以任選,沒有關(guān)系,因為后面我們會對顏色進(jìn)行修改,然后右擊,選擇刪除路徑。

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

4.現(xiàn)在你應(yīng)該有一個圓角的矩形圖層,現(xiàn)在設(shè)置圖層樣式,如下:

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

5.設(shè)置完之后,你應(yīng)該得到下面的結(jié)果,這里有個小技巧,你可以在設(shè)置好的圖層樣式里選擇保存,以后就可以直接使用這個樣式了。

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

6.下一步,你要自己創(chuàng)建一個自定義的填充樣式,新建一個透明背景的4X4文檔,放大到1600倍,然后如下填充圖片

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

7.創(chuàng)建好之后,點擊”編輯定義圖案”,保存自定義的填充圖案。然后回到第一個文檔里,按住CTRL在圖層的縮略圖上單擊,創(chuàng)建選區(qū)。新創(chuàng)建一個圖層,取名為“樣式”。選擇油漆桶工具,填充方式里,選擇圖案,圖案選擇我們剛才創(chuàng)建的那個圖案。

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

8.點擊選區(qū)填充。給“樣式”圖層添加一個圖層蒙版,然后按D,復(fù)位前景色和背景色,按X切換前景背景色,現(xiàn)在漸變工具對稱漸變,如下圖,從點1拉漸變到點2。

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

9.右擊“樣式”圖層,選擇應(yīng)用圖層蒙版,然后再添加一個圖層蒙版,這次選擇線性漸變,按X切換前景背景色,如下拉一個漸變:

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

10.再次應(yīng)用圖層蒙版,結(jié)果如下:

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

11.使用鋼筆工具,創(chuàng)建如下路徑:

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

12.在新層里填充選區(qū)為白色,透明度設(shè)為5%。

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

13.選擇矩形工具,在圖標(biāo)下面畫一個矩形。

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

14.如下給矩形圖層添加圖層樣式:

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

15.使用多邊形索討工具,如下給在矩形圖層下面添加一個邊角選區(qū)。

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

16.用稍微亮點的顏色,填充邊角,同樣在右邊也做一個對稱的邊角。

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

17.在矩形條上加上你的Label,然后在空白出添加你的圖標(biāo),收工!

Photoshop設(shè)計碳纖維風(fēng)格圖標(biāo)教程,PS教程,思緣教程網(wǎng)

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

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

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

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