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

單擊此處編輯母版標題樣式,單擊此處編輯文本,第二級,第三級,第四級,第五級,*,*,第八章創(chuàng)意空間,第八章創(chuàng)意空間,2,本章導讀,本章選取極具代表性的3個實例進行案例講解，是對前幾章知識點的復習和提高。通過不斷的實例練習，使學生計算機輔助平面設(shè)計軟件的運用能力更上一層樓。但平面設(shè)計的軟件工具操作是機械性的，平面設(shè)計 的優(yōu)劣主要還是取決于設(shè)計者的創(chuàng)意，創(chuàng)意的來源要在平時的練習中不斷積累轉(zhuǎn)化，這樣才能創(chuàng)作出商業(yè)和 藝術(shù)并重的設(shè)計作品。,學習目標,熟練掌握創(chuàng)意空間的設(shè)計方法，能夠自行設(shè)計出商業(yè)和藝術(shù)并重的設(shè)計作品。,第一節(jié)飾品畫冊設(shè)計,（1）在Photoshop中新建文檔，其高度為42厘米，寬度為28.5厘米，分辨率為300像素/英寸，顏 色模式為 CMYK，如,圖 8-1,所示,。,圖 8-1 新建文檔設(shè)置,2本章導讀第一節(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）新建圖層，將其放置在下方，使用顏色#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）將上述制作的圖形復制幾個，縮放，并排列好位置，如,圖 8-13,所示。,圖 8-12“漸變編輯器”設(shè)置,圖 8-13調(diào)整圖形后的效果,8圖 8-12“漸變編輯器”設(shè)置圖 8-13調(diào)整圖形后的,9,（8）使用畫筆工具，畫筆設(shè)置如圖,8-14 圖 8-16,所示，建立新層并進行繪制，可以適當 調(diào)整畫筆的大小，最后將圖層的混合模式改為“柔光”。,圖 8-14畫筆筆尖形狀設(shè)置,圖 8-15畫筆形狀動態(tài)設(shè)置 圖 8-16畫筆平滑設(shè)置,9（8）使用畫筆工具，畫筆設(shè)置如圖 8-14 圖 8-1,10,調(diào)整畫筆后在畫布上隨機畫些色塊作為點綴，如,圖 8-17,所示。,（9）使用矩形選框工具在畫冊的中心線繪制圖,8-18,所示的選區(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）在 Illustrator 中執(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í)行“選 擇”“對象”“方向手柄”命令，然后執(zhí)行“編輯”“復 制”命令和“編輯”“粘貼”命令。在得到的拷貝中，使用直接選擇工具將路徑按照節(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）按 Alt 鍵拖拽出包裝頂部的矩形并進行復制；調(diào)整需要置入圖片的大小，按 Shift 鍵使其能夠等比例 縮放，將復制出的矩形放在圖片的適當位置。選中圖片和矩形，右擊，在彈出的快捷菜單在選擇“建立剪切 蒙版”選項，進行圖片剪切，如,圖 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 鍵拖拽出包裝頂部的矩形并進行復制；調(diào)整,16,（6）運用文字工具編輯出文字，如圖,8-32,所示。輸入文字“Canon 佳能感動常在”，如,圖 8-33,所示。,（7）編輯好文字后選中文字，按Alt鍵，然后按左、右方向鍵對字體進行間距調(diào)整。用鋼筆工具勾畫出 一個圖標，如,圖 8-34,所示。,圖 8-32文字工具 圖 8-33輸入文字 圖 8-34勾畫好的圖標,選中制作好的圖標，右擊，在彈出的快捷菜單中選擇“變換”選項下的“對稱”命令，復制出另一個圖標，如,圖 8-35,所示。,圖 8-35復制出另一個圖標,16（6）運用文字工具編輯出文字，如圖 8-32 所示。輸入,17,復制時選中“預覽”復選框查看，如,圖 8-36、圖 8-37,所示。,圖 8-36“預覽”選項,圖 8-37復制好的圖形,把復制好的圖標放到相應的位置上并選中，對其進行水平居中分布和垂直居中分布調(diào)整，如,圖 8-38,所示。,圖 8-38調(diào)整好位置的文字與圖標,對上述做好的圖像進行復制并進行水平翻轉(zhuǎn)，包裝盒的側(cè)面即制作完成，如,圖 8-39,所示。,17復制時選中“預覽”復選框查看，如圖 8-36、圖 8-3,18,圖 8-39包裝盒的側(cè)面,（8）選中制作好的包裝盒頂部，右擊，在彈出的快捷菜單中選擇“編組”選項，如,圖 8-40,所示。,編組完成后，選中包裝盒，使用“對稱”命令，可直接復制出一個包裝底部，并且對包裝盒的每個部分進行方向調(diào)整和對齊調(diào)整，包裝盒平面展開圖即制作完成，如,圖8-41,所示。,圖 8-40“編組”命令,18圖 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，然后右擊，對圖片進行扭曲變形和透視變形，如,圖 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é)導視系統(tǒng)設(shè)計,（2）制作導視系統(tǒng)前，首先應根據(jù)應用的場所確定好導視系統(tǒng)的整體風格，然后確定導視 系統(tǒng)的配色、輔助圖形、基本的英文字體、中文字體和數(shù)字字體。此處制作的導視系統(tǒ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）基本配色和字體選取好后，開始繪制基本的導視標識?；镜膶б晿俗R分為公共衛(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，M,24,圖 8-54繪制出的長方形圖 8-55對稱的兩個錨點 圖 8-56有缺口的矩形,圖 8-57繪制圖標的腿部 圖 8-58調(diào)整好的圖標,圖 8-59端點為圓頭,用直線工具繪制圖標的腿 部，按住Shift鍵可畫出直線，如,圖 8-57,所示。,按住Alt鍵直接拖拽直線，可直接復制出一個等比例圖形。拖拽時按住Shift鍵，拖拽的圖 形可與被復制的圖形等高，將畫 的圖形的每一部分進行水平居中 對齊，如,圖 8-58,所示。,將繪制好的線全部選中，選 擇“描邊”面板中的圓頭端點，畫好的線的端點則為圓滑的，如,圖 8-59,所示。,24圖 8-54繪制出的長方形圖 8-55,25,這樣，公共衛(wèi)生間的一個圖標就繪制完成了，按照上述同樣的方法繪制公共衛(wèi)生間的其他的圖標，如,圖 8-60,所示。,圖 8-60公共衛(wèi)生間標識,將制作好的導視系統(tǒng)基本元素排列好，放到一側(cè)備用，如,圖,8-61,所示。,圖 8-61導視系統(tǒng)基本元素,（5）接下來繪制指向標識。用鋼筆工具和矩形工具繪制出一個指向標識。用矩形工具，按快捷鍵 Shift+Alt 繪制出一個正方形，如,圖 8-62,所示。,用鋼筆工具在左下角和右上角畫一條直線，如,圖 8-63,所示。,選擇正方形，用直接選擇工具選擇左下角的錨點，按Delete鍵刪除，一個指向性的圖標就畫好了，如,圖 8-64,所示。,圖 8-62繪制出的正方形,圖 8-63繪制出的直線,圖 8-64指向性圖標,25 這