ps圖標(biāo)制作教程:碳纖維圖標(biāo)
來源:未知
作者:空來風(fēng)
學(xué)習(xí):530人次
作者拉燈譯 出處:ICONFANS
就是這么簡單,做成彩色的或許更炫,以下是詳細(xì)的photoshop教程步驟:
1
大家下午好,這次教程教大家做一個自定義的碳纖維的圖標(biāo)。首先創(chuàng)建一個600X200的文檔,選擇圓角矩形工具,按照下圖設(shè)置上面的工具欄選項.
2
在畫布上畫一個圓角矩形,如下:
3
選擇鋼筆工具,然后在圓角矩形里右擊,選擇填充路徑,這里會彈出一個窗口,提示你選擇顏色,顏色可以任選,沒有關(guān)系,因為后面我們會對顏色進(jìn)行修改,然后右擊,選擇刪除路徑。
, 4
現(xiàn)在你應(yīng)該有一個圓角的矩形圖層,現(xiàn)在設(shè)置圖層樣式,如下:
, 5
設(shè)置完之后,你應(yīng)該得到下面的結(jié)果,這里有個小技巧,你可以在設(shè)置好的圖層樣式里選擇保存,以后就可以直接使用這個樣式了。
6
下一步,你要自己創(chuàng)建一個自定義的填充樣式,新建一個透明背景的4X4文檔,放大到1600倍,然后如下填充圖片
7
創(chuàng)建好之后,點擊”編輯 定義圖案”,保存自定義的填充圖案。然后回到第一個文檔里,按住CTRL在圖層的縮略圖上單擊,創(chuàng)建選區(qū)。新創(chuàng)建一個圖層,取名為“樣式”。選擇油漆桶工具,填充方式里,選擇圖案,圖案選擇我們剛才創(chuàng)建的那個圖案。
8
點擊選區(qū)填充。給“樣式”圖層添加一個圖層蒙版,然后按D,復(fù)位前景色和背景色,按X切換前景背景色,現(xiàn)在漸變工具對稱漸變,如下圖,從點1拉漸變到點2。
, 9
右擊“樣式”圖層,選擇應(yīng)用圖層蒙版,然后再添加一個圖層蒙版,這次選擇線性漸變,按X切換前景背景色,如下拉一個漸變:
10
再次應(yīng)用圖層蒙版,結(jié)果如下:
11
使用鋼筆工具,創(chuàng)建如下路徑:
12
在新層里填充選區(qū)為白色,透明度設(shè)為5%。
, 13
選擇矩形工具,在圖標(biāo)下面畫一個矩形。
14
如下給矩形圖層添加圖層樣式:
15
使用多邊形索討工具,如下給在矩形圖層下面添加一個邊角選區(qū)。
就是這么簡單,做成彩色的或許更炫,以下是詳細(xì)的photoshop教程步驟:
1
大家下午好,這次教程教大家做一個自定義的碳纖維的圖標(biāo)。首先創(chuàng)建一個600X200的文檔,選擇圓角矩形工具,按照下圖設(shè)置上面的工具欄選項.
2
在畫布上畫一個圓角矩形,如下:
3
選擇鋼筆工具,然后在圓角矩形里右擊,選擇填充路徑,這里會彈出一個窗口,提示你選擇顏色,顏色可以任選,沒有關(guān)系,因為后面我們會對顏色進(jìn)行修改,然后右擊,選擇刪除路徑。
, 4
現(xiàn)在你應(yīng)該有一個圓角的矩形圖層,現(xiàn)在設(shè)置圖層樣式,如下:
, 5
設(shè)置完之后,你應(yīng)該得到下面的結(jié)果,這里有個小技巧,你可以在設(shè)置好的圖層樣式里選擇保存,以后就可以直接使用這個樣式了。
6
下一步,你要自己創(chuàng)建一個自定義的填充樣式,新建一個透明背景的4X4文檔,放大到1600倍,然后如下填充圖片
7
創(chuàng)建好之后,點擊”編輯 定義圖案”,保存自定義的填充圖案。然后回到第一個文檔里,按住CTRL在圖層的縮略圖上單擊,創(chuàng)建選區(qū)。新創(chuàng)建一個圖層,取名為“樣式”。選擇油漆桶工具,填充方式里,選擇圖案,圖案選擇我們剛才創(chuàng)建的那個圖案。
8
點擊選區(qū)填充。給“樣式”圖層添加一個圖層蒙版,然后按D,復(fù)位前景色和背景色,按X切換前景背景色,現(xiàn)在漸變工具對稱漸變,如下圖,從點1拉漸變到點2。
, 9
右擊“樣式”圖層,選擇應(yīng)用圖層蒙版,然后再添加一個圖層蒙版,這次選擇線性漸變,按X切換前景背景色,如下拉一個漸變:
10
再次應(yīng)用圖層蒙版,結(jié)果如下:
11
使用鋼筆工具,創(chuàng)建如下路徑:
12
在新層里填充選區(qū)為白色,透明度設(shè)為5%。
, 13
選擇矩形工具,在圖標(biāo)下面畫一個矩形。
14
如下給矩形圖層添加圖層樣式:
15
使用多邊形索討工具,如下給在矩形圖層下面添加一個邊角選區(qū)。
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計,教你臨摹360寫實圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫個四分環(huán)圖標(biāo)
- logo教程,抗日戰(zhàn)爭70周年logo制作教程
- 圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實例
- 圖標(biāo)設(shè)計,設(shè)計簡單的酷狗圖標(biāo)實例
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!