當(dāng)前位置:首頁>ps實例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

ps鼠繪筆記本教程(4)

來源:PS夢工場 作者:南辰翻譯 學(xué)習(xí):5707人次

本教程主要使用Photoshop來創(chuàng)建一個逼真的筆記本圖標(biāo)的教程,效果圖非常的漂亮,希望你會喜歡。

先看看效果圖

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第1步:

打開Photoshop,創(chuàng)建新的文檔

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第2步:

這個時候我們把素材背景置入,調(diào)整合適的大小。

順便給它提高點亮度。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第3步:

創(chuàng)建一個圓角矩形(快捷鍵U)700px*550px =40px的半徑。填充顏​​色#742b00

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第4步:

現(xiàn)在濾鏡>雜色>添加雜色

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第5步:

然后右鍵點擊混合選項>投影

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第6步:

接下來,我們創(chuàng)建了第二個圓角矩形(快捷鍵U)690Px 540px = 40px的半徑。填充顏​​色#5c3016。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第7步:

復(fù)制圓角矩形圖層2,顏色填充 # 742b00,然后Ctrl+T調(diào)整適當(dāng)?shù)奈恢茫?/p>

濾鏡—雜色—添加雜色。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第8步:

濾鏡—模糊—動感模糊。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

然后模式更改為“正片疊底”

 

第9步:

接下來,我們創(chuàng)建第四個圓角矩形,固定的尺寸是660 px x 520 px,填充顏色# 571803,添加圖層樣式

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

這是結(jié)果。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第10步:

現(xiàn)在,我們在來創(chuàng)建一個圓角矩形,固定的尺寸是610 px x 490 px,填充顏色# ffffff。

第11步:

我們來給它添加圖層樣式。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

這里是結(jié)果。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第12步:

接下來創(chuàng)建下一個圓角矩形,尺寸是610 px x 490 px,填充顏色# ffffff。我們的名字這一層為“紙”

給它來添加圖層樣式。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

這個時候我們發(fā)現(xiàn)他把地下圖層蓋住了,我們Ctrl+T調(diào)試下大小

這是結(jié)果。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

第13步:

接下來,我們創(chuàng)建新圖層并命名為“中間線”,我們設(shè)置的硬筆刷(快捷B)與大小2 px和設(shè)置前景顏色# 742 b00,然后選擇鋼筆工具(快捷鍵P)和創(chuàng)建一個垂直的線在中間的“紙張”層。右鍵,選擇“描邊路徑”

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

創(chuàng)建一個新圖層并命名為“地平線”,把它放在“中間線”層。我們設(shè)置前景顏色# 017 d93并設(shè)置硬刷和大小2 px。不透明度為50%

這個時候我們可以建立參考線試著做。

第14步:

接下來,我們選擇橢圓工具畫一圈顏色為# 000000的橢圓。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

現(xiàn)在,我們選擇圓角矩形,半徑= 40像素,這樣創(chuàng)建一個圓角矩形

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

第15步:

現(xiàn)在我們給它添加圖層樣式。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

接下來我們復(fù)制圖層,清楚圖層樣式。顏色為#000000 濾鏡—模糊—高斯模糊

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

復(fù)制的圖層一定要放在下面。

這是結(jié)果。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

剩下的我們復(fù)制就可以了。

第16步:

接下來,我們創(chuàng)建一個小圓角矩形半徑= 40,我們將其命名為“紅書簽”,把它放在“白色圖層”下面。并添加這些圖層樣式

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

“紅色”層復(fù)制,并將其重命名為“藍(lán)書簽”,在圖層樣式中,我們保持了投影,因為我們要改變它的漸變。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

繼續(xù)復(fù)制“紅色簽”圖層,和上一步一樣,我們來改變它的漸變。

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

好了,來看看我們的最終效果吧!

Photoshop繪制像素完美的筆記本圖標(biāo),PS教程,16xx8.com教程網(wǎng)

 

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

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

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

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