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

ps鼠繪一個書本圖標(biāo)教程(5)

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

第13步

現(xiàn)在我們要開始弄底部了。使用直線工具,還是那個設(shè)定,還是那個方法,只是要把前景色設(shè)成#9c8d6e,再畫一條線,就這樣。

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

接下來使用直接選擇工具(A)和轉(zhuǎn)換點工具,依然故我,就這樣。

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

第14步

現(xiàn)在是時候給它一個相似的質(zhì)感了!在頂端新建一個圖層,然后使用油漆桶工具 (G),填充設(shè)為圖案,并選擇之前的那個線條圖案,填充之后點擊編輯> 變換> 順時針旋轉(zhuǎn)90度。再按 Command/Ctrl + T 變形,調(diào)整到原來的50%大小。在編輯 > 變換 > 扭曲中,讓線和邊緣平行,就這樣。

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

獲取底邊形狀圖層的選區(qū)(我們剛畫的那個)然后點 選擇 > 反選,然后按下Delete(刪除)。接下來,在上面畫一個新圖層,然后像之前那樣:做一個選區(qū)(直線條紋的),然后在新的圖層上填充#a59d86,把淺色的那個稍微往下移動一點,就這樣啦。

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

把上一步的形狀圖層?xùn)鸥窕,然后使用加深和減淡工具,我們已經(jīng)很熟悉他們了,給圖層添加更真實的照明效果。然后合并這些圖層,然后把名字改為”Pages Dark Side”,就像這樣。

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

第15步

不錯是不錯,但現(xiàn)在只有一邊是不行的,我們來搞另一邊,一樣的啦。把前景色設(shè)為#9c8d6e并使用直線工具 (U)(當(dāng)然別忘了設(shè)成形狀圖層),寬度是20px,就這么畫。

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

然后你都知道的,用轉(zhuǎn)換點工具,把錨點的控制桿弄出來,把形狀弄成這樣。

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

好了,新建一個圖層做頁的圖案,就像之前那樣啦。縮放、旋轉(zhuǎn)、裁剪, 編輯 > 變換 > 扭曲 然后就像這樣。

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

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

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

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

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