《計(jì)算機(jī)輔助平面設(shè)計(jì)第八章創(chuàng)意空間ppt課件》由會(huì)員分享，可在線閱讀，更多相關(guān)《計(jì)算機(jī)輔助平面設(shè)計(jì)第八章創(chuàng)意空間ppt課件（31頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、單擊此處編輯母版標(biāo)題樣式,單擊此處編輯文本,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,*,第八章創(chuàng)意空間,第八章創(chuàng)意空間,2,本章導(dǎo)讀,本章選取極具代表性的3個(gè)實(shí)例進(jìn)行案例講解，是對(duì)前幾章知識(shí)點(diǎn)的復(fù)習(xí)和提高。通過(guò)不斷的實(shí)例練習(xí)，使學(xué)生計(jì)算機(jī)輔助平面設(shè)計(jì)軟件的運(yùn)用能力更上一層樓。但平面設(shè)計(jì)的軟件工具操作是機(jī)械性的，平面設(shè)計(jì) 的優(yōu)劣主要還是取決于設(shè)計(jì)者的創(chuàng)意，創(chuàng)意的來(lái)源要在平時(shí)的練習(xí)中不斷積累轉(zhuǎn)化，這樣才能創(chuàng)作出商業(yè)和 藝術(shù)并重的設(shè)計(jì)作品。,學(xué)習(xí)目標(biāo),熟練掌握創(chuàng)意空間的設(shè)計(jì)方法，能夠自行設(shè)計(jì)出商業(yè)和藝術(shù)并重的設(shè)計(jì)作品。,第一節(jié)飾品畫(huà)冊(cè)設(shè)計(jì),（1）在Photoshop中新建文檔，其高度為42厘米，寬度為2
2、8.5厘米，分辨率為300像素/英寸，顏 色模式為 CMYK，如,圖 8-1,所示,。,圖 8-1 新建文檔設(shè)置,2本章導(dǎo)讀第一節(jié)飾品畫(huà)冊(cè)設(shè)計(jì)（1）在Photoshop中,3,（2）為文檔加入白色背景，并調(diào)出參考線，如,圖 8-2,所示。,圖 8-2 參考線示意圖,（3）打開(kāi)珠寶素材圖片，并將素材選定，移至文檔中，如,圖 8-3,所示。,圖 8-3 珠寶位置示意,3（2）為文檔加入白色背景，并調(diào)出參考線，如圖 8-2 所示,4,（,4,）將珠寶的位置調(diào)整好，并將花紋筆刷載入軟件，進(jìn)行噴涂，如,圖,8-4,所示。對(duì)珠寶圖片進(jìn)行變形處理，使用橡皮擦工具擦除不需要的部分。其效果如,圖,8-5,所示。
3、,圖 8-4 載入花紋筆刷,圖 8-5 擦除不需要的部分后的效果,4（4）將珠寶的位置調(diào)整好，并將花紋筆刷載入軟件，進(jìn)行噴涂，,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)整圖層樣式，添加
4、“內(nèi)陰影”“內(nèi)發(fā)光”“斜面和浮雕”,7,圖 8-10“斜面和浮雕”參數(shù)設(shè)置 圖 8-11“漸變疊加”參,數(shù)設(shè)置,7圖 8-10“斜面和浮雕”參數(shù)設(shè)置,8,（7）將上述制作的圖形復(fù)制幾個(gè)，縮放，并排列好位置，如,圖 8-13,所示。,圖 8-12“漸變編輯器”設(shè)置,圖 8-13調(diào)整圖形后的效果,8圖 8-12“漸變編輯器”設(shè)置圖 8-13調(diào)整圖形后的,9,（8）使用畫(huà)筆工具，畫(huà)筆設(shè)置如圖,8-14 圖 8-16,所示，建立新層并進(jìn)行繪制，可以適當(dāng) 調(diào)整畫(huà)筆的大小，最后將圖層的混合模式改為“柔光”。,圖 8-14畫(huà)筆筆尖形狀設(shè)置,圖 8-15畫(huà)筆形狀動(dòng)態(tài)設(shè)置 圖 8-16畫(huà)筆平滑設(shè)置,9（8）使用
5、畫(huà)筆工具，畫(huà)筆設(shè)置如圖 8-14 圖 8-1,10,調(diào)整畫(huà)筆后在畫(huà)布上隨機(jī)畫(huà)些色塊作為點(diǎn)綴，如,圖 8-17,所示。,（9）使用矩形選框工具在畫(huà)冊(cè)的中心線繪制圖,8-18,所示的選區(qū)。,圖 8-17畫(huà)好點(diǎn)綴后的效果,圖 8-18畫(huà)冊(cè)中心選區(qū)示意,10調(diào)整畫(huà)筆后在畫(huà)布上隨機(jī)畫(huà)些色塊作為點(diǎn)綴，如圖 8-17,11,（10）使用漸變工具將前景色設(shè)為黑色，在漸變編輯器里設(shè)置從黑色到透明的漸變，建 立新圖層，并拉出漸變，制作出陰影，如,圖 8-19、圖 8-20,所示。,圖 8-19“漸變編輯器”參數(shù)設(shè)置,圖 8-20填充漸變后的效果,11（10）使用漸變工具將前景色設(shè)為黑色，在漸變編輯器里設(shè)置,12,
6、（11）將背景素材置入，并更改圖層混合模式為“疊加”，添加文字，調(diào)整手串的位置與不透 明度。畫(huà)冊(cè)最終的效果如,圖 8-21,所示。,圖 8-21畫(huà)冊(cè)最終的效果,第二節(jié)產(chǎn)品包裝設(shè)計(jì),（1）在 Illustrator 中執(zhí)行”文件”“新建”命令，在彈出的“新建文檔”對(duì)話 框中為文檔命名，設(shè)定大小為A4，顏色模 式為 CMYK，柵格效果為 300 ppi，單擊“確定”按鈕創(chuàng)建文檔，如,圖 8-22,所示。,（2）根據(jù)包裝結(jié)構(gòu)設(shè)計(jì)和尺寸創(chuàng)建各 面形體。使用矩形工具創(chuàng)建出多個(gè)矩形對(duì)象，使用編組選擇工具選中所有矩形，右擊，在 彈出的快捷菜單中選擇“編組”選項(xiàng)，如 圖,8-23、圖 8-24,所示。,圖 8
7、-22新建畫(huà)布設(shè)置,12（11）將背景素材置入，并更改圖層混合模式為“疊加”，添,13,將編組后的矩形組合為包裝的平面展開(kāi)圖，如,圖 8-25,所示。,（3）使用選擇工具選定全部矩形對(duì)象，執(zhí)行“選 擇”“對(duì)象”“方向手柄”命令，然后執(zhí)行“編輯”“復(fù) 制”命令和“編輯”“粘貼”命令。在得到的拷貝中，使用直接選擇工具將路徑按照節(jié)點(diǎn)分離開(kāi)來(lái)，如,圖 8-26,所示。,選擇相關(guān)線段，在“描邊“面板中設(shè)定為虛線外觀，,圖,8-27,所示。,（4）執(zhí)行“文件”“置入”命令，將事先準(zhǔn)備好的 素材置入圖稿中，作為包裝盒正面圖形，如,圖 8-28,所示。,圖 8-23工具欄中 圖 8-24編組設(shè)置的矩形工具,圖
8、 8-25產(chǎn)品包裝展開(kāi)圖,13 將編組后的矩形組合為包裝的平面展開(kāi)圖，如 圖 8-,14,圖 8-26直接選擇工具 圖 8-27“描邊”面板設(shè)置,圖 8-28置入圖片,14圖 8-26直接選擇工具 圖 8-27“描邊”面,15,（5）按 Alt 鍵拖拽出包裝頂部的矩形并進(jìn)行復(fù)制；調(diào)整需要置入圖片的大小，按 Shift 鍵使其能夠等比例 縮放，將復(fù)制出的矩形放在圖片的適當(dāng)位置。選中圖片和矩形，右擊，在彈出的快捷菜單在選擇“建立剪切 蒙版”選項(xiàng)，進(jìn)行圖片剪切，如,圖 8-29,所示。,將剪切好的圖片放到包裝盒上面，如,圖 8-30,所示。,圖 8-29“建立剪切蒙版”命令,圖 8-30放置好正面圖
9、片,（6）選擇包裝盒較窄的側(cè)面矩形對(duì)象，設(shè)定填色為 C：0，M：0，Y：0，K：100，如,圖 8-31,所示。,圖 8-31置入顏色,15（5）按 Alt 鍵拖拽出包裝頂部的矩形并進(jìn)行復(fù)制；調(diào)整,16,（6）運(yùn)用文字工具編輯出文字，如圖,8-32,所示。輸入文字“Canon 佳能感動(dòng)常在”，如,圖 8-33,所示。,（7）編輯好文字后選中文字，按Alt鍵，然后按左、右方向鍵對(duì)字體進(jìn)行間距調(diào)整。用鋼筆工具勾畫(huà)出 一個(gè)圖標(biāo)，如,圖 8-34,所示。,圖 8-32文字工具 圖 8-33輸入文字 圖 8-34勾畫(huà)好的圖標(biāo),選中制作好的圖標(biāo)，右擊，在彈出的快捷菜單中選擇“變換”選項(xiàng)下的“對(duì)稱”命令，復(fù)
10、制出另一個(gè)圖標(biāo)，如,圖 8-35,所示。,圖 8-35復(fù)制出另一個(gè)圖標(biāo),16（6）運(yùn)用文字工具編輯出文字，如圖 8-32 所示。輸入,17,復(fù)制時(shí)選中“預(yù)覽”復(fù)選框查看，如,圖 8-36、圖 8-37,所示。,圖 8-36“預(yù)覽”選項(xiàng),圖 8-37復(fù)制好的圖形,把復(fù)制好的圖標(biāo)放到相應(yīng)的位置上并選中，對(duì)其進(jìn)行水平居中分布和垂直居中分布調(diào)整，如,圖 8-38,所示。,圖 8-38調(diào)整好位置的文字與圖標(biāo),對(duì)上述做好的圖像進(jìn)行復(fù)制并進(jìn)行水平翻轉(zhuǎn)，包裝盒的側(cè)面即制作完成，如,圖 8-39,所示。,17復(fù)制時(shí)選中“預(yù)覽”復(fù)選框查看，如圖 8-36、圖 8-3,18,圖 8-39包裝盒的側(cè)面,（8）選中制作
11、好的包裝盒頂部，右擊，在彈出的快捷菜單中選擇“編組”選項(xiàng)，如,圖 8-40,所示。,編組完成后，選中包裝盒，使用“對(duì)稱”命令，可直接復(fù)制出一個(gè)包裝底部，并且對(duì)包裝盒的每個(gè)部分進(jìn)行方向調(diào)整和對(duì)齊調(diào)整，包裝盒平面展開(kāi)圖即制作完成，如,圖8-41,所示。,圖 8-40“編組”命令,18圖 8-39包裝盒的側(cè)面（8）選中制作好的包裝盒頂部，,19,（9）將上述做好的包裝盒在Photoshop里進(jìn)行貼圖，找一個(gè)尺寸和上述制作好的包裝盒差 不多大小的 3D 展示素材，如,圖 8-42,所示。,圖 8-423D 展示素材,圖8-41包裝盒平面展開(kāi)圖,19（9）將上述做好的包裝盒在Photoshop里進(jìn)行貼圖
12、，,20,（10）返回到Illustrator中，將需要展示的部分單獨(dú)編組，然后直接拖動(dòng)到 Photoshop 中；雙擊置入，然后右擊，在彈出的快捷菜單中選擇“柵格化圖層”選項(xiàng)，如圖,8-43,所示。,圖 8-43置入包裝盒頂部,（11）按快捷鍵Ctrl+T，然后右擊，對(duì)圖片進(jìn)行扭曲變形和透視變形，如,圖 8-44,所示。,圖 8-44圖片變形,20（10）返回到Illustrator中，將需要展示的部分,21,貼好的包裝盒頂部如,圖 8-45,所示。,圖 8-45貼好的包裝盒頂部,（12）將包裝盒其他需要展示的部分依次按照以上步驟進(jìn)行貼圖，最后完成包裝盒立體展 示，如,圖 8-46,所示。,
13、圖 8-46包裝盒立體展示,21貼好的包裝盒頂部如圖 8-45 所示。圖 8-45貼好,22,（1）執(zhí)行“文件”“新建”命令，在彈出的“新建文檔”對(duì)話框中為文檔命名，指定大 小為A4，顏色模式為CMYK，柵格效果為300 ppi。單擊“確定”按鈕以創(chuàng)建文檔，如,圖8-47,所示,圖 8-47新建文檔設(shè)置,第三節(jié)導(dǎo)視系統(tǒng)設(shè)計(jì),（2）制作導(dǎo)視系統(tǒng)前，首先應(yīng)根據(jù)應(yīng)用的場(chǎng)所確定好導(dǎo)視系統(tǒng)的整體風(fēng)格，然后確定導(dǎo)視 系統(tǒng)的配色、輔助圖形、基本的英文字體、中文字體和數(shù)字字體。此處制作的導(dǎo)視系統(tǒng)為時(shí)尚、簡(jiǎn)練、活力的風(fēng)格，所以選用的字體為時(shí)尚中黑，如,圖 8-48,所示。,圖 8-48時(shí)尚中黑字體示意,22（1
14、）執(zhí)行“文件”“新建”命令，在彈出的“新建文檔”對(duì),23,中文字體和數(shù)字顏色分別為玫紅色（C：20，M：100，Y：55，K：0）和灰色（C：60，M：55，Y：50，K：1），如,圖 8-49、圖 8-50,所示。對(duì)設(shè)置的四色印刷值盡量取整數(shù),圖 8-49中文字體顏色,圖 8-50數(shù)字字體顏色,（3）基本配色和字體選取好后，開(kāi)始繪制基本的導(dǎo)視標(biāo)識(shí)?；镜膶?dǎo)視標(biāo)識(shí)分為公共衛(wèi)生間標(biāo)識(shí)、指向 標(biāo)識(shí)、注意標(biāo)識(shí)等。,（4）首先繪制公共衛(wèi)生間標(biāo)識(shí)，運(yùn)用鋼筆工具（,圖 8-51,）和矩形工具（,圖 8-52,）。,圖 8-51鋼筆工具,圖 8-52矩形工具,圖 8-53繪制出的直線,繪制圖標(biāo)時(shí)，按住 Sh
15、ift 鍵可直接繪制出直線，如,圖 8-53,所示。,然后運(yùn)用矩形工具直接繪制出一個(gè)長(zhǎng)方形，如,圖 8-54,所示。,再用添加錨點(diǎn)工具并按 Shift 鍵添加出兩個(gè)對(duì)稱的錨點(diǎn)，如,圖 8-55,所示。,用直接選擇工具刪除矩形最下方的兩個(gè)錨點(diǎn)，這樣就可以繪制出一個(gè)有缺口的矩形了，如,圖 8-56,所示,23 中文字體和數(shù)字顏色分別為玫紅色（C：20，M,24,圖 8-54繪制出的長(zhǎng)方形圖 8-55對(duì)稱的兩個(gè)錨點(diǎn) 圖 8-56有缺口的矩形,圖 8-57繪制圖標(biāo)的腿部 圖 8-58調(diào)整好的圖標(biāo),圖 8-59端點(diǎn)為圓頭,用直線工具繪制圖標(biāo)的腿 部，按住Shift鍵可畫(huà)出直線，如,圖 8-57,所示。,
16、按住Alt鍵直接拖拽直線，可直接復(fù)制出一個(gè)等比例圖形。拖拽時(shí)按住Shift鍵，拖拽的圖 形可與被復(fù)制的圖形等高，將畫(huà) 的圖形的每一部分進(jìn)行水平居中 對(duì)齊，如,圖 8-58,所示。,將繪制好的線全部選中，選 擇“描邊”面板中的圓頭端點(diǎn)，畫(huà)好的線的端點(diǎn)則為圓滑的，如,圖 8-59,所示。,24圖 8-54繪制出的長(zhǎng)方形圖 8-55,25,這樣，公共衛(wèi)生間的一個(gè)圖標(biāo)就繪制完成了，按照上述同樣的方法繪制公共衛(wèi)生間的其他的圖標(biāo)，如,圖 8-60,所示。,圖 8-60公共衛(wèi)生間標(biāo)識(shí),將制作好的導(dǎo)視系統(tǒng)基本元素排列好，放到一側(cè)備用，如,圖,8-61,所示。,圖 8-61導(dǎo)視系統(tǒng)基本元素,（5）接下來(lái)繪制指向標(biāo)識(shí)。用鋼筆工具和矩形工具繪制出一個(gè)指向標(biāo)識(shí)。用矩形工具，按快捷鍵 Shift+Alt 繪制出一個(gè)正方形，如,圖 8-62,所示。,用鋼筆工具在左下角和右上角畫(huà)一條直線，如,圖 8-63,所示。,選擇正方形，用直接選擇工具選擇左下角的錨點(diǎn)，按Delete鍵刪除，一個(gè)指向性的圖標(biāo)就畫(huà)好了，如,圖 8-64,所示。,圖 8-62繪制出的正方形,圖 8-63繪制出的直線,圖 8-64指向性圖標(biāo),25 這
計(jì)算機(jī)輔助平面設(shè)計(jì)第八章創(chuàng)意空間ppt課件
