第16章包裝設(shè)計(jì)

1、第第16章章 包裝設(shè)計(jì)包裝設(shè)計(jì) 16.1 藥品包裝盒設(shè)計(jì)藥品包裝盒設(shè)計(jì) 16.2 書籍裝幀設(shè)計(jì)書籍裝幀設(shè)計(jì) 制作藥品包裝盒，效果如圖16.1.1所示。 實(shí)例1 藥品包裝盒設(shè)計(jì) 圖16.1.1 效果圖 在制作過(guò)程中，將用到矩形選框工具、橢圓選框工具、移 動(dòng)工具、文字工具、畫筆工具、減淡工具、直線工具、多邊形 套索工具以及變換和扭曲命令等。 （1）選擇“文件”“新建”命令，彈出“新建”對(duì)話框， 設(shè)置參數(shù)如圖16.1.2所示，設(shè)置完成后，單擊“確定”按鈕， 即可新建一個(gè)圖像文件。 圖16.1.2 “新建”對(duì)話框 （2）按“Ctrl+R”鍵顯示標(biāo)尺，并拖曳出如圖16.1.3所示的 參考線。 （3）單擊

2、工具箱中的“矩形選框工具”按鈕，在圖 像中繪制如圖16.1.4所示的選區(qū)。 圖16.1.3 顯示標(biāo)尺和參考線 圖16.1.4 繪制矩形選區(qū) （4）設(shè)置前景色為黃色（R：163，G：218，B：69），背 景色為綠色（R：52，G：112，B：58），單擊工具箱中的“漸 變工具”按鈕，其屬性欄設(shè)置如圖16.1.5所示。 圖16.1.5 “漸變工具”屬性欄 （5）設(shè)置完成后，新建“圖層1”，然后在圖像中從上向下 拖曳鼠標(biāo)為選區(qū)填充漸變效果，如圖16.1.6所示。 圖16.1.6 漸變填充圖像效果 （6）按“Ctrl+D”鍵取消選區(qū)，設(shè)置前景色為白色，單擊 工具箱中的“直線工具”按鈕，其屬性欄設(shè)置如

3、圖16.1.7所 示。 圖16.1.7 “直線工具”屬性欄 （7）設(shè)置完成后，新建“圖層2”，在圖像中繪制如圖16.1.8 所示的白色直線。并在圖層面板中將該圖層的“不透明度”參數(shù) 設(shè)置為70%，此時(shí)圖層面板如圖16.1.9所示。 圖16.1.8 繪制的白色直線 圖16.1.9 調(diào)整圖層的不透明度 （8）再利用矩形選框工具，在圖像中繪制如圖 16.1.10所示的選區(qū)。并新建“圖層3”，將其填充為綠色（R： 52，G：112，B：58），效果如圖16.1.11所示。 圖16.1.10 繪制的選區(qū) 圖16.1.11 填充選區(qū) （9）單擊工具箱中的“鋼筆工具”按鈕，其屬性欄 設(shè)置如圖16.1.12所

4、示。 圖16.1.12 “鋼筆工具”屬性欄 （10）設(shè)置完成后，在圖像中單擊繪制如圖16.1.13所示的 路徑。然后單擊路徑面板底部的“將路徑作為選區(qū)載入”按鈕 ，將所繪的路徑轉(zhuǎn)換為選區(qū)，如圖16.1.14所示。 圖16.1.13 繪制的路徑 圖16.1.14 將路徑轉(zhuǎn)換為選區(qū) （11）設(shè)置前景色為黃色（R：240，G：231，B：20）， 新建“圖層4”，按“Alt+Delete”鍵填充選區(qū)，按“Ctrl+D”鍵取 消選區(qū)，效果如圖16.1.15所示。再按“Ctrl+T”鍵調(diào)整其中圖像 的大小，并將該圖層的“不透明度”參數(shù)設(shè)置為70%，效果如 圖16.1.16所示。 圖16.1.15 填充選

5、區(qū)效果 圖16.1.16 調(diào)整其大小及不透明度 （12）單擊工具箱中的“橢圓選框工具”按鈕，在圖 像中繪制如圖16.1.17所示的選區(qū)，新建“圖層5”，并將其填充 為綠色（R：144，G：190，B：103），效果如圖16.1.18所示。 圖16.1.17 繪制的橢圓選區(qū) 圖16.1.18 填充選區(qū) （13）單擊工具箱中的“減淡工具”按鈕，其屬性欄 設(shè)置如圖16.1.19所示。 圖16.1.19 “減淡工具”屬性欄 （14）設(shè)置完成后，在圖像中單擊并拖動(dòng)鼠標(biāo)，減淡處理圖像， 效果如圖16.1.20所示。按“Ctrl+D”鍵取消選區(qū)，按“Ctrl+T”鍵執(zhí) 行自由變換命令，對(duì)圖像進(jìn)行旋轉(zhuǎn)，效果如

6、圖16.1.21所示。 圖16.1.20 減淡圖像效果 圖16.1.21 旋轉(zhuǎn)圖像 （15）按“Ctrl+D”鍵取消選區(qū)，在圖層面板中將“圖層5” 復(fù)制6個(gè)圖層副本，如圖16.1.22所示，并按“Ctrl+T”鍵分別調(diào) 整其圖層中圖像的大小及位置，效果如圖16.1.23所示。 圖16.1.22 復(fù)制圖層 圖16.1.23 調(diào)整圖像大小及位置 （16）利用工具箱中的橢圓選框工具，在圖像中 繪制如圖16.1.24所示的選區(qū)。 圖16.1.24 繪制橢圓選區(qū) （17）設(shè)置前景色為黃色（R：240，G：231，B：20），背 景色為土黃色（R：209，G：186，B：67），單擊工具箱中的 “漸變工具

7、”按鈕，其屬性欄設(shè)置如圖16.1.25所示。 圖16.1.25 “漸變工具”屬性欄 （18）設(shè)置完成后，新建“圖層6”并將其調(diào)整到“圖層5” 的下方，然后在選區(qū)中從左向右拖曳鼠標(biāo)為選區(qū)填充漸變效 果，如圖16.1.26所示。 （19）選擇“選擇”“變換選區(qū)”命令，將選區(qū)調(diào)整放 大，效果如圖16.1.27所示。 圖16.1.26 漸變填充圖像效果 圖16.1.27 調(diào)整選區(qū)效果 （20）按“Enter”鍵確認(rèn)操作，設(shè)置前景色為白色，單擊路 徑面板底部的“從選區(qū)生成工作路徑”按鈕，將選區(qū)轉(zhuǎn)換為 路徑，單擊工具箱中的“畫筆工具”按鈕，其屬性欄及畫筆 面板設(shè)置如圖16.1.28所示。 圖16.1.28

8、 “畫筆工具”屬性欄及畫筆面板 （21）設(shè)置完成后，新建“圖層7”，單擊路徑面板底部 “用畫筆描邊路徑”按鈕，對(duì)路徑進(jìn)行描邊，效果如圖 16.1.29所示。 （22）將“圖層7”合并到“圖層6”中，然后按“Ctrl+T”鍵 調(diào)整其大小及位置，效果如圖16.1.30所示。 圖16.1.29 畫筆描邊路徑 圖16.1.30 調(diào)整圖像大小及位置 （23）單擊工具箱中的“文字工具”按鈕，其屬性欄 設(shè)置如圖16.1.31所示。將文字的顏色設(shè)置為白色。 圖16.1.31 “文字工具”屬性欄 （24）設(shè)置完成后，在圖像中輸入文字“一粒清感冒片 YiliqingGanmaoPian”，效果如圖16.1.32所

9、示。 （25）再用文字工具在圖像中輸入其他黑色的文字 信息，效果如圖16.1.33所示。 圖16.1.32 輸入白色文字 圖16.1.33 輸入黑色文字 （26）此時(shí)藥盒的一個(gè)面已經(jīng)制作完成，將其保存，然 后合并除背景層以外的所有圖層為“圖層1”，并復(fù)制得到 “圖層1副本”，然后調(diào)整位置，效果如圖16.1.34所示。 圖16.1.34 復(fù)制并調(diào)整圖像 （27）再用矩形選框工具在圖像中繪制如圖16.1.35 所示的選區(qū)。 （28）新建“圖層2”，設(shè)置前景色為綠色（R：52，G： 112，B：58），對(duì)選區(qū)進(jìn)行填充，其效果如圖16.1.36所示。 圖16.1.35 繪制的選區(qū) 圖16.1.36 填

10、充選區(qū)效果 （29）按“Ctrl+D”鍵取消選區(qū)，復(fù)制“圖層2”為“圖層2 副本”，調(diào)整其位置效果如圖16.1.37所示。 圖16.1.37 復(fù)制并調(diào)整圖像效果 （30）利用文字工具在圖像中輸入白色的文字信 息，效果如圖16.1.38所示。 （31）新建“圖層3”，重復(fù)步驟（27）（28）的操 作，繪制兩個(gè)矩形，并填充為相同的綠色，效果如圖 16.1.39所示。 圖16.1.38 輸入文字效果 圖16.1.39 繪制并填充矩形選區(qū) （32）按“Ctrl+O”鍵打開一幅條形碼圖像，單擊工具箱中 的“移動(dòng)工具”按鈕，將其拖動(dòng)到新建圖像中，自動(dòng)生成 “圖層4”，按“Ctrl+T”鍵執(zhí)行自由變換命令，

11、調(diào)整其大小及位 置，并進(jìn)行旋轉(zhuǎn)，效果如圖16.1.40所示。 圖16.1.40 復(fù)制并調(diào)整圖像 （33）利用文字工具，在圖像中繪制的矩形另一邊輸 入白色的文字信息，并對(duì)其進(jìn)行旋轉(zhuǎn)，效果如圖16.1.41所示。 圖16.1.41 輸入文字信息 （34）將背景層作為當(dāng)前圖層，設(shè)置前景色為黑色，然后 按“Alt+Delete”鍵進(jìn)行填充。 （35）單擊工具箱中的“多邊形套索工具”按鈕，其 屬性欄設(shè)置如圖16.1.42所示。 圖16.1.42 “多邊形套索工具”屬性欄 （36）設(shè)置完成后，在圖像中繪制一個(gè)多邊形選區(qū)，效果 如圖16.1.43所示。 （37）新建“圖層5”，設(shè)置前景色為白色，按 “Alt

12、+Delete”鍵進(jìn)行填充，效果如圖16.1.44所示。 圖16.1.43 繪制的多邊形選區(qū) 圖16.1.44 填充選區(qū)效果 （38）用相同的方法，再繪制其他的多邊形，并隱藏標(biāo)尺和 參考線，效果如圖16.1.1左圖所示。 （39）此時(shí)藥盒的平面展開圖已制作完成，將其保存，最后， 再制作藥盒包裝的立體效果。 （40）合并除背景層以外的所有圖層為“圖層1”，利用矩形 選框工具，繪制如圖16.1.45所示的選區(qū)。 （41）將“圖層1”作為當(dāng)前圖層，按“Delete”鍵刪除選區(qū)中 的圖像，效果如圖16.1.46所示。 圖16.1.45 繪制選區(qū) 圖16.1.46 刪除選中的圖像 （42）用相同的方法，

13、刪除其他不需要的圖像，然后用工 具箱中的“魔棒工具”按鈕，在圖像中黑色背景處單擊， 再按“Ctrl+Shift+I”鍵反選選區(qū)，用移動(dòng)工具移動(dòng)圖像，效 果如圖16.1.47所示。 （43）再在圖像中繪制如圖16.1.48所示的選區(qū)，選擇“圖 層”“新建”“通過(guò)剪切的圖層”命令，將選區(qū)內(nèi)的圖像剪 切后作為新的圖層“圖層2”，并調(diào)整其位置，如圖16.1.49所示。 圖16.1.47 刪除圖像效果 圖16.1.48 繪制的選區(qū) （44）用相同的方法剪切包裝盒左側(cè)的矩形區(qū)域，并將 其作為新的圖層“圖層3”，此時(shí)的圖像效果及圖層面板如圖 16.1.50所示。 （45）選擇“編輯”“變換”“扭曲”命令，對(duì)

14、各圖 層進(jìn)行扭曲調(diào)整，最終效果如圖16.1.1右圖所示。 圖16.1.49 調(diào)整圖像效果 圖16.1.50 圖層面板 制作書籍裝幀，效果如圖16.2.1所示。 實(shí)例2 書籍裝幀設(shè)計(jì) 圖16.2.1 最終效果圖 在制作過(guò)程中，將用到矩形選框工具、圓角矩形工具、自 定形狀工具、移動(dòng)工具和文字工具等。 （1）選擇“文件”“新建”命令，彈出“新建”對(duì)話框， 設(shè)置參數(shù)如圖16.2.2所示，設(shè)置完成后，單擊“確定”按鈕，即 可新建一個(gè)圖像文件。 圖16.2.2 “新建”對(duì)話框 （2）按“Ctrl+R”鍵，在圖像文件中顯示標(biāo)尺，然后將鼠標(biāo) 指針置于標(biāo)尺上拖曳出需要的參考線，效果如圖16.2.3所示。 （3）

15、新建“圖層1”，單擊工具箱中的“矩形選框工具”按 鈕，在新建圖像中創(chuàng)建選區(qū)，然后再用紅色（C：0，M： 100，Y：100，K：0）填充，效果如圖16.2.4所示。 圖16.2.3 顯示標(biāo)尺和參考線 圖16.2.4 創(chuàng)建矩形選區(qū)并填充 （4）單擊工具箱中的“鋼筆工具”按鈕，其屬性欄設(shè)置 如圖16.2.5所示。 圖16.2.5 “鋼筆工具”屬性欄 （5）設(shè)置完成后，在圖像中單擊鼠標(biāo)繪制路徑，如圖 16.2.6所示。 （6）單擊路徑面板底部的“將路徑作為選區(qū)載入”按鈕 ，將路徑轉(zhuǎn)換為選區(qū)，新建“圖 層2”，將其填充為白色， 如圖16.2.7所示。 圖16.2.6 繪制的路徑 圖16.2.7 填充選

16、區(qū) （7）打開一幅圖像，如圖16.2.8所示，單擊工具箱中的“移 動(dòng)工具”按鈕，將其拖動(dòng)到新建圖像中，自動(dòng)生成“圖層3”， 并按“Ctrl+T”鍵調(diào)整其大小及位置，效果如圖16.2.9所示。 圖16.2.8 打開的圖像 圖16.2.9 復(fù)制并調(diào)整圖像 （8）將“圖層3”復(fù)制兩次，并分別命名為“圖層4”和 “圖層5”，并調(diào)整圖層中圖像的位置，如圖16.2.10所示。 圖16.2.10 復(fù)制圖層并調(diào)整其圖像位置 （9）單擊工具箱中的“橡皮擦工具”按鈕，其屬性 欄設(shè)置如圖16.2.11所示。 圖16.2.11 “橡皮擦工具”屬性欄 （10）設(shè)置完成后，隱藏“圖層5”，在圖像中單擊鼠標(biāo)， 將“圖層4”

17、中多余的羽毛部分擦除，如圖16.2.12所示。 圖16.2.12 擦除圖像 （11）顯示“圖層5”，并按住“Ctrl”鍵單擊該圖層載入其 選區(qū)，選擇“圖像”“調(diào)整”“色相/飽和度”命令，彈出 “色相/飽和度”對(duì)話框，設(shè)置參數(shù)如圖16.2.13所示。 （12）設(shè)置完成后，單擊“確定”按鈕，如圖16.2.14所示。 圖16.2.13 “色相/飽和度”對(duì)話框 圖16.2.14 調(diào)整色相/飽和度效果 （13）按“Ctrl+D”鍵取消選區(qū)，利用橡皮擦工具將 “圖層5”中多余的羽毛部分擦除，如圖16.2.15所示。 （14）單擊工具箱中的“矩形選框工具”按鈕，在 圖像中繪制矩形選區(qū)，新建“圖層6”，將該選

18、區(qū)填充為紅色 （C：0，M：100，Y：100，K：0），如圖16.2.16所示。 （15）利用鋼筆工具，其屬性欄設(shè)置如圖16.2.5所示， 然后在圖像中繪制如圖16.2.17所示的路徑。 圖16.2.15 擦除圖像 圖16.2.16 繪制選區(qū)并填充 圖16.2.17 繪制路徑 （16）然后將路徑轉(zhuǎn)換為選區(qū)，新建“圖層7”，將其填充為 紅色（C：0，M：100，Y：100，K：0），如圖16.2.18所示。 圖16.2.18 填充選區(qū) （17）取消選區(qū)，單擊工具箱中的“文字工具”按鈕， 其屬性欄設(shè)置如圖16.2.19所示。 圖16.2.19 “文字工具”屬性欄 （18）設(shè)置完成后，在圖像中輸入

19、紅色（C：0，M：100，Y： 100，K：0）文字“新編中文行業(yè)應(yīng)用實(shí)例”，黑色文字 “Photoshop CS2”及“楊妮 編”，并調(diào)整文字的大小及字體，如 圖16.2.20所示。 圖16.2.20 輸入文字 （19）單擊工具箱中的“自定形狀工具”按鈕， 其屬性欄設(shè)置如圖16.2.21所示。 圖16.2.21 “自定形狀工具”屬性欄 （20）設(shè)置完成后，新建“圖層8”，在圖像中繪制圖形，如 圖16.2.22所示。再利用文字工具在圖像中輸入白色的文字 “計(jì)算機(jī)行業(yè)應(yīng)用實(shí)例規(guī)劃教材”，如圖16.2.23所示。 圖16.2.22 繪制圖形并填充 圖16.2.23 輸入白色文字 （21）單擊工具箱

20、中的“橢圓選框工具”按鈕，在 圖像中按住“Shift”鍵的同時(shí)單擊鼠標(biāo)繪制一個(gè)正圓選區(qū)，并 新建“圖層9”，填充為紅色（C：0，M：100，Y：100，K： 0），如圖16.2.24所示。 （22）按“Ctrl+D”鍵取消選區(qū)，復(fù)制“圖層9”為“圖層9 副本”，并調(diào)整其位置，如圖16.2.25所示。 圖16.2.24 繪制選區(qū)并填充 圖16.2.25 復(fù)制并調(diào)整圖像 （23）再用文字工具在圖像中輸入黑色的文字信息， 如圖16.2.26所示。 圖16.2.26 輸入文字信息 （24）打開一幅圖像，如圖16.2.27所示，利用移動(dòng)工具 將其拖動(dòng)到新建圖像中，自動(dòng)生成“圖層10”，并調(diào)整其大小及 位

21、置，效果如圖16.2.28所示。 圖16.2.27 打開的圖像 圖16.2.28 復(fù)制并調(diào)整圖像 （25）再用文字工具在圖像中輸入白色和黑色的文字 信息，如圖16.2.29所示。 （26）復(fù)制“圖層8”為“圖層8副本”，并調(diào)整其中圖像的 位置，如圖16.2.30所示。 圖16.2.29 輸入文字信息 圖16.2.30 復(fù)制并調(diào)整圖像 （27）單擊工具箱中的“直排文字工具”按鈕，其屬 性欄設(shè)置如圖16.2.31所示。 圖16.2.31 “直排文字工具”屬性欄 （28）設(shè)置完成后，在圖像中書脊的位置處輸入白色文字， 如圖16.2.32所示。 （29）復(fù)制“圖層3”為“圖層3副本”，并調(diào)整其中圖像的

22、 位置，如圖16.2.33所示。 圖16.2.32 輸入白色的信息 圖16.2.33 復(fù)制并調(diào)整圖像 （30）將“圖層3副本”作為當(dāng)前圖層，選擇“圖像”“調(diào) 整”“色相/飽和度”命令，彈出“色相/飽和度”對(duì)話框，設(shè)置 參數(shù)如圖16.2.34所示。 （31）設(shè)置完成后，單擊“確定”按鈕，如圖16.2.35所示。 圖16.2.34 “色相/飽和度”對(duì)話框 圖16.2.35 調(diào)整色相/飽和度效果 （32）再用文字工具在圖像中輸入白色的文字信息， 如圖16.2.36所示。 （33）新建“圖層11”，利用矩形選框工具在新建圖 像中創(chuàng)建選區(qū)，然后再用黃色（C：1，M：69，Y：76，K：0） 填充，如圖1

23、6.2.37所示。 圖16.2.36 輸入白色文字信息 圖16.2.37 繪制選區(qū)并填充 （34）再用文字工具在圖像中輸入白色的文字信息， 如圖16.2.38所示。 （35）新建“圖層12”，利用矩形選框工具在新建圖像 中創(chuàng)建選區(qū)，然后再用黃色（C：1，M：69，Y：76，K：0） 填充，如圖16.2.39所示。 圖16.2.38 輸入白色文字信息 圖16.2.39 繪制選區(qū)并填充 （36）取消選區(qū)，將“圖層12”復(fù)制6次，并調(diào)整其中圖像的 位置，圖層面板及效果如圖16.2.40所示。 圖16.2.40 復(fù)制圖層并調(diào)整其位置 （37）新建“圖層13”，利用矩形選框工具，在新建 圖像中創(chuàng)建選區(qū)，然后再用深紅色 （C：0，M：100，Y：100， K：30）填充，取消選區(qū)，將“圖層13”復(fù)制6次，并調(diào)整其中 圖像的位置，圖層面板及效果如圖16.2.41所示。 圖16.2.41 復(fù)制并調(diào)整圖像 （38）再打開一幅圖像，如圖16.2.42所示，利用移動(dòng)工 具將其拖動(dòng)到新建圖像中，自動(dòng)生成“圖層14”，并調(diào) 整其大小及位置，效果如圖16.2.43所示。 圖16.2.42 打開的圖像 圖16.2.43 復(fù)制并調(diào)整圖像 （39）再用文字工具在圖像中輸入黑色的文字信 息，如圖16.2.44所示。 圖16.2.44 輸入黑色文字信息 （40）單擊工具箱中的“直線工具”按鈕，其屬