當(dāng)前位置:首頁>ps實(shí)例教程>ps制作實(shí)例>制作實(shí)例>教程內(nèi)容

封面教程,書籍封面和光盤封面設(shè)計(jì)教程(8)

來源:百度貼吧 作者:P大點(diǎn)S 學(xué)習(xí):27255人次

書籍封面最終效果

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

光盤封面最終效果

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

隨便找一張ps圖片素材作為書籍和光盤的封面

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

1、新建一個(gè) 530×800的畫布,然后打開漸變工具(G)設(shè)置漸變參數(shù):下面有4個(gè)色標(biāo)分別是

①#909497 位置 0%、②#969a9d 位置 35%、③#FFFFFF 位置 35%、④#8a8a8c 位置100%

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖1

然后按住Shift 從底部往上拖一個(gè)線性漸變。

2、建立參考線:個(gè)人建議先把默認(rèn)快捷鍵修改一下,按Ctrl+Alt+Shift+K然后在列表里選擇視圖。

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

拖下來在下面

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

我就修改了Ctrl+/ 是新建參考線,Ctrl+. 是清除參考線。如果你不想修改的話也可以在菜單上選擇

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

新建5條參考線(垂直): 83、112、470 (水平):110、690(這里的參考線是決定這本書透視角度的厚度和封面寬度、高度)

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖2

拖入分辨率比較大的圖片,自己喜歡就可以然后調(diào)整好大小,如圖

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖3

3、用矩形工具(U) 框選書面和書邊,放大畫布檢查邊界對齊不到的可以Ctrl+T 來修改對齊的邊界,或者是 鍵盤箭頭移動(dòng)路徑對齊無誤后,按Ctrl+回車載入選擇,按Ctrl+J從選區(qū)中新建一個(gè)圖層(或者也可以Ctrl+Shift+i 反選,然后刪除也行,但經(jīng)常作圖的人要養(yǎng)成一個(gè)習(xí)慣就是不破壞素材的原本性,以便日后更改修圖)

然后,隱藏素材,在我們剛剛新建的圖層上面操作用框選工具,框選書邊,然后Ctrl+J 創(chuàng)建書邊的圖層。創(chuàng)建完畢后,刪掉書皮圖層的書邊區(qū)域,否則后面透視的時(shí)候有影響

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖4

4、現(xiàn)在要做的就是打字,這里沒有什么難度,關(guān)鍵是選擇合適的字體字體效果方面也就圖層樣式里面的外發(fā)光,排版這個(gè)我沒什么心得可講因?yàn)椴皇菑氖掠∷⑿袠I(yè),有興趣的可以去書店、當(dāng)當(dāng)網(wǎng)、天貓之類多看一些書、雜志封面的效果,臨摹排版,做多了經(jīng)驗(yàn)就有了。

為了方便管理建議組合個(gè)文件夾,選中要組合的圖層Ctrl+G我做好的書面排版效果如下

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖5

5、然后用同樣的辦法,給書邊也排版好,也組合起來

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖6

6、把我們最初做的那書皮、書邊兩個(gè)圖層各復(fù)制一份分別放到 書面文字內(nèi)容文件、書邊文件夾、里面的最底層然后隱藏所有圖層保留書邊文件夾顯示,新建一個(gè)空白圖層命名書邊蓋章切換回英文狀態(tài)下 按Ctrl+Alt+Shift+E 蓋章這兩天有人問我蓋章有什么用?我簡單說一下,蓋章功能呢,就等于把當(dāng)前畫布上顯示的效果并成1個(gè)圖層畫布上顯示的什么蓋章出來的圖層就是什么。那不蓋章行么?當(dāng)然可以,把圖層合并起來就是了。

但是這樣就的把圖層給組合掉了,這樣不利于我們修改。所以蓋章恰恰能彌補(bǔ)這個(gè)功能和目的。蓋章為什么不能用?這個(gè)是因?yàn)檩斎敕ㄊ侵形幕蛘呤侨菭顟B(tài),必須要半角英文才可以。OK,繼續(xù)!蓋章好了 書邊 和書面兩個(gè)圖層效果如下:

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖7-圖8

7、顯示背景,在書面蓋章圖層按Ctrl+T ,右鍵變換區(qū)域選 透視

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖9

拖動(dòng)右上角的頂點(diǎn)往下移動(dòng)一些,大概3度角就可以了,回車。

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖10

選擇書邊圖層,用同樣的辦法在左上角拖動(dòng),讓它也有透視的效果做好之后注意書邊和書面會(huì)有縫隙,需要Ctrl+T修改一下調(diào)整好之后,按Ctrl+H 隱藏參考線 看看效果滿意即可,效果如下:

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖11

8、雖然整體上做好了,但是我們還沒做完。因?yàn)闀吅蜁娼唤绲牡胤饺狈γ靼祵Ρ,看不出效果。所以我們要做的是給他添加,光線的效果。按G打開漸變工具,設(shè)置色標(biāo)顏色如下①#1f1e1e 位置 0%②#64676f 位置 70%③#1f1e1e 位置 100%

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖12

然后新建一個(gè)空白圖層,按Ctrl點(diǎn)擊書邊蓋章圖層的縮略圖載入它的選區(qū),從左到右拉一條線性漸變?nèi)缓蟀褕D層混合為【線性光】,不透明度60%(根據(jù)素材情況而定)

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖13

然后要做的是封面的高光效果,看素材而定,有一些素材本身畫面有比較好的明暗關(guān)系的情況下就不需要再做了,如果沒有的話就需要再新建一個(gè)圖層把前景色和背景色都設(shè)置為白色,然后在漸變面板選擇第二個(gè)漸變就是白色到透明的那個(gè)

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖14

然后載入書面的選區(qū),從左到右邊拉一個(gè)線性漸變把圖層混合為【柔光】,不透明度60%(根據(jù)素材情況而定)

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

 

圖15

8、最后一步就是做倒影,這里有個(gè)小插曲那就是我二逼了,大家都知道做倒影是需要拆分結(jié)構(gòu)的由于我們之前做書面的變形是用透視來做的所以我在做倒影的時(shí)候也順著這個(gè)思維把先前的書邊和書面的圖層用了透視來做倒影結(jié)果發(fā)現(xiàn)坑爹的倒影做出來里面的內(nèi)容都無法對齊不在一個(gè)水平面上,后來用斜切也是同樣這個(gè)問題。納悶了好久,問清清他說用扭曲~

重復(fù)第六步,把書邊和書面都創(chuàng)建個(gè)蓋章命名 書邊倒影 和書面倒影(這就為什么我說的不要破壞圖層素材的原因,有時(shí)候重復(fù)使用率會(huì)比較高)

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖16

然后把兩個(gè)圖層都選中,Ctrl+T 右鍵--垂直翻轉(zhuǎn),由于我們做倒影用不著這么長,所以可以把它們裁切掉部分

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖17

然后移動(dòng)到底部,按Ctrl+H 顯示回參考線,并且添加多一條參考線放在中間

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖18

放大畫筆來操作,方便一些。選擇書邊倒影,按Ctrl+T 右鍵--扭曲,對齊好位置回車同樣的辦法,把書面的倒影也扭曲來調(diào)整,以中間的參考線為準(zhǔn)。

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖19

9、處理好倒影位置之后,把這兩個(gè)圖層合并起來。然后按Q進(jìn)入快速蒙板,然后按M 框選工具選中我們要做漸變的位置按G 漸變工具 在里面選擇黑到白的漸變

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖20

然后在選區(qū)里面拉一個(gè)漸變,此時(shí)拉的漸變顏色是紅色到半透明的。因?yàn)檫@個(gè)是在快速蒙板狀態(tài)下,不是正常圖層狀態(tài)。

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖21

然后按Q 退出快速蒙版,這時(shí)候可以發(fā)現(xiàn)剛剛紅色的部分變成反選的選區(qū)了

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖22

然后按Delete刪除,就有半透明的倒影效果了

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖23

有時(shí)候我們做的漸變和選區(qū)不一定能一次到位有可能 刪除之后倒影比較淡,或者是比較深這樣是很好解決的,淡了就直接Ctrl+J這樣就可以加深了如果比較深了,那更好解決,直接調(diào)整圖層不透明度即可解決。做好的效果如下:

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖24

10、這一步對于某些用途來說可有可無但是為了符合實(shí)際光照效果我還是做了,就是陰影,因?yàn)闀媸鞘芄饷孀钃趿斯饩照射,在它的地面,必然會(huì)產(chǎn)生陰影。新建一個(gè)圖層,用套索工具套個(gè)大概的范圍然后填充黑色加高斯模糊2像素,再調(diào)整不透明度25%

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖25

檢查一遍整體的情況,我裁切掉頂部多余的畫布,這樣就搞定了建議新手一定要養(yǎng)成檢查細(xì)節(jié)的習(xí)慣,我發(fā)現(xiàn)很多人交作業(yè)都是很倉促的,很多細(xì)節(jié)原本可以處理掉的都沒處理。最終效果圖:

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

【制作光盤封面】

1、新建一個(gè)550×550的畫布,背景色隨便我一會(huì)也要亂改的然后新建兩個(gè)參考線275像素,如圖:

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖1

選擇橢圓工具(U),(可以橢圓選區(qū)工具代替,我個(gè)人習(xí)慣用橢圓路徑,方便調(diào)整)按住Alt+Shift在中心點(diǎn)往外拖一個(gè)圓形路徑然后拖入素材,調(diào)整好大小位置。

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖2

2、載入路徑選區(qū),反選,刪除多余的素材然后再畫多一個(gè)路徑

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

如圖3

3、然后載入選擇,Ctrl+J 創(chuàng)建一個(gè)內(nèi)圓的圖層不要取消選區(qū),點(diǎn)菜單選擇--修改--收縮 3像素然后反選,刪掉多余的圖層,然后在內(nèi)圓的圖層再畫一個(gè)圓,然后刪除掉。

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖4

4、新建一個(gè)圖層,載入封面光盤的圖層選區(qū)菜單 選擇--修改--收縮1像素 描邊白色2像素命名為外描邊。然后把我們做書面的那個(gè)文件夾拖過來在里面重新排版一下。把內(nèi)圓的不透明度修改為80%隱藏背景,蓋章一下,然后拖到封面圖層的下面選擇移動(dòng)工具,按鍵盤按→移動(dòng)3次,圖層不透明度50%

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖5

5、最后一步,是為了增加封面效果有印刷的感覺。隱藏背景、CD蓋章,在最頂層再重新蓋章一次然后濾鏡---其它---自定義 默認(rèn)回車即可,圖層不透明度55%(看素材情況)顯示所有圖層,然后就完成了。

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖6

最最后一步,好吧,是陰影,就兩個(gè)橢圓填充黑色,高斯模糊,調(diào)整不透明度

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

圖7

效果:

封面教程,書籍封面和光盤封面設(shè)計(jì)教程

最后建議大家把文件保存為psd格式存檔,以后制類似的光盤封面或者書籍封面的時(shí)候,只要把背景圖片換一下就可以了,這樣可以大大提高設(shè)計(jì)效率。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
露Milo2017-07-21 11:48
我的作業(yè):
lunatic2017-06-27 03:05
我的作業(yè):
二匕2017-05-27 06:09
學(xué)不了什么
種馬控2017-05-27 04:55
先頂后看
趙大玉MMM2017-05-27 11:43
支持發(fā)教程
斯文的流氓002017-05-27 10:30
沒什么技巧含量
想念沒有說要醉2017-05-27 10:11
回復(fù)只為支持
青春不是逗2017-05-27 07:58
再看看
公主病2017-05-27 05:53
看過一個(gè)跟這差不多的
漫5292017-05-27 02:17
什么鬼東西
奈落2017-05-03 02:54
一點(diǎn)不會(huì)
奈落2017-05-03 02:05
一點(diǎn)不會(huì)

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

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