包裝設(shè)計(jì)案例之PS教程

1、包裝設(shè)計(jì)教程:跳跳豆糖果包裝實(shí)例詳細(xì)闡述一個(gè)鋁膜材料的糖果包裝袋從構(gòu)思、設(shè)計(jì)到印刷制作的全過程。如圖 13-1 和圖 13-2 所示，分別為“跳跳豆”的正背面設(shè)計(jì)圖和成品立體效果圖。設(shè)計(jì)前序這是一款糖果休閑食品，產(chǎn)品消費(fèi)群針對兒童?？蛻粢笤O(shè)計(jì)師在設(shè)計(jì)的時(shí)候要突出品名，體現(xiàn)巧克力食品的特性，版面要賦予兒童食品的天真活潑氣氛。已知薄膜袋包裝的正面展開尺寸是： 24.5 厘米（長） 16 厘米（寬）。學(xué)習(xí)要點(diǎn) 包裝設(shè)計(jì)的定位 設(shè)置包裝的標(biāo)準(zhǔn)尺寸 制作包裝的平面展開圖 包裝印刷制版 制作包裝的立體效果圖創(chuàng)作思路1 產(chǎn)品定位“跳跳豆”是一款針對兒童的休閑食品。根據(jù)產(chǎn)品的消費(fèi)群，包裝的設(shè)計(jì)風(fēng)格要活潑、富

2、于童趣，包裝的平面設(shè)計(jì)效果要能吸引消費(fèi)者的食欲。2 設(shè)計(jì)手法包裝的主色調(diào)用綠色，體現(xiàn)產(chǎn)品的健康環(huán)保；卡通活潑的吉祥物和醒目的標(biāo)題文字，渲染了包裝的視覺氛圍；旋轉(zhuǎn)粘稠的奶油和七彩鮮艷的巧克力豆，則傳達(dá)了產(chǎn)品的特性。3 印刷思路本包裝采用圓筒圓壓式凹版印刷機(jī)印刷。通常的休閑食品包裝都設(shè)有透明視窗，所以包裝正面可采用亮澤好、透明度高的簿膜材料，稱為“珠光膜”。在凹版印刷中，印刷時(shí)是存在白色的。包裝的背面可采用一種稱為“復(fù)鋁膜”的材料，這種材料自帶有一層白色反光度極強(qiáng)的鋁膜，印刷時(shí)需在鋁膜的另一側(cè)印刷畫面顏色，然后再過膜。本產(chǎn)品的包裝是屬于正反面形式，通常稱為“雙邊袋”包裝。印刷顏色分為四種：黑、青、

3、紅、黃。因此在制作菲林時(shí) ，讀者可以按照常規(guī)的四色制版方式。4 成品流程認(rèn)真對待每個(gè)制作環(huán)節(jié)，如有差錯(cuò)將功虧一簣。糖果包裝的制作流程大致分為：設(shè)計(jì)構(gòu)思印前準(zhǔn)備設(shè)計(jì)初稿定稿印前電腦制作菲林制造印刷版成批印刷裝箱成品。作為一名設(shè)計(jì)人員能完成的任務(wù)就是從設(shè)計(jì)初稿到印刷前的制作，如圖 13-3 所示是“跳跳豆”包裝前期的制作過程。 設(shè)置包裝的標(biāo)準(zhǔn)尺寸（1）啟動 Photoshop軟件。（2）按 Ctrl+N 鍵，在彈出的【 新建】對話框中設(shè)置寬度為 16 厘米，高度為 24.5 厘米，分辨率為 300 像素 / 英寸，色彩模式為 CMYK 顏色，背景色為白色，如圖 13-4 所示，建立新文件。圖13-

4、4 建立新文件（3）按 Ctrl+Shift+S 【存儲】鍵，存儲該文件為“跳跳豆正面” PSD 格式。（4）根據(jù)包裝的正面尺寸，首先要在 Photoshop CS 當(dāng)前文件中設(shè)置包裝袋的壓邊線，將工具箱中的前景色設(shè)置為灰色“ C ： 0 ， M ： 0 ， Y ： 0 ， K ： 25 ”，按 Alt+Delete 鍵填充到當(dāng)前文件。接著按快捷鍵 Ctrl+R 顯示標(biāo)尺，然后在標(biāo)尺上拖曳鼠標(biāo)創(chuàng)建輔助線，如圖 13-5 所示。圖 13-5 繪制包裝輔助線一般雙邊封包裝袋左右兩邊壓邊各 0.5 厘米 ，上壓邊 4 厘米 ，下壓邊 2 厘米 ，根據(jù)這些參數(shù)拖出輔助線。 制作包裝正面平面圖包裝是雙邊

5、封的，因此正背面應(yīng)分開獨(dú)立制作。因?yàn)檎骈_透明視窗，所以正面是用普通膜印刷，設(shè)計(jì)時(shí)要考慮到這一點(diǎn)。1 制作包裝的底紋（1）按 Ctrl+Shift+N 鍵，新建圖層為“圖層 1 ”，將前景色設(shè)置為綠色“ C ： 73 ， M ： 0 ， Y ： 100 ， K ： 0 ”。然后選擇工具箱中的 【漸變工具】，調(diào)出【漸變編輯器】，選擇漸變類型為前景到透明。在文件的上下各拉出兩道漸變色，而中間的空白處為透明，如圖 13-6 和圖 13-7 所示。圖 13-6 設(shè)置前景色圖 13-7 應(yīng)用漸變（2）繼續(xù)執(zhí)行 Ctrl+Shift+N 【 新建圖層 】 命令，新建圖層為 “圖層 2 ”，將前景色設(shè)置為白

6、色。選擇工具箱中的 【畫筆工具】，按 F5 鍵彈出【畫筆】面板，如圖 13-8 所示進(jìn)行參數(shù)設(shè)置。接著在版面上方隨意噴幾個(gè)白點(diǎn)，按 M 鍵切換到 【矩形選框工具】將幾個(gè)白點(diǎn)圈選，如圖 13-9 所示。圖 13-8 設(shè)置畫筆參數(shù)圖 13-9 噴繪白點(diǎn)并圈選為選區(qū)圈選白點(diǎn)的原因是為了讓接下來的操作只在所選區(qū)域里進(jìn)行，選取區(qū)域的大小直接影響操作效果。（3）執(zhí)行菜單中的【濾鏡】【扭曲】【旋轉(zhuǎn)扭曲】命令，在彈出的【旋轉(zhuǎn)扭曲】對話框中設(shè)置參數(shù)，如圖 13-10 所示，單擊【好】按鈕，然后按快捷鍵 Ctrl+D 取消選區(qū)，“旋轉(zhuǎn)的奶油”效果便完成了，如圖 13-11 所示。圖 13-10 在【旋轉(zhuǎn)扭曲】對話

7、框中設(shè)置參數(shù) 圖 13-11 完成旋轉(zhuǎn)的奶油效果 圖 13-10 在【旋轉(zhuǎn)扭曲】對話框中設(shè)置參數(shù)圖 13-11 完成“旋轉(zhuǎn)的奶油”效果（ 4 ）按 Ctrl+T 鍵執(zhí)行【自由變換】命令，對“圖層 2 ”進(jìn)行變換，如圖 13-12 所示；然后選擇菜單中的【濾鏡】【模糊】【高斯模糊】命令，在彈出的【高斯模糊】對話框中，將半徑設(shè)置為 23.2 像素，效果如圖 13-13 所示。圖1312 對“圖層 2 ”進(jìn)行變換圖 13-13 應(yīng)用高斯模糊2 制作品名（1）執(zhí)行【文件】【打開】命令，打開本書配套光盤中的【素材】【第 13 章】【跳跳豆】 PSD 文件。選擇【路徑】面板，按鍵盤“ A ”鍵切換【路徑選

8、擇工具】，選取所有路徑，如圖 13-14 所示。圖 13-14 選取所有路徑（ 2 ）把前景色設(shè)置為“ C ： 0 ， M ： 13 ， Y ： 100 ， K ： 0 ”，執(zhí)行 Ctrl+Delete 【 填充 】命令，填充“跳跳豆”文字選區(qū)。按鍵盤 【移動工具】按鈕，將“跳跳豆”文字路徑拖至“跳跳豆正面”文件中，為“圖層 3 ”；執(zhí)行 Ctrl+T 【自由變換】命令變換圖像大小；如圖 13-15 所示。圖 13-15（3）保持執(zhí)行【圖層】面板狀態(tài)，左鍵雙擊“圖層 3 ”，在彈出【圖層樣式】對話框中選擇“描邊”，將大小設(shè)置為 24 像素，顏色為“ C ： 0 ， M ： 100 ， Y ：

9、100 ， K ： 76 ” ，如圖 13-16 所示。描邊效果如圖 13-17 所示。圖 13-16 描邊樣式參數(shù)設(shè)計(jì)圖 13-17 描邊效果（4）復(fù)制“圖層 3 ”為“圖層 3 的外描邊”，將前景色設(shè)置為“ C ： 0 ， M ： 100 ， Y ： 100 ， K ： 76 ”，載入選區(qū)執(zhí)行 Ctrl+Delete 【填充】命令，填充前景色。然后按 B 鍵切換到 【畫筆工具】，將“跳跳豆”文字的空白處和字間縫隙填充，圖層狀況和效果如圖 13-18 所示。圖 13-18 當(dāng)前圖層狀況和效果（5）繼續(xù)執(zhí)行 Ctrl+Shift+N 【新建圖層】命令，新建“圖層 4 ”，并置于“圖層 3 ”上

10、面。然后運(yùn)用 【鋼筆工具】，勾畫出字體高光路徑，并載入選區(qū)。單擊工具箱中的 【漸變工具】按鈕，在選區(qū)中拉出漸變透明效果，如圖 13-19 所示。按同樣的方法繼續(xù)進(jìn)行調(diào)整，最后效果如圖 13-20 所示。圖 13-19 漸變水晶效果圖 13-20 品名的最后效果3 添加裝飾卡通及文字（1）單擊【文件】【打開】命令，打開本書配套光盤中的【素材】【第 13 章】【卡通豆】 PSD 文件，如圖 13-21 所示。運(yùn)用 【移動工具】將“卡通豆 .psd ”文件拖 曳入 “跳跳豆”文件中。接著，執(zhí)行 Ctrl+T 【自由變換工具】命令將“卡通豆”圖層進(jìn)行變換，擺放效果如圖 13-22 所示。圖 13-21

11、 打開“卡通豆 .psd ”文圖 13-22 裝飾卡通添加完成（2） 單擊工具箱中的 【橫排文字工具】按鈕，在包裝版面中輸入“ 100% ”、“米克力投入”和“ taste gelicacy ”文本圖層。選擇“ 100% ”文本圖層，在【字符控制欄】中設(shè)置如圖 13-23 所示參數(shù)。 接著，選擇菜單箱中的 【創(chuàng)建變形文本】按鈕，在彈出的【變形文本】對話框中設(shè)置參數(shù)，如圖 13-24 所示，將“ 100% ”文字環(huán)繞 標(biāo)題。最后，為字體添加 “描邊”效果，方法同前 。圖 13-23 字符控制欄參數(shù)設(shè)置圖 13-24 變形文字參數(shù)設(shè)置（3）“米克力投入”、“ taste gelicacy ”文字也

12、同樣用以上方法制作，最終制作效果如圖 13-25 所示。圖 13-25 變形文字效果完成由于每臺電腦安裝的字體 有所不同，讀者在自 己制作案例時(shí)的字體選擇上可能會跟本案例有區(qū)別。所以，字體選擇上讀者可根據(jù)自己的想法和愛好而定，但最終效果要符合版面要求。 （3） 從目前的 卡通和字體排版來看，感覺有點(diǎn)凌亂。所以，接下來要在“跳跳豆”品名、扇形變形字體和卡通豆后面填充一個(gè)白色色塊，以增強(qiáng)版面的層次感。（4 ） 執(zhí)行 Ctrl+Shift+N 【 新建圖層 】命令，為文件增加“背景白底”圖層， 運(yùn)用工具箱中的 【鋼筆工具】，環(huán)繞 “跳跳豆”品名、扇形變形字體和卡通豆周圍繪制路徑，繪制情況如圖 13-

13、26 所示。閉合路徑后載入選區(qū)，將選區(qū)填充為白色， 并置于“圖層 2 ”上方， 最終效果如圖 13-27 所示。圖 13-26 繪制“背景白底”選區(qū)圖 13-27 填充“背景白底”選區(qū)（5 ）按 Ctrl+Shift+N 【新建圖層】命令，新建“圖層 7 ”，運(yùn)用工具箱中的 【橢圓工具】，在包裝的右下角拖出一個(gè)橢圓并轉(zhuǎn)換成選區(qū)，填充“ Y ： 100 ”純黃色，接著復(fù)制“圖層 7 ”為“圖層 7 副本”，并置于“圖層 7 ” 下方，填充為“ M ： 100 ， Y ： 100 ”的紅色，再執(zhí)行 Ctrl+T 【自由變換】命令，將其放大到如圖 13-28 所示效果。圖 13-28 制作圖標(biāo)（6 ）繼續(xù)運(yùn)用工具箱中的 【橫排文字工具】，在 “圖層