ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

來(lái)源:優(yōu)設(shè)網(wǎng) 作者:阿布 學(xué)習(xí):7895人次

大多數(shù)人都沒(méi)有意識(shí)到繪制一個(gè)圖標(biāo)需要多少時(shí)間和精力。圖標(biāo)需要數(shù)個(gè)小時(shí)才能完成,當(dāng)然技術(shù)也在不斷練習(xí)中日臻完善。在本次教程中,我們將演示如何在Photoshop中繪制一個(gè)打開(kāi)的書(shū)本的圖標(biāo)。讓我們開(kāi)始吧!

我們的教程中會(huì)使用到下面的資源:http://www.theoat.com.cn/photoshop/sucai/2016/s99852.html

第1步

打開(kāi)Photoshop并新建一個(gè)文檔。畫(huà)布設(shè)為400px寬,350px高。

ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

第2步

使用油漆桶工具(G)并將前景色設(shè)為中灰#7a7a7a。然后使用油漆桶工具 (G)填充畫(huà)布。然后將這個(gè)灰色圖層命名為”Background”。新建一個(gè)圖層,選中矩形工具 (U), 并將其設(shè)為形狀圖層。

ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

保持矩形工具的選中狀態(tài),將前景色設(shè)為 #e7c681,在你新建的圖層上畫(huà)一個(gè)矩形。

ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

第3步

因?yàn)槟闶褂昧诵螤顖D層設(shè)置,你會(huì)發(fā)現(xiàn),在你的圖層面板里,那個(gè)普通圖層已經(jīng)變成了一個(gè)形狀圖層,也就是Photoshop的矢量圖!你還會(huì)注意到你矩形周圍的灰色邊框。這樣一來(lái)就絕妙無(wú)比了,知道為什么嗎?因?yàn)槟憧梢詿o(wú)損改變這個(gè)形狀了!所以來(lái)吧。按下Command/Ctrl + T打開(kāi)變形,按住Command/Ctrl鍵并拖拽四個(gè)角,讓它變得和下圖相近。

ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

太棒了!現(xiàn)在建立一個(gè)新圖層,然后像剛才那樣使用矩形工具 (U),畫(huà)一個(gè)新的矩形,然后把它變成右邊那樣。

ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

第4步

現(xiàn)在是給我們的形狀圖層命名的時(shí)候了,我們并不想讓它們?cè)庥錾矸菸C(jī)吧?所以,在你的圖層面板中將第一個(gè)矩形重命名為 “Cover 1″ (左邊那個(gè))。然后把另外一個(gè)命名為”Cover 2″ (右邊那個(gè))。贊!我們給他們命名之后,來(lái)再為他們添加一些圖層樣式!雙擊某個(gè)Cover圖層(當(dāng)然是在你的圖層面板里)或者在圖層 > 圖層樣式 > 混合選項(xiàng)中給他們賦予這些樣式。

ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

現(xiàn)在點(diǎn)擊確定。然后右鍵單擊Cover 1圖層(就是我們剛剛添加過(guò)樣式的那個(gè)),然后選擇”復(fù)制圖層樣式”。然后在圖層面板中右鍵單擊Cover 2圖層, 然后選擇”粘貼圖層樣式”!現(xiàn)在我們有一副金色書(shū)封了。

ps鼠繪一個(gè)書(shū)本圖標(biāo)教程

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
彭定2017-01-14 01:33
接住我的膝蓋
小米粥愛(ài)發(fā)呆2016-09-06 09:31
厲害
無(wú)上限2014-09-20 04:09
厲害,英文版

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

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