Photoshop平面設(shè)計(jì)基礎(chǔ)（第二版）課件：設(shè)計(jì)藥品包裝

設(shè)計(jì)藥品包裝1任務(wù)目標(biāo)1.能描述包裝設(shè)計(jì)的過程。2.能設(shè)置“3D”面板與“屬性”面板。3.能按需求選擇合適視圖。4.能創(chuàng)建與編輯3D對(duì)象。2任務(wù)描述本任務(wù)主要應(yīng)用“3D”面板與“屬性”面板為藥品包裝設(shè)計(jì)選擇適合的視圖，并通過創(chuàng)建與編輯3D對(duì)象完成圖所示藥品包裝的設(shè)計(jì)。要完成本任務(wù)，除了要掌握簡單的創(chuàng)建與編輯3D對(duì)象的制作技巧之外，還要熟練運(yùn)用蒙版和“切片”工具，從而達(dá)到提高產(chǎn)品附加值、促進(jìn)銷售、擴(kuò)大產(chǎn)品影響力等目的。34藥品包裝（左圖為包裝展開圖）Photoshop的3D功能可以滿足大部分平面設(shè)計(jì)需要的3D效果，如立體字、包裝盒都能輕松完成。新建文檔后，執(zhí)行“窗口”“工作區(qū)”“3D”命令，即可切換到3D工作頁面。選擇“移動(dòng)工具”后，在工具屬性欄上就會(huì)出現(xiàn)“3D模式”操作工具，如圖所示。執(zhí)行“窗口”“3D”命令，打開“3D”面板，如圖所示。5“3D模式”操作工具創(chuàng)建3D對(duì)象有兩種基本途徑，一種是預(yù)設(shè)形狀，另一種是平面轉(zhuǎn)立體。以通過預(yù)設(shè)形狀創(chuàng)建3D對(duì)象為例，在“3D”面板上勾選“從預(yù)設(shè)創(chuàng)建網(wǎng)格”并在其下方的新建3D對(duì)象下拉菜單中選擇“立方體”，單擊“創(chuàng)建”按鈕，如圖所示。選擇“3D”面板里的各個(gè)選項(xiàng)時(shí)，屬性面板會(huì)根據(jù)“3D”選項(xiàng)顯示不同的內(nèi)容。67“3D”面板通過“預(yù)設(shè)形狀”創(chuàng)建3D對(duì)象一、“環(huán)境”屬性面板“3D”面板中的“環(huán)境”“屬性”面板中的“IBL”可設(shè)置環(huán)境貼圖，模擬3D場景和光照效果?！邦伾钡膹?qiáng)度滑條影響環(huán)境的亮度；“陰影”柔和度滑條影響環(huán)境的清晰度?！暗孛骊幱啊钡摹邦伾迸c“不透明度”反映物體在地面的投影深淺?！胺瓷洹钡摹安煌该鞫取迸c“粗糙度”決定物體在地面倒影的強(qiáng)度與清晰度。所有3D屬性面板下方均有“渲染”圖標(biāo)，如圖所示。89“環(huán)境”屬性面板二、“場景”屬性面板“3D”面板中的“場景”“屬性”面板中的“預(yù)設(shè)”可選擇自帶的渲染屬性，一般快速渲染可默認(rèn)不變，自定義渲染效果則根據(jù)“表面”“線條”和“點(diǎn)”的渲染選項(xiàng)進(jìn)行調(diào)整，如圖所示。10“場景”屬性面板三、“當(dāng)前視圖”屬性面板“3D”面板中的“當(dāng)前視圖”“屬性”面板中的“視圖”可切換攝像機(jī)的方位，選擇切換“透視”攝像機(jī)（一般默認(rèn)透視）或“正交”攝像機(jī)，正交攝像機(jī)是沒有消失點(diǎn)且各方面均為平行的攝像機(jī)。“視角”決定鏡頭的焦距，鏡頭的焦距數(shù)越大，透視感越弱，反之則越強(qiáng)?！熬吧睢敝械摹熬嚯x”為對(duì)角的距離，“深度”為焦外虛化的程度。勾選“立體”可開啟3D眼鏡進(jìn)行觀看和操作，如圖所示。1112“當(dāng)前視圖”屬性面板四、“立方體”屬性面板“3D”面板中的“立方體”屬性面板可顯示出3D對(duì)象的位置、角度、大小，如圖所示。13“立方體”屬性面板五、“材質(zhì)”屬性面板“3D”面板中“立方體”分目錄里的“材質(zhì)”屬性面板可使當(dāng)前屬性根據(jù)貼圖圖案體現(xiàn)強(qiáng)弱，白強(qiáng)黑弱，以此做出蝕刻、UV、鏤空等效果，如圖所示。14“材質(zhì)”屬性面板六、“無限光”屬性面板“無限光”相當(dāng)于自然光或者攝影透光燈的平行光，“3D”面板中“無線光”屬性面板里的“預(yù)設(shè)”可模擬各種環(huán)境下的光，“類型”可切換無限光、點(diǎn)光、聚光燈的類型，“顏色”強(qiáng)度決定燈的亮度，“陰影”中的“柔和度”指物體被照射后投影的效果，“移到視圖”圖標(biāo)可快速找回不在畫板內(nèi)的燈，如圖所示。1516“無限光”屬性面板一、新建文檔按“Ctrl+N”快捷鍵，新建一個(gè)名為“藥品包裝盒平面結(jié)構(gòu)圖”的文檔，寬度為“300”，高度為“350”，單位為“毫米”，分辨率為“100”，單位為“像素/英寸”，色彩模式為“RGB顏色”。17藥品包裝盒平面結(jié)構(gòu)圖二、繪制輔助線按“Ctrl+R”快捷鍵打開標(biāo)尺，根據(jù)藥品包裝盒平面結(jié)構(gòu)圖繪制輔助線，如圖所示。18繪制輔助線三、繪制藥品包裝盒正面1.添加素材將“素材/素材/任務(wù)一”目錄下名為“背景素材.JPG”“藥品標(biāo)志.PNG”和“OTC標(biāo)志.PNG”的文件依次添加至圖層，并調(diào)整大小，將其擺放至合適的位置，如圖所示。19添加素材2.添加枇杷將“素材/素材/任務(wù)一”目錄下名為“枇杷.PNG”的文件添加至圖層，按“Ctrl+T”快捷鍵調(diào)整枇杷角度，并在圖層中單擊“圖層蒙版”圖標(biāo)

，使用“矩形選框工具”框選在結(jié)構(gòu)圖正面的枇杷，并按“Shift+Ctrl+I”快捷鍵選擇反選，將蒙版選區(qū)填充為黑色，效果如圖所示。20添加枇杷3.添加文字使用“矩形工具”繪制矩形，填充顏色（R0，G102，B255），并在矩形選框上方使用“橫排文字工具”添加“止咳川貝枇杷露”文字，字體為“方正大黑簡體”，大小為“20點(diǎn)”，字距調(diào)整為“-50”，字符垂直縮放“130%”，顏色為白色，如圖所示。21設(shè)置字符規(guī)格4.復(fù)制包裝盒正面圖層按住Ctrl鍵，將除背景圖層與結(jié)構(gòu)圖圖層外的所有圖層選中，按“Ctrl+G”快捷鍵創(chuàng)建新組，命名為“正面”，并復(fù)制“正面”圖層組得到“正面拷貝”圖層組，將其調(diào)整至第三個(gè)正面結(jié)構(gòu)圖內(nèi)，如圖所示。22復(fù)制圖層組四、繪制藥品包裝盒側(cè)面1.繪制圓角矩形使用“圓角矩形工具”，在工具屬性欄上設(shè)置顏色（R0，G102，B255），圓角半徑為“15像素”，接著繪制圓角矩形，如圖所示。23繪制圓角矩形2.添加文字打開“素材/素材/任務(wù)一”目錄下名為“藥品包裝文字素材.DOC”的文件，復(fù)制其文字，使用“橫排文字工具”在圓角矩形上框選文字選框，選擇字體為“黑體”，字號(hào)為“8點(diǎn)”，顏色為白色，將文字粘貼至選框中，效果如圖所示。24添加文字3.完成第二個(gè)側(cè)面根據(jù)上述兩步驟，繼續(xù)完成第二個(gè)側(cè)面的圓角矩形與文字效果，并將“素材/素材/任務(wù)一”目錄下名為“條形碼.PNG”的文件添加至圖層，效果如圖所示。25完成第二個(gè)側(cè)面五、繪制藥品包裝盒蓋復(fù)制正面的藥品標(biāo)志與藥品名稱圖層，調(diào)整大小、角度并將其置于包裝盒蓋上，效果如圖所示。26繪制藥品包裝盒蓋六、單獨(dú)保存每一個(gè)面1.將圖層切片選中最上層的圖層，按“Shift+Ctrl+Alt+E”快捷鍵蓋印可見圖層，生成新的圖層，選中該圖層，使用“切片工具”

沿著六個(gè)面的輔助線框選六個(gè)切片區(qū)，將圖層切片，如圖所示。27將圖層切片2.保存切片按“Alt+Shift+Ctrl+S”快捷鍵將文件存儲(chǔ)為Web所用格式，單擊“存儲(chǔ)”按鈕，選擇保存位置后單擊切片選框，選擇“所有用戶切片”選項(xiàng)，單擊“保存”按鈕確定操作，如圖所示。28保存切片3.切片效果在保存的位置上出現(xiàn)一個(gè)“images”文件夾，文件夾內(nèi)有六個(gè)單獨(dú)保存的切片，如圖所示。29切片效果4.保存文檔執(zhí)行“文件”“存儲(chǔ)為”命令，在彈出的對(duì)話框中單擊“保存在您的計(jì)算機(jī)上”按鈕，在彈出的“另存為”對(duì)話框中選擇文件存儲(chǔ)位置，文件名默認(rèn)，保存類型為“Photoshop（*.PSD，*.PDD，*.PSDT）”，單擊“保存”按鈕保存該文檔，展開平面效果圖如圖所示。30藥品包裝（左圖為包裝展開圖）七、制作藥品包裝盒立體圖1.新建文件新建一個(gè)名為“藥品包裝盒效果圖”的文檔，寬度為“200”，高度為“300”，單位為“毫米”，顏色模式為“RGB顏色”，分辨率為“100”。2.制作立方體新建圖層，執(zhí)行“窗口”“3D”命令，彈出“3D”面板，選擇“從預(yù)設(shè)創(chuàng)建網(wǎng)格”“立方體”選項(xiàng)，單擊“創(chuàng)建”按鈕，創(chuàng)建長方體，在“3D”面板上選中“立方體”，打開“屬性”面板單擊“縮放比例”圖標(biāo)

，勾選“尺寸”，取消“平均縮放”選項(xiàng)，將長方體的比例改為“X：42，Y：144，Z：42”，再單擊“移到地面”按鈕，如圖所示。3132制作立方體3.選擇材質(zhì)球在“3D”面板上展開“立方體”子目錄，按住Ctrl鍵加選各個(gè)面的材質(zhì)，然后在“屬性”面板上單擊材質(zhì)球，選擇“無紋理”材質(zhì)球，如圖所示。33選擇材質(zhì)球4.載入紋理在“3D”面板上分別選中每個(gè)面的材質(zhì)，然后在“屬性”面板上單擊“基礎(chǔ)顏色”旁邊的圖標(biāo)

，選擇“載入紋理”選項(xiàng)，如圖所示。34載入紋理5.調(diào)整無限光在“3D”面板中選中“無限光”，在“屬性”面板上調(diào)整顏色強(qiáng)度為“95%”，陰影為“20%”，如圖所示。35調(diào)整無限光6.渲染3D效果單擊“屬性”面板下的“渲染”圖標(biāo)

，完成渲染，效果如圖所示。36渲染3D效果八、填充漸變背景選擇“漸變工具”，在工具屬性欄上選擇“漸變編輯器”進(jìn)行漸變色調(diào)整：位置“0%”的顏色為“R120，G120，B120”，位置“53%”的顏色為“R46，G46，B46”，位置“100%”的顏色為“R70，G70