photoshop教程

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

時間:2011-03-20 17:12來源:未知 作者:bbs.16xx8.com 點擊:
本教程主要教大家做一個自定義的碳纖維的圖標,整體的質(zhì)感表現(xiàn)都很漂亮,下面就讓我們一起來學(xué)習(xí) 先看效果圖 就是這么簡單,做成彩色的或許更炫 1.首先創(chuàng)建一個600X200的文檔,選擇圓角矩形工具,按照下圖設(shè)置上面的工具欄選項. 2.在畫布上畫一個圓角矩形,如下: 3.選擇鋼筆

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

先看效果圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

13.選擇矩形工具,在圖標下面畫一個矩形。

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

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

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

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

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

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

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

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

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

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

(責任編輯:bbs.16xx8.com)
頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
發(fā)表評論
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴禁發(fā)布色情、暴力、反動的言論。
評價:
表情:
用戶名: 驗證碼:點擊我更換圖片
欄目列表
百度聯(lián)盟
推薦內(nèi)容
熱點內(nèi)容