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

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

第23步

現(xiàn)在一切都不錯(cuò),不過我們的影子還是要更深一點(diǎn)。所以按下Command/Ctrl + E合并”Flip Pages”和第一個(gè)影子圖層,然后再次新建一個(gè)圖層、轉(zhuǎn)成剪貼蒙版,跟之前做的都一樣。設(shè)為正片疊底模式,然后前景色設(shè)為#49260f,使用漸變工具拉一個(gè)漸變,就是距離稍小一點(diǎn)。

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

降低圖層不透明度到60%左右就行了,現(xiàn)在創(chuàng)建一個(gè)新圖層,將其移動到 “Flip Pages”和影子之間(然后現(xiàn)在Flip Pages就有兩個(gè)剪貼蒙版了),把前景色設(shè)為 #815130 ,使用漸變工具拖拽。把圖層設(shè)為正片疊底,并降低填充到20%左右,F(xiàn)在把那些圖形都合并起來吧,成果就差不多這樣。

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

第24步

好了,現(xiàn)在我們要開始折騰書脊了,之后我們要在書頁上添加文字。首先是,書脊時(shí)間。把前景色設(shè)為#7e763,并使用直線工具 (U),設(shè)為填充像素模式,寬度為3px,拖動并創(chuàng)建一個(gè)類似倒V的形狀,像這樣(我?guī)湍氵x出來了,這樣你能看清楚一點(diǎn))。

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

現(xiàn)在添加圖層樣式。

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

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

把圖層命名為 “Spine V”,F(xiàn)在我們的圖片看起來應(yīng)該是這樣的了。

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

第25步

好了,現(xiàn)在讓我們來做書脊的第二部分。把前景色設(shè)為 #544a15 然后使用鋼筆工具,設(shè)置為形狀圖層,在所有的書本圖層下面畫一個(gè)形狀(這個(gè)新圖層就是background圖層上面的第一個(gè)圖層了)。

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

把這個(gè)圖層命名為”Spine Base”。然后,在上面新建一個(gè)圖層并轉(zhuǎn)換為剪貼蒙版,F(xiàn)在把前景色設(shè)為#221500,背景色設(shè)為#372705,使用我們可愛的漸變工具(G)。設(shè)為前景色到透明的線性漸變。像圖中那樣拖動創(chuàng)建一個(gè)影子。

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

然后按一下X,反轉(zhuǎn)前景色和背景色(現(xiàn)在#ff8e72是你的前景色了)。新建一個(gè)圖層,把它移動到剛才創(chuàng)建的漸變圖層和 “Spine Base” 形狀圖層之間。再次使用漸變工具,但是這次設(shè)為前景色到背景色的對稱漸變。像圖中這樣拉一個(gè)漸變。

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

現(xiàn)在給你的 “Spine Base” 形狀圖層添加圖層樣式。

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

合并3個(gè)”Spine Base”相關(guān)的圖層。在圖層面板按住Command/Ctrl并點(diǎn)擊那3個(gè)圖層,然后按Command/Ctrl + E合并它們。之后你可以把這個(gè)圖層重命名為 “Spine Base”然后使用減淡工具(你可以使用之前留下的設(shè)置,不過尺寸要降到20左右)然后在書脊右側(cè)輕輕刷一下,像這樣。

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

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(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)友求助,請回答!