計算機輔助平面設(shè)計第八章創(chuàng)意空間課件

1、第八章創(chuàng)意空間第八章創(chuàng)意空間2本章導(dǎo)讀 本章選取極具代表性的3個實例進行案例講解，是對前幾章知識點的復(fù)習(xí)和提高。通過不斷的實例練習(xí)， 使學(xué)生計算機輔助平面設(shè)計軟件的運用能力更上一層樓。但平面設(shè)計的軟件工具操作是機械性的，平面設(shè)計 的優(yōu)劣主要還是取決于設(shè)計者的創(chuàng)意，創(chuàng)意的來源要在平時的練習(xí)中不斷積累轉(zhuǎn)化，這樣才能創(chuàng)作出商業(yè)和 藝術(shù)并重的設(shè)計作品。 學(xué)習(xí)目標 熟練掌握創(chuàng)意空間的設(shè)計方法，能夠自行設(shè)計出商業(yè)和藝術(shù)并重的設(shè)計作品。第一節(jié)飾品畫冊設(shè)計（1）在Photoshop中新建文檔，其高度為42厘米，寬度為28.5厘米，分辨率為300像素/英寸，顏 色模式為 CMYK，如圖 8-1 所示。圖 8-1

2、 新建文檔設(shè)置2本章導(dǎo)讀第一節(jié)飾品畫冊設(shè)計（1）在Photoshop中3（2）為文檔加入白色背景，并調(diào)出參考線，如圖 8-2 所示。圖 8-2 參考線示意圖（3）打開珠寶素材圖片，并將素材選定，移至文檔中，如圖 8-3 所示。圖 8-3 珠寶位置示意3（2）為文檔加入白色背景，并調(diào)出參考線，如圖 8-2 所示4（4）將珠寶的位置調(diào)整好，并將花紋筆刷載入軟件，進行噴涂，如圖 8-4 所示。 對珠寶圖片進行變形處理，使用橡皮擦工具擦除不需要的部分。其效果如圖 8-5 所示。圖 8-4 載入花紋筆刷圖 8-5 擦除不需要的部分后的效果4（4）將珠寶的位置調(diào)整好，并將花紋筆刷載入軟件，進行噴涂，5（5

3、）新建圖層，將其放置在下方，使用顏色#ffc600填充圖層，使用橢圓選 框工具建立圖 8-6 所示的選區(qū)，并用白色填充，如圖 8-7 所示。圖 8-6 選區(qū)示意圖 8-7 填充顏色后的效果5（5）新建圖層，將其放置在下方，使用顏色#ffc600填充6（6）調(diào)整圖層樣式，添加“內(nèi)陰影”“內(nèi)發(fā)光”“斜面和浮雕”“漸變疊加”， 其設(shè)置如圖 8-8 圖 8-12 所示。圖 8-8“內(nèi)陰影”參數(shù)設(shè)置 圖 8-9“內(nèi)發(fā)光”參數(shù)設(shè)置6（6）調(diào)整圖層樣式，添加“內(nèi)陰影”“內(nèi)發(fā)光”“斜面和浮雕”7圖 8-10“斜面和浮雕”參數(shù)設(shè)置 圖 8-11“漸變疊加”參 數(shù)設(shè)置7圖 8-10“斜面和浮雕”參數(shù)設(shè)置 8（7）

4、將上述制作的圖形復(fù)制幾個，縮放，并排列好位置，如圖 8-13 所示。圖 8-12“漸變編輯器”設(shè)置圖 8-13調(diào)整圖形后的效果8圖 8-12“漸變編輯器”設(shè)置圖 8-13調(diào)整圖形后的9（8）使用畫筆工具，畫筆設(shè)置如圖 8-14 圖 8-16 所示，建立新層并進行繪制，可以適當(dāng) 調(diào)整畫筆的大小，最后將圖層的混合模式改為 “柔光”。 圖 8-14畫筆筆尖形狀設(shè)置 圖 8-15畫筆形狀動態(tài)設(shè)置 圖 8-16畫筆平滑設(shè)置9（8）使用畫筆工具，畫筆設(shè)置如圖 8-14 圖 8-110調(diào)整畫筆后在畫布上隨機畫些色塊作為點綴，如圖 8-17 所示。（9）使用矩形選框工具在畫冊的中心線繪制圖 8-18 所示的選

5、區(qū)。圖 8-17畫好點綴后的效果圖 8-18畫冊中心選區(qū)示意10調(diào)整畫筆后在畫布上隨機畫些色塊作為點綴，如圖 8-17 11（10）使用漸變工具將前景色設(shè)為黑色，在漸變編輯器里設(shè)置從黑色到透明的漸變，建 立新圖層，并拉出漸變，制作出陰影，如圖 8-19、圖 8-20 所示。圖 8-19“漸變編輯器”參數(shù)設(shè)置 圖 8-20填充漸變后的效果11（10）使用漸變工具將前景色設(shè)為黑色，在漸變編輯器里設(shè)置12（11）將背景素材置入，并更改圖層混合模式為“疊加”，添加文字，調(diào)整手串的位置與不透 明度。畫冊最終的效果如圖 8-21 所示。圖 8-21畫冊最終的效果 第二節(jié)產(chǎn)品包裝設(shè)計（1）在 Illustr

6、ator 中執(zhí)行”文件” “新建”命令，在彈出的“新建文檔”對話 框中為文檔命名，設(shè)定大小為A4，顏色模 式為 CMYK，柵格效果為 300 ppi，單擊 “確定”按鈕創(chuàng)建文檔，如圖 8-22 所示。（2）根據(jù)包裝結(jié)構(gòu)設(shè)計和尺寸創(chuàng)建各 面形體。使用矩形工具創(chuàng)建出多個矩形對象， 使用編組選擇工具選中所有矩形，右擊，在 彈出的快捷菜單中選擇“編組”選項，如 圖 8-23、圖 8-24 所示。圖 8-22新建畫布設(shè)置12（11）將背景素材置入，并更改圖層混合模式為“疊加”，添13 將編組后的矩形組合為包裝的平面展開圖，如 圖 8-25 所示。（3）使用選擇工具選定全部矩形對象，執(zhí)行“選 擇”“對象”

7、“方向手柄”命令，然后執(zhí)行“編輯”“復(fù) 制”命令和“編輯”“粘貼”命令。在得到的拷貝中， 使用直接選擇工具將路徑按照節(jié)點分離開來，如圖 8-26 所示。選擇相關(guān)線段，在“描邊“面板中設(shè)定為虛線外觀， 圖 8-27 所示。（4）執(zhí)行“文件”“置入”命令，將事先準備好的 素材置入圖稿中，作為包裝盒正面圖形，如圖 8-28 所示。圖 8-23工具欄中 圖 8-24編組設(shè)置的矩形工具圖 8-25產(chǎn)品包裝展開圖13 將編組后的矩形組合為包裝的平面展開圖，如 圖 8-14圖 8-26直接選擇工具 圖 8-27“描邊”面板設(shè)置圖 8-28置入圖片14圖 8-26直接選擇工具 圖 8-27“描邊”面15（5）

8、按 Alt 鍵拖拽出包裝頂部的矩形并進行復(fù)制；調(diào)整需要置入圖片的大小，按 Shift 鍵使其能夠等比例 縮放，將復(fù)制出的矩形放在圖片的適當(dāng)位置。選中圖片和矩形，右擊，在彈出的快捷菜單在選擇“建立剪切 蒙版”選項，進行圖片剪切，如圖 8-29 所示。將剪切好的圖片放到包裝盒上面，如圖 8-30 所示。圖 8-29“建立剪切蒙版”命令 圖 8-30放置好正面圖片（6）選擇包裝盒較窄的側(cè)面矩形對象，設(shè)定填色為 C ：0，M ：0，Y ：0，K ：100，如圖 8-31 所示。圖 8-31置入顏色15（5）按 Alt 鍵拖拽出包裝頂部的矩形并進行復(fù)制；調(diào)整16（6）運用文字工具編輯出文字，如圖 8-3

9、2 所示。輸入文字“Canon 佳能感動常在”，如圖 8-33 所示。（7）編輯好文字后選中文字，按Alt鍵，然后按左、右方向鍵對字體進行間距調(diào)整。用鋼筆工具勾畫出 一個圖標，如圖 8-34 所示。 圖 8-32文字工具 圖 8-33輸入文字 圖 8-34勾畫好的圖標 選中制作好的圖標，右擊，在彈出的快捷菜單中選擇“變換”選項下的“對稱”命令，復(fù)制出另一個圖標， 如圖 8-35 所示。圖 8-35復(fù)制出另一個圖標16（6）運用文字工具編輯出文字，如圖 8-32 所示。輸入17復(fù)制時選中“預(yù)覽”復(fù)選框查看，如圖 8-36、圖 8-37 所示。圖 8-36“預(yù)覽”選項 圖 8-37復(fù)制好的圖形 把

10、復(fù)制好的圖標放到相應(yīng)的位置上并選中，對其進行水平居中分布和垂直居中分布調(diào)整， 如圖 8-38 所示。 圖 8-38調(diào)整好位置的文字與圖標 對上述做好的圖像進行復(fù)制并進行水平翻轉(zhuǎn)，包裝盒的側(cè)面即制作完成，如圖 8-39 所示。17復(fù)制時選中“預(yù)覽”復(fù)選框查看，如圖 8-36、圖 8-318圖 8-39包裝盒的側(cè)面（8）選中制作好的包裝盒頂部，右擊，在彈出的快捷菜單中選擇“編組”選項，如 圖 8-40 所示。 編組完成后，選中包裝盒，使用“對稱”命令，可直接復(fù)制出一個包裝底部，并且對包裝盒的每個部分進行方向調(diào)整和對齊調(diào)整，包裝盒平面展開圖即制作完成，如圖8-41 所示。圖 8-40“編組”命令18

11、圖 8-39包裝盒的側(cè)面（8）選中制作好的包裝盒頂部，19（9）將上述做好的包裝盒在Photoshop里進行貼圖，找一個尺寸和上述制作好的包裝盒差 不多大小的 3D 展示素材，如圖 8-42 所示。圖 8-423D 展示素材圖8-41包裝盒平面展開圖19（9）將上述做好的包裝盒在Photoshop里進行貼圖，20（10）返回到Illustrator中，將需要展示的部分單獨編組，然后直接拖動到 Photoshop 中；雙擊置入，然后右擊，在彈出的快捷菜單中選擇“柵格化圖層”選項， 如圖 8-43 所示。圖 8-43置入包裝盒頂部（11）按快捷鍵Ctrl+T，然后右擊，對圖片進行扭曲變形和透視變形

12、，如 圖 8-44 所示。圖 8-44圖片變形20（10）返回到Illustrator中，將需要展示的部分21貼好的包裝盒頂部如圖 8-45 所示。圖 8-45貼好的包裝盒頂部（12）將包裝盒其他需要展示的部分依次按照以上步驟進行貼圖，最后完成包裝盒立體展 示，如圖 8-46 所示。圖 8-46包裝盒立體展示21貼好的包裝盒頂部如圖 8-45 所示。圖 8-45貼好22（1）執(zhí)行“文件”“新建”命令，在彈出的“新建文檔”對話框中為文檔命名，指定大 小為A4，顏色模式為CMYK，柵格效果為300 ppi。單擊“確定”按鈕以創(chuàng)建文檔，如圖8-47 所示圖 8-47新建文檔設(shè)置第三節(jié)導(dǎo)視系統(tǒng)設(shè)計（2

13、）制作導(dǎo)視系統(tǒng)前，首先應(yīng)根據(jù)應(yīng)用的場所確定好導(dǎo)視系統(tǒng)的整體風(fēng)格，然后確定導(dǎo)視 系統(tǒng)的配色、輔助圖形、基本的英文字體、中文字體和數(shù)字字體。此處制作的導(dǎo)視系統(tǒng)為時尚、 簡練、活力的風(fēng)格，所以選用的字體為時尚中黑，如圖 8-48 所示。圖 8-48時尚中黑字體示意22（1）執(zhí)行“文件”“新建”命令，在彈出的“新建文檔”對23 中文字體和數(shù)字顏色分別為玫紅色（C ：20，M ：100，Y ：55，K ：0）和灰色（C ：60，M ：55，Y ： 50，K ：1），如圖 8-49、圖 8-50 所示。對設(shè)置的四色印刷值盡量取整數(shù)圖 8-49中文字體顏色圖 8-50數(shù)字字體顏色（3）基本配色和字體選取好后

14、，開始繪制基本的導(dǎo)視標識?；镜膶?dǎo)視標識分為公共衛(wèi)生間標識、指向 標識、注意標識等。（4）首先繪制公共衛(wèi)生間標識，運用鋼筆工具（圖 8-51）和矩形工具（圖 8-52）。 圖 8-51鋼筆工具圖 8-52矩形工具圖 8-53繪制出的直線 繪制圖標時，按住 Shift 鍵可直接繪制出直線，如圖 8-53 所示。 然后運用矩形工具直接繪制出一個長方形，如圖 8-54 所示。 再用添加錨點工具并按 Shift 鍵添加出兩個對稱的錨點，如圖 8-55 所示。 用直接選擇工具刪除矩形最下方的兩個錨點，這樣就可以繪制出一個有缺口的矩形了，如圖 8-56 所示23 中文字體和數(shù)字顏色分別為玫紅色（C ：20

15、，M24圖 8-54繪制出的長方形圖 8-55對稱的兩個錨點 圖 8-56有缺口的矩形 圖 8-57繪制圖標的腿部 圖 8-58調(diào)整好的圖標圖 8-59端點為圓頭 用直線工具繪制圖標的腿 部，按住Shift鍵可畫出直線， 如圖 8-57 所示。 按住Alt鍵直接拖拽直線， 可直接復(fù)制出一個等比例圖形。 拖拽時按住Shift鍵，拖拽的圖 形可與被復(fù)制的圖形等高，將畫 的圖形的每一部分進行水平居中 對齊，如圖 8-58 所示。 將繪制好的線全部選中，選 擇“描邊”面板中的圓頭端點， 畫好的線的端點則為圓滑的，如 圖 8-59 所示。 24圖 8-54繪制出的長方形圖 8-5525 這樣，公共衛(wèi)生間

16、的一個圖標就繪制完成了，按照上述同樣的方法繪制公共衛(wèi)生間的其他的圖標， 如圖 8-60 所示。圖 8-60公共衛(wèi)生間標識 將制作好的導(dǎo)視系統(tǒng)基本元素排列好，放到一側(cè)備用，如圖 8-61 所示。圖 8-61導(dǎo)視系統(tǒng)基本元素（5）接下來繪制指向標識。用鋼筆工具和矩形工具繪制出一個指向標識。用矩形工具，按快捷鍵 Shift+Alt 繪制出一個正方形，如圖 8-62 所示。 用鋼筆工具在左下角和右上角畫一條直線，如圖 8-63 所示。 選擇正方形，用直接選擇工具選擇左下角的錨點，按Delete鍵刪除，一個指向性的圖標就畫好了， 如圖 8-64 所示。 圖 8-62繪制出的正方形圖 8-63繪制出的直線

17、圖 8-64指向性圖標25 這樣，公共衛(wèi)生間的一個圖標就繪制完成了，按照上26 用選擇工具全選上述繪制的圖形，右擊，在彈出的快捷菜單中選擇“編組”選項，進行編組，如圖 8-65 所示。然后右擊，在彈出的快捷菜單中選擇“變換”選項下的“對稱”命令（圖 8-66），在打開的“鏡像” 對話框中選中“垂直”單選按鈕（圖 8-67）進行復(fù)制。 圖 8-65“編組”命令圖 8-66“對稱”命令 將繪制好的指向標識排列，如圖 8-68 所示。圖 8-67“垂直”命令（6）繪制注意標識。繪制注意標識時還是運用鋼筆工具和矩形工具，也可在網(wǎng)上找一些素材參考著描摹 下來，如圖 8-69 所示。圖 8-69繪制完成的

18、注意標識圖 8-68排列完成的指向標識26 用選擇工具全選上述繪制的圖形，右擊，在彈出的快捷27（7）將上述做好的導(dǎo)視系統(tǒng)基本標識保存好，如圖 8-70 所示。圖 8-70繪制完成的導(dǎo)視系統(tǒng)基本標識（8）繪制指示牌?？蓪⑸鲜鲎龊玫臄?shù)字和圖形直接復(fù)制，然后組合，如圖 8-71、圖 8-72 所示。（9）制作戶外指示牌?？芍苯又萌胂螺d好的指示牌素材模板，如圖 8-73 所示。 圖 8-71指示牌 圖 8-72電梯標識 將設(shè)定好的配色和字體合理地運用到指示牌素材中，如圖 8-74、圖 8-75 所示。此時，戶外導(dǎo)視系統(tǒng)即 制作完成27（7）將上述做好的導(dǎo)視系統(tǒng)基本標識保存好，如圖 8-7028圖 8-73下載指示牌素材模板 圖 8-74指示牌一圖 8-75指示牌二（10）給做好的戶外導(dǎo)視系統(tǒng)加上一個底色襯托，如圖 8-76 所示。28圖 8-73下載指示牌素材模板 29圖 8-76給戶外導(dǎo)視系統(tǒng)加上底色襯托課堂基礎(chǔ)訓(xùn)練 （1）熟悉Photoshop中混合選項的調(diào)整。 （2）熟悉Illustrator中的“對齊”命令的使用。課后進階 （1）制作時尚火鍋店導(dǎo)視系統(tǒng)。 （2）制作一個運動品牌的產(chǎn)品包裝。優(yōu)秀案例賞析 請欣賞圖8-77圖8-79所示的精彩設(shè)計作品。 圖 8-77