第12章綜合實訓(xùn)案例2——書籍封面設(shè)計

1、第12章 綜合實訓(xùn)案例2書籍封面設(shè)計 l 案例簡介案例簡介l 案例制作過程案例制作過程l 背景知識簡介背景知識簡介本章主要內(nèi)容：本章主要內(nèi)容：Photoshop平面設(shè)計實用教程平面設(shè)計實用教程(第二版第二版)清華大學(xué)出版社清華大學(xué)出版社12.1 案例簡介 本案例是一個書籍封面的設(shè)計。書籍封面設(shè)計涉及內(nèi)容多、步驟繁，下面從設(shè)計思路和制作方法上進行簡單說明。 12.1.1 案例設(shè)計思路 本案例的制作從構(gòu)圖、色彩和文字這3個方面來考慮。書籍封面設(shè)計應(yīng)該包括書籍的前封面、書脊和封底這3個部分，這3個部分在設(shè)計時是一個統(tǒng)一的整體，同時又相對獨立。在制作時，單獨考慮各個部分的構(gòu)成元素的同時也要考慮它們之間

2、的整體關(guān)系，以達到和諧統(tǒng)一的效果。12.1.1 案例設(shè)計思路 在色彩運用上，整個封面采用統(tǒng)一的色調(diào)，在此色調(diào)的基礎(chǔ)上安排各個組成元素的色彩和構(gòu)圖。在進行封面的圖形設(shè)計時，以前封面為主體進行設(shè)計，為其設(shè)計出符合書籍內(nèi)容的圖形。封底相對簡單，采用與前封面相同的圖形，以獲得與前封面在風(fēng)格上的統(tǒng)一。在文字的設(shè)計上，力求簡單明了。書籍的名稱設(shè)計清晰醒目，能吸引人的注意力，同時其他文字在制作中力求能夠清晰傳遞信息。 12.1.2 案例制作說明 1版面的確定本案例將設(shè)計書籍的前封面、封底和書脊。在制作時，文檔的尺寸需考慮前封面、封底、書脊的寬度和高度以及出血線的位置。在確定文檔的尺寸時，按照書籍前封面和封底

3、的標(biāo)準(zhǔn)寬度和高度設(shè)置文檔寬度，即寬度為18.4cm，高度為26cm。書脊的寬度暫定為2cm，上、下和兩側(cè)的出血寬度為0.3cm。按照這些數(shù)據(jù)可計算出文檔的尺寸為寬度為39.4cm，高度為26.6cm。 12.1.2 案例制作說明 2前封面的設(shè)計思路在制作時按照前封面書脊封底的步驟來制作。前封面的內(nèi)容一般應(yīng)包括書名、編者名、出版社名和標(biāo)志、簡短的書籍特點介紹及配套光盤的內(nèi)容簡介等文字，另外還包括有關(guān)的圖形和圖像以增強封面的可視性，增強美感。這里，前封面背景直接選用素材文件以提高制作效率，素材的選擇突出平面設(shè)計這一主題，給人以美感。書名的設(shè)計力求簡單且富于個性，其他文字根據(jù)具體需要選擇設(shè)置文字樣式

4、，文字力求表述清楚，文字清晰。12.1.2 案例制作說明 3封脊的設(shè)計思路書脊的制作較為簡單，作為前封面和封底的過渡區(qū)域，它是書籍成為立體形狀的關(guān)鍵。書脊的設(shè)計與封面封底的設(shè)計在風(fēng)格上保持一致，因此書脊的背景色使用與封面色調(diào)一致的顏色。書名和出版社信息使用和前封面相同方式制作，沒有添加多余的特效。12.1.2 案例制作說明 4封底的設(shè)計思路封底的制作不需要復(fù)雜的圖像和文字效果，封底往往會放置責(zé)任編輯、書號、條形碼、定價等信息。對于計算機類書籍來說，封底常還會安排有與書籍或叢書內(nèi)容有關(guān)信息。這里，封底的圖像使用與封面相同的圖案。使用文字工具在封底添加需要的文字信息，文字信息沒有添加任何特效。12

5、.1.2 案例制作說明 5涉及的主要技術(shù)本案例制作中大量使用圖層特效來創(chuàng)建需要的效果，如封面主體圖像的制作，書名的制作等。使用【自由變換】命令對各設(shè)計元素的大小和位置進行調(diào)整。封面、書脊和封底文字均使用Photoshop的文字工具來創(chuàng)建，并使用【字符】調(diào)板設(shè)置文字的字體和字號。 12.2 案例制作步驟 本節(jié)將以一個書籍封面設(shè)計為例來介紹使用Photoshop進行書籍封面設(shè)計與制作相關(guān)知識。 12.2.1 創(chuàng)建版面 設(shè)計書籍封面，首先通過添加參考線規(guī)劃設(shè)計時的版面結(jié)構(gòu)，具體制作步驟介紹如下。1創(chuàng)建新文檔（1）打開【新建】對話框，設(shè)置文檔如圖12-1所示。（2）將文件保存為“書籍封面設(shè)計.psd”

6、。 圖圖12-1 【新建新建】對話框中的設(shè)置對話框中的設(shè)置 12.2.1 創(chuàng)建版面2創(chuàng)建設(shè)計版面（1）顯示標(biāo)尺。【編輯】【首選項】【單位與標(biāo)尺】打開【首選項】的【單位與標(biāo)尺】對話框，標(biāo)尺單位設(shè)為“厘米”，如圖12-2所示。 圖圖12-2 設(shè)置標(biāo)尺單位設(shè)置標(biāo)尺單位 12.2.1 創(chuàng)建版面（2）從標(biāo)尺上拖出版面的參考線。封面劃分為封面、封底和書脊這3個工作區(qū)。根據(jù)封面尺寸來創(chuàng)建參考線，在文檔的四周創(chuàng)建出血線，如圖12-3所示。 圖圖12-3 創(chuàng)建參考線創(chuàng)建參考線 12.2.2 制作前封面主體圖案 1前封面主體畫面的制作（1）打開素材文件夾part12素材1.jpg文件，使用【移動工具】將它拖放到“

7、書籍封面設(shè)計.psd”文件窗口中，如圖12-4所示。 圖圖12-4 添加素材圖片添加素材圖片 12.2.2 制作前封面主體圖案 （2）打開【色彩平衡】對話框，首先調(diào)整圖片中間調(diào)的色彩，如圖12-5所示。調(diào)整圖片陰影區(qū)域的色彩，如圖12-6所示。調(diào)整圖片高光區(qū)域的色彩，如圖12-7所示。圖圖12-7圖圖12-6圖圖12-512.2.2 制作前封面主體圖案 （3）打開飛鳥.jpg文件，用【魔術(shù)棒工具】選中飛鳥的背景選區(qū)，然后在屬性欄單擊【調(diào)整邊緣】按鈕，如圖12-10所示。（4）Ctrl+Shift+I獲得飛鳥選區(qū)，如圖12-11所示。 圖圖12-10 【調(diào)整邊緣調(diào)整邊緣】對話框?qū)υ捒?圖圖12-

8、11 獲得飛鳥選區(qū)獲得飛鳥選區(qū) 12.2.2 制作前封面主體圖案 （5）使用【移動工具】將飛鳥拖放到“書籍封面設(shè)計.psd”文檔窗口中，如圖12-12所示。（6）使用【自由變換】命令，分別調(diào)整2個素材的大小，如圖12-13所示。 圖圖12-12 將飛鳥拖放到當(dāng)前文件中將飛鳥拖放到當(dāng)前文件中 圖圖12-13 分別調(diào)整分別調(diào)整2個素材的大小個素材的大小 12.2.2 制作前封面主體圖案 （7）選擇【橢圓框選工具】， 在圖像中繪制橢圓選框，如圖12-14所示。選擇【圖層1】，按Ctrl+Shift+I鍵反轉(zhuǎn)選區(qū)，按Delete鍵刪除選區(qū)內(nèi)容，如圖12-15所示。 圖圖12-14 繪制一個橢圓選框繪制

9、一個橢圓選框 圖圖12-15 反轉(zhuǎn)選區(qū)并刪除選區(qū)中內(nèi)容反轉(zhuǎn)選區(qū)并刪除選區(qū)中內(nèi)容 12.2.2 制作前封面主體圖案 （8）新建 “圖層3”。 再反轉(zhuǎn)選區(qū)得到剛才的橢圓選區(qū)，打開【邊界選區(qū)】對話框，寬度為150個像素，如圖12-16所示。此時選區(qū)，如圖12-17所示。前景色(R：216，G：254，B：3)，填充選區(qū)，如圖12-18所示。 圖圖12-17 圖圖12-16 圖圖12-18 12.2.2 制作前封面主體圖案（9）取消選區(qū)，打開【圖層樣式】對話框。對【斜面和浮雕】樣式的參數(shù)進行設(shè)置。對【等高線】樣式的參數(shù)進行設(shè)置，如圖12-19所示。此時圖像的效果，如圖12-20所示。 圖圖12-19

10、【斜面和浮雕斜面和浮雕】參數(shù)參數(shù) 圖圖12-20 圖像的效果圖像的效果 12.2.2 制作前封面主體圖案（10）在選擇飛鳥所在圖層，打開【圖層樣式】對話框。對外發(fā)光圖層樣式參數(shù)進行設(shè)置，如圖12-21所示。此時圖像的效果，如圖12-22所示。 圖圖12-21 【外發(fā)光外發(fā)光】圖層樣式的參數(shù)設(shè)置圖層樣式的參數(shù)設(shè)置 圖圖12-22 為飛鳥添加發(fā)光效果為飛鳥添加發(fā)光效果 12.2.2 制作前封面主體圖案2添加裝飾羽毛（1）打開羽毛.jpg文件，將其復(fù)制到“書籍封面設(shè)計.psd”文件中，如圖12-23所示。（2）按Ctrl+T鍵，對羽毛進行自由變換，將其放大并調(diào)整位置，如圖12-24所示。 圖圖12-

11、23 復(fù)制羽毛復(fù)制羽毛 圖圖12-24 對羽毛進行自由變換對羽毛進行自由變換 12.2.2 制作前封面主體圖案（3）打開【圖層樣式】對話框。對外發(fā)光樣式參數(shù)進行設(shè)置，如圖12-25所示。（4）將羽毛所在的圖層復(fù)制3個，調(diào)整2個圖層中羽毛的大小和旋轉(zhuǎn)角度，將它們首位連接。調(diào)整這個3個復(fù)制圖層的【不透明度】值，設(shè)置為60、40和100。如圖12-26所示。 圖圖12-25 【外發(fā)光外發(fā)光】參數(shù)設(shè)置參數(shù)設(shè)置 圖圖12-26 復(fù)制羽毛并調(diào)整圖層復(fù)制羽毛并調(diào)整圖層12.2.2 制作前封面主體圖案（5）再復(fù)制一個羽毛，調(diào)整其大小和位置，使其與其他的羽毛分開放置，如圖12-27所示。圖圖12-27 再復(fù)制一

12、個羽毛再復(fù)制一個羽毛 12.2.3 制作封面背景 （1）選擇【橢圓選框工具】，在選項欄中將【羽化】值設(shè)置為0。繪制一個橢圓選區(qū)，如圖12-28所示。（2）按Ctrl+-鍵縮小窗口。選擇【選擇】【變換選區(qū)】命令，拖動獲得的選區(qū)變換框的控制柄修改選區(qū)的形狀，如圖12-29所示。 圖圖12-28 繪制一個橢圓選區(qū)繪制一個橢圓選區(qū) 圖圖12-29 變換選區(qū)變換選區(qū) 12.2.3 制作封面背景 （3）創(chuàng)建一個新圖層，將其命名為“封面背景”，使該圖層處于當(dāng)前選擇狀態(tài)。反轉(zhuǎn)選區(qū)，如圖12-30所示。前景色（顏色值為R：29，G：127，B：2），填充選區(qū)，如圖12-31所示。 圖圖12-30 選區(qū)反轉(zhuǎn)選區(qū)反

13、轉(zhuǎn) 圖圖12-31 填充選區(qū)填充選區(qū) 12.2.3 制作封面背景 （4）反轉(zhuǎn)選區(qū)。打開【漸變編輯器】對話框，如圖12-32所示。前景色為R：99，G：178，B：5。背景色為R：219，G：252，B：36?！緩较驖u變】在選區(qū)中創(chuàng)建漸變效果，如圖12-33所示。完成操作后，按Ctrl+D鍵取消選區(qū)。圖圖12-32 【漸變編輯器漸變編輯器】對話框?qū)υ捒?圖圖12-33 創(chuàng)建漸變效果創(chuàng)建漸變效果 12.2.3 制作封面背景 2添加封面裝飾（1）創(chuàng)建一個新圖層。選擇【鋼筆工具】在圖像中創(chuàng)建矢量路徑，如圖12-34所示。（2）使用矢量工具調(diào)整路徑形狀，如圖12-35所示。按Ctrl+Enter鍵將路徑

14、轉(zhuǎn)換為選區(qū)。 圖圖12-34 創(chuàng)建矢量路徑創(chuàng)建矢量路徑 圖圖12-35 調(diào)整路徑形狀調(diào)整路徑形狀 12.2.3 制作封面背景 （3）打開【漸變編輯器】進行設(shè)置，如圖12-36所示。【預(yù)設(shè)】選擇【從前景到透明】 ，設(shè)置前景色（R：158，G：212，B：15）。（4）以線性漸變方式在選區(qū)創(chuàng)建漸變效果，如圖12-37所示。在【圖層】調(diào)板中將新建的圖層重新命名為“背景線條”。圖圖12-36 【漸變編輯器漸變編輯器】中的設(shè)置中的設(shè)置 圖圖12-37 使用線性漸變填充選區(qū)使用線性漸變填充選區(qū) 12.2.4 添加前封面文字 1標(biāo)題的創(chuàng)建（1）選擇最上面圖層。輸入文字“Photoshop CS5”。打開【字

15、符】調(diào)板，設(shè)置文字字體和字號，將文字設(shè)置為【仿斜體】，如圖12-38所示。 圖圖12-38 創(chuàng)建文字并設(shè)置字符樣式創(chuàng)建文字并設(shè)置字符樣式 12.2.4 添加前封面文字 （2）打開【圖層樣式】對話框，對描邊樣式效果進行設(shè)置，如圖12-39所示。應(yīng)用圖層樣式后的文字效果，如圖12-40所示。 圖圖12-39 設(shè)置設(shè)置【描邊描邊】樣式參數(shù)樣式參數(shù) 圖圖12-40 應(yīng)用圖層樣式后的文字效果應(yīng)用圖層樣式后的文字效果 12.2.4 添加前封面文字 （3）創(chuàng)建文字“平面設(shè)計基礎(chǔ)教程”，設(shè)置字符樣式，如圖12-41所示。為圖層添加【描邊】樣式效果。參數(shù)設(shè)置，如圖12-42所示。（4）此時圖像的效果，如圖12-

16、43所示。 圖圖12-43 圖圖12-42 圖圖12-41 12.2.4 添加前封面文字 2添加說明文字（1）圖像中輸入作者信息并設(shè)置字符樣式，如圖12-44所示。（2）輸入說明文字，設(shè)置字符樣式，如圖12-45所示。圖圖12-44 輸入編者信息輸入編者信息 圖圖12-45 創(chuàng)建說明文字創(chuàng)建說明文字 12.2.4 添加前封面文字 （3）創(chuàng)建一個名為“方塊”的圖層。創(chuàng)建一個正方形選區(qū)。以白色填充選區(qū)，為圖層添加投影效果。如圖12-46所示。效果如圖12-47所示。圖圖12-46 【投影投影】樣式的參數(shù)設(shè)置樣式的參數(shù)設(shè)置 圖圖12-47 添加添加【投影投影】樣式效果樣式效果 12.2.4 添加前封

17、面文字 （4）取消選區(qū)。將【方塊】圖層復(fù)制3個。分別將方塊與文字對齊，如圖12-48所示。（5）輸入出版社信息，使用【字符】調(diào)板設(shè)置字符樣式，如圖12-49所示。 圖圖12-48 復(fù)制并排列方塊復(fù)制并排列方塊 圖圖12-49 輸入出版社信息輸入出版社信息12.2.4 添加前封面文字 3添加附帶光盤信息（1）創(chuàng)建“光盤”圖層。繪制一個圓形選區(qū)，如圖12-50所示。（2）打開【漸變編輯器】，在【預(yù)設(shè)】欄中選擇【色譜變換】，如圖12-51所示。以角度漸變，在選區(qū)中創(chuàng)建漸變效果，如圖12-52所示。 圖圖12-50 繪制圓形選區(qū)繪制圓形選區(qū) 圖圖12-51 選擇選擇【色譜變換色譜變換】圖圖12-52

18、創(chuàng)建漸變效果創(chuàng)建漸變效果 12.2.4 添加前封面文字 （3）打開【描邊】對話框，寬度為6像素，描邊位置設(shè)置為【居外】，如圖12-53所示。選區(qū)描邊效果，如圖12-54所示。 圖圖12-53 【描邊描邊】對話框?qū)υ捒?圖圖12-54 選區(qū)描邊效果選區(qū)描邊效果 12.2.4 添加前封面文字 （4）【變換選區(qū)】命令，拖動出現(xiàn)的控制柄將選區(qū)縮小，如圖12-55所示。（5）刪除選區(qū)內(nèi)容，如圖12-56所示?！久柽叀棵?，對參數(shù)設(shè)置，如圖12-57所示。對選區(qū)描邊，取消選區(qū)，光盤效果如圖12-58所示。 圖圖12-55 圖圖12-56圖圖12-57 圖圖12-58 12.2.4 添加前封面文字 （6）雙

19、擊光盤所在圖層，打開【圖層樣式】對話框。選中【投影】復(fù)選框，對投影效果進行設(shè)置，如圖12-59所示。光盤獲得投影效果，如圖12-60所示。 圖圖12-59 【投影投影】樣式效果的設(shè)置樣式效果的設(shè)置 圖圖12-60 添加投影效果后的光盤添加投影效果后的光盤 12.2.4 添加前封面文字 （7）使用【橫排文字工具】，創(chuàng)建文字“CD-ROM”。在【字符】調(diào)板中設(shè)置字符樣式，如圖12-61所示。（8）使用【橫排文字工具】在光盤右側(cè)創(chuàng)建說明文字，如圖12-62所示。這里，文字使用與步驟（7）相同的字體和字號。 圖圖12-61 設(shè)置字符樣式設(shè)置字符樣式 圖圖12-62 創(chuàng)建說明文字創(chuàng)建說明文字 12.2.

20、4 添加前封面文字 （9）對封面元素的位置關(guān)系進行適當(dāng)調(diào)整。在【圖層】調(diào)板中對背景所在圖層和封面內(nèi)容所在圖層進行分組，使調(diào)板顯得簡潔。至此，封面制作完成，完成的封面效果，如圖12-63所示。 圖圖12-63 完成的封面效果完成的封面效果12.2.5 制作書脊 書脊的制作包括書脊背景和書脊文字的添加。1書脊背景的制作（1）在書脊處創(chuàng)建矩形選區(qū)，如圖12-64所示。填充選區(qū)，如圖12-65所示。填充使用的顏色值為R：27，G：141，B：5。 圖圖12-64 繪制矩形選區(qū)繪制矩形選區(qū) 圖圖12-65 填充選區(qū)填充選區(qū)12.2.5 制作書脊 （2）輸入文字“PHTOSHOP CS5”，在【字符】調(diào)板

21、中設(shè)置文字樣式，如圖12-66所示。（3）按Ctrl+T鍵，拖動控制柄將文字旋轉(zhuǎn)90并放置在書脊處。如圖12-67所示。 圖圖12-66 輸入文字并設(shè)置文字樣式輸入文字并設(shè)置文字樣式 圖圖12-67 旋轉(zhuǎn)文字并放置文字旋轉(zhuǎn)文字并放置文字 12.2.5 制作書脊 （4）在書脊處輸入書名的漢字部分，同時設(shè)置字符樣式，如圖12-68所示。（5）使用【直排文字工具】在書脊處輸入出版社名，同時設(shè)置字符樣式，如圖12-69所示。 圖圖12-68 書名漢字部分并設(shè)置文字樣式書名漢字部分并設(shè)置文字樣式 圖圖12-69 出版社名并設(shè)置字符樣式出版社名并設(shè)置字符樣式 12.2.5 制作書脊 （6）對書脊處的各個元

22、素位置和大小進行適當(dāng)調(diào)整。在【圖層】調(diào)板中創(chuàng)建一個名為“書脊”的組，將包含書脊元素的圖層放置于組中，如圖12-70所示。至此，書脊制作完成。 圖圖12-70 將圖層分組將圖層分組12.2.6 制作封底 書籍的封底包括封底圖案、書名、圖書條碼、定價和責(zé)任編輯等信息。對計算機類圖書來說，封底常常有本書或所屬系列叢書的特點介紹。下面介紹本實例封底的制作過程。12.2.6 制作封底 1封底圖案的制作（1）新建組名為“封面主圖”，同時選擇封面主體圖案和書名所在的圖層，拖入本組中。選擇【復(fù)制組】命令。打開【復(fù)制組】對話框，如圖12-71所示。在本文件中復(fù)制選擇的組，在【圖層】調(diào)板中將這個組拖放到調(diào)板的頂端

23、，如圖12-72所示。 圖圖12-71 【復(fù)制組復(fù)制組】對話框?qū)υ捒?圖圖12-72 復(fù)制組并將組放置于調(diào)板的頂端復(fù)制組并將組放置于調(diào)板的頂端 12.2.6 制作封底 （2）將組中的對象拖放到封底的位置。按Ctrl+T鍵對對象進行自由變換，縮小圖像大小，并將其放置于封底的右上角，如圖12-73所示。 圖圖12-73 縮小對象并放置對象縮小對象并放置對象12.2.6 制作封底 2添加封底文字（1）在圖像中拖出段落定界框，輸入文字，并設(shè)置文字的字符樣式，如圖12-74所示。 （2）在圖像左上角輸入編者和封面設(shè)計者信息，并設(shè)置字符樣式，如圖12-75所示。 圖圖12-74 輸入介紹本書特點的文字輸入

24、介紹本書特點的文字 圖圖12-75 輸入編者信息輸入編者信息 12.2.6 制作封底 3添加條碼和定價（1）打開為本書專門創(chuàng)建的條碼，調(diào)整條碼圖像大小，如圖12-77所示。（2）輸入定價和書號文字，設(shè)置字符樣式，如圖12-78所示。 圖圖12-78 圖圖12-77 12.2.6 制作封底 （3）對【圖層】調(diào)板進行整理，將封底內(nèi)容所在圖層放置到名為“封底”的圖層組中。如圖12-79所示。調(diào)整最終效果如圖12-80所示。 圖圖12-79 本案例的圖層最終效果本案例的圖層最終效果 圖圖12-80 本案例的最終設(shè)計效果本案例的最終設(shè)計效果 12.3 背景知識簡介 書籍的裝幀是針對書籍的一種美術(shù)設(shè)計，是

25、一種針對書籍形態(tài)進行的設(shè)計工作。下面對書籍裝幀的有關(guān)知識進行介紹。 12.3.1 關(guān)于書籍裝幀 書籍的裝幀設(shè)計是一個系統(tǒng)工程，不僅需要一定的美學(xué)基礎(chǔ)，還需要對制作的工藝和材料有深入的了解。本節(jié)介紹書籍裝幀設(shè)計的有關(guān)知識。 12.3.1 關(guān)于書籍裝幀1書籍裝幀書籍裝幀設(shè)計是指書籍的整體設(shè)計，包括的內(nèi)容很多，其中封面、扉頁和插圖設(shè)計是其中的三大主體設(shè)計要素。要完成書籍裝幀的設(shè)計，需要考慮紙張的選擇，封面材料選用，開本確定，版式的設(shè)計，裝訂方法以及印刷和制作方法的決定等多方面的問題?，F(xiàn)在的書籍，一般采用2種裝幀形式，它們是平裝書和精裝書。常見書籍都是采用平裝書的裝幀形式，而精裝書一般是相對于平裝書而言的，諸如在書的封面和書芯的脊背、書角上進行各種造型加工的書籍均屬此類。 12.3.1 關(guān)于書籍裝幀2書籍的開本書的裝幀設(shè)計首先要進行裝幀策劃，這主要包括開本規(guī)劃、封面結(jié)構(gòu)和風(fēng)格的設(shè)