第1章軟件基礎(chǔ)知識(shí)本章簡(jiǎn)介：Photoshop是由Adobe公司開(kāi)發(fā)的圖形/圖像處理和編輯軟件，是設(shè)計(jì)領(lǐng)域最流行的軟件之一。本章通過(guò)對(duì)軟件基礎(chǔ)知識(shí)的講解，使讀者對(duì)軟件基礎(chǔ)有初步的認(rèn)識(shí)和了解，并快速掌握軟件的基礎(chǔ)知識(shí)和基本操作方法，為以后的學(xué)習(xí)打下一個(gè)堅(jiān)實(shí)的基礎(chǔ)。課堂學(xué)習(xí)目標(biāo)掌握工作界面的基本操作掌握設(shè)置文件的基本方法掌握?qǐng)D像的基本操作方法【操作目的】【操作步驟】【相關(guān)工具】1.1動(dòng)畫(huà)設(shè)計(jì)概述通過(guò)打開(kāi)文件命令熟悉菜單欄的操作，通過(guò)選擇需要的圖層了解面板的使用方法，通過(guò)新建文件和保存文件熟悉快捷鍵的應(yīng)用技巧，通過(guò)移動(dòng)圖像掌握工具箱中工具的使用方法。1.1.1【操作目的】1.1.2【操作步驟】1．菜單欄及其快捷方式熟悉工作界面是學(xué)習(xí)Photoshop的基礎(chǔ)。掌握工作界面的內(nèi)容，有助于初學(xué)者日后得心應(yīng)手地使用Photoshop。軟件的工作界面主要由菜單欄、屬性欄、工具箱、控制面板和狀態(tài)欄組成。1.1.3【相關(guān)工具】屬性欄菜單欄工具箱工具箱控制面板2．工具箱Photoshop的工具箱包括選擇工具、繪圖工具、填充工具、編輯工具、顏色選擇工具、屏幕視圖工具和快速蒙版工具等。1.1.3【相關(guān)工具】3．屬性欄當(dāng)選擇某個(gè)工具后，會(huì)出現(xiàn)相應(yīng)的工具屬性欄，可以通過(guò)屬性欄對(duì)工具進(jìn)行進(jìn)一步的設(shè)置。例如，當(dāng)選擇“魔棒”工具時(shí)，工作界面的上方會(huì)出現(xiàn)相應(yīng)的“魔棒”工具屬性欄，可以應(yīng)用屬性欄中的各個(gè)命令對(duì)工具做進(jìn)一步的設(shè)置。1.1.3【相關(guān)工具】4．狀態(tài)欄打開(kāi)一幅圖像時(shí)，圖像的下方會(huì)出現(xiàn)該圖像的狀態(tài)欄。狀態(tài)欄的左側(cè)顯示當(dāng)前圖像縮放顯示的百分?jǐn)?shù)。在顯示比例區(qū)的文本框中輸入數(shù)值可改變圖像窗口的顯示比例。1.1.3【相關(guān)工具】顯示比例圖像信息5．控制面板控制面板是處理圖像時(shí)另一個(gè)不可或缺的部分。Photoshop為用戶提供了多個(gè)控制面板組。1.1.3【相關(guān)工具】【操作目的】【操作步驟】【相關(guān)工具】1.2文件設(shè)置通過(guò)打開(kāi)文件熟練掌握“打開(kāi)”命令，通過(guò)復(fù)制圖像到新建的文件中熟練掌握“新建”命令，通過(guò)關(guān)閉新建的文件熟練掌握“保存”和“關(guān)閉”命令。1.2.1【操作目的】1.2.2【操作步驟】1.2.3【相關(guān)工具】1．新建圖像選擇“文件>新建”命令，或按Ctrl+N組合鍵，彈出“新建文檔”對(duì)話框。根據(jù)需要單擊上方的類別選項(xiàng)卡，選擇需要的預(yù)設(shè)新建文檔；或在右側(cè)的選項(xiàng)中修改圖像的名稱、寬度、高度、分辨率和顏色模式等預(yù)設(shè)數(shù)值新建文檔，單擊圖像名稱右側(cè)的按鈕，新建文檔預(yù)設(shè)。設(shè)置完成后單擊“創(chuàng)建”按鈕，即可完成新建圖像。1.2.3【相關(guān)工具】2．打開(kāi)圖像如果要對(duì)圖片進(jìn)行修改和處理，要在Photoshop中打開(kāi)需要的圖像。選擇“文件>打開(kāi)”命令或按Ctrl+O組合鍵，彈出“打開(kāi)”對(duì)話框，在其中選擇查找范圍和文件，確認(rèn)文件類型和名稱，通過(guò)Photoshop提供的預(yù)覽縮略圖選擇文件。單擊“打開(kāi)”按鈕或直接雙擊文件，即可打開(kāi)所指定的圖像文件。1.2.3【相關(guān)工具】3．保存圖像編輯和制作完圖像后，就需要將圖像進(jìn)行保存，以便于下次打開(kāi)繼續(xù)操作。1.2.3【相關(guān)工具】4．圖像格式當(dāng)用Photoshop制作或處理好一幅圖像后，就要進(jìn)行存儲(chǔ)。這時(shí)，選擇一種合適的文件格式就顯得十分重要。Photoshop中有20多種文件格式可供選擇，在這些文件格式中既有Photoshop的專用格式，也有用于應(yīng)用程序交換的文件格式，還有一些比較特殊的格式。◎PSD格式和PDD格式◎TIF格式◎BMP格式◎GIF格式◎JPEG格式◎EPS格式◎選擇合適的圖像文件存儲(chǔ)格式1.2.3【相關(guān)工具】5．關(guān)閉圖像將圖像進(jìn)行存儲(chǔ)后，可以將其關(guān)閉。選擇“文件>關(guān)閉”命令或按Ctrl+W組合鍵，可以關(guān)閉文件。關(guān)閉圖像時(shí)，若當(dāng)前文件被修改過(guò)或是新建文件，則會(huì)彈出提示對(duì)話框，單擊“是”按鈕即可存儲(chǔ)并關(guān)閉圖像?！静僮髂康摹俊静僮鞑襟E】【相關(guān)工具】1.3圖像操作通過(guò)將窗口水平平鋪命令掌握窗口排列的方法，通過(guò)縮小文件和適合窗口大小顯示命令掌握?qǐng)D像的顯示方式。1.3.1【操作目的】1.3.2【操作步驟】1．圖像的分辨率在Photoshop

中，圖像中每單位長(zhǎng)度上的像素?cái)?shù)目稱為圖像的分辨率，其單位為像素/英寸或像素/厘米。1.3.3【相關(guān)工具】2．圖像的顯示效果使用Photoshop編輯和處理圖像時(shí)，可以通過(guò)改變圖像的顯示比例使工作更便捷、高效。1.3.3【相關(guān)工具】3．圖像尺寸的調(diào)整打開(kāi)一幅圖像，選擇“圖像>圖像大小”命令，彈出“圖像大小”對(duì)話框。1.3.3【相關(guān)工具】4．畫(huà)布尺寸的調(diào)整圖像畫(huà)布尺寸的大小是指當(dāng)前圖像周圍的工作空間的大小。打開(kāi)一幅圖像。選擇“圖像>畫(huà)布大小”命令，彈出“畫(huà)布大小”對(duì)話框。1.3.3【相關(guān)工具】5．圖像位置的調(diào)整選擇“移動(dòng)”工具，在屬性欄中將“自動(dòng)選擇”選項(xiàng)設(shè)為“圖層”。用鼠標(biāo)選中“文字”圖形。文字所在圖層被選中，將其向下拖曳到適當(dāng)?shù)奈恢谩?.3.3【相關(guān)工具】第2章插畫(huà)設(shè)計(jì)本章簡(jiǎn)介：現(xiàn)代插畫(huà)藝術(shù)發(fā)展迅速，已經(jīng)被廣泛應(yīng)用于雜志、廣告、包裝和紡織品領(lǐng)域。使用Photoshop繪制的插畫(huà)簡(jiǎn)潔明快、新穎獨(dú)特、形式多樣，已經(jīng)成為較流行的插畫(huà)表現(xiàn)形式。本章以制作多個(gè)主題插畫(huà)為例，介紹插畫(huà)的繪制方法和制作技巧。課堂學(xué)習(xí)目標(biāo)掌握插畫(huà)的繪制思路和過(guò)程掌握插畫(huà)的繪制方法和技巧【案例分析】【設(shè)計(jì)理念】【操作步驟】【相關(guān)工具】2.1制作室內(nèi)空間裝飾畫(huà)本案例是要為室內(nèi)空間制作插畫(huà)，要求表現(xiàn)出傳統(tǒng)古典的特色。在插畫(huà)繪制上要注重細(xì)節(jié)上的表現(xiàn)，繪制精巧，能夠讓人印象深刻。2.1.1【案例分析】在設(shè)計(jì)繪制過(guò)程中，先從背景入手，通過(guò)低明度的色調(diào)營(yíng)造出傳統(tǒng)復(fù)古的氛圍，起到襯托作用。綠色的植物在裝飾畫(huà)面的同時(shí)，為整體空間增添了氛圍感，形成了動(dòng)靜結(jié)合的畫(huà)面。整體設(shè)計(jì)充滿特色，讓人印象深刻。最終效果參看云盤(pán)中的“Ch02/效果/制作室內(nèi)空間裝飾畫(huà).psd”。2.1.2【設(shè)計(jì)理念】2.1.3【操作步驟】1．標(biāo)尺工具選擇“標(biāo)尺”工具，或反復(fù)按Shift+I組合鍵。2.1.4【相關(guān)工具】2．裁剪工具單擊“裁剪”工具，其屬性欄狀態(tài)如圖。2.1.4【相關(guān)工具】3．注釋工具選擇“注釋”工具，或反復(fù)按Shift+I組合鍵。2.1.4【相關(guān)工具】使用注釋工具為圖像添加注釋。最終效果參看云盤(pán)中的“Ch02>效果>制作山水裝飾畫(huà).psd”。2.1.5【實(shí)戰(zhàn)演練】制作山水裝飾畫(huà)【案例分析】【設(shè)計(jì)理念】【操作步驟】【相關(guān)工具】【實(shí)戰(zhàn)演練】制作卡通插畫(huà)2.2制作風(fēng)景插畫(huà)本案例是設(shè)計(jì)制作一款風(fēng)景插畫(huà)，要求表現(xiàn)出風(fēng)景插畫(huà)獨(dú)特的魅力。在繪制上要求設(shè)計(jì)精美，搭配適宜，整體美觀和諧。2.2.1【案例分析】在設(shè)計(jì)繪制過(guò)程中，以天空實(shí)景圖作為背景，通過(guò)藍(lán)天白云的景象帶給人心情舒暢的感受，起到襯托畫(huà)面的效果。點(diǎn)綴的裝飾物增加了活潑感，形成了動(dòng)靜結(jié)合的畫(huà)面。熱氣球的設(shè)計(jì)充滿特色，卡通形象的設(shè)計(jì)為畫(huà)面增加了獨(dú)特的魅力。最終效果參看云盤(pán)中的“Ch02/效果/制作風(fēng)景插畫(huà).psd”。2.2.2【設(shè)計(jì)理念】2.2.3

【操作步驟】1．定義畫(huà)筆打開(kāi)一副圖像，按住Ctrl鍵的同時(shí)單擊“圖層1”的縮略圖，載入選區(qū)。選擇“編輯>定義畫(huà)筆預(yù)設(shè)”命令，彈出“畫(huà)筆名稱”對(duì)話框，單擊“確定”按鈕，定義畫(huà)筆。2.2.4【相關(guān)工具】2．畫(huà)筆工具選擇“畫(huà)筆”工具，或反復(fù)按Shift+B組合鍵。2.2.4【相關(guān)工具】使用定義畫(huà)筆預(yù)設(shè)命令和畫(huà)筆工具制作漂亮的畫(huà)筆效果。最終效果參看云盤(pán)中的“Ch02>效果>制作卡通插畫(huà).psd”。2.2.5【實(shí)戰(zhàn)演練】制作卡通插畫(huà)【案例分析】【設(shè)計(jì)理念】【操作步驟】【相關(guān)工具】【實(shí)戰(zhàn)演練】制作花卉引導(dǎo)頁(yè)插畫(huà)2.3制作家居引導(dǎo)頁(yè)插畫(huà)家珍坊是一家電商用品零售企業(yè)，販?zhǔn)燮秸桨b的家具、配件、浴室和廚房用品等。為了更好的推廣產(chǎn)品公司制作了一款自己的App。本例是為App引導(dǎo)頁(yè)繪制插畫(huà)，要求以現(xiàn)代、實(shí)用、百搭的風(fēng)格為主，要求根據(jù)App的調(diào)性和應(yīng)用場(chǎng)景等因素設(shè)計(jì)一款線插畫(huà)。2.3.1【案例分析】在設(shè)計(jì)繪制過(guò)程中，通過(guò)簡(jiǎn)單的插畫(huà)展現(xiàn)出網(wǎng)站特點(diǎn)，起到襯托氛圍的作用。淺綠色的浴缸給人放松身心，舒緩壓力的感受，搭配黃色的毛巾給人愉悅輕松之感。整體設(shè)計(jì)簡(jiǎn)潔清晰，讓人印象深刻。最終效果參看云盤(pán)中的“Ch02/效果/制作家居引導(dǎo)頁(yè)插畫(huà).psd”。2.3.2【設(shè)計(jì)理念】2.3.3【操作步驟】1．填充命令選擇“編輯>填充”命令，彈出“填充”對(duì)話框。2.3.4【相關(guān)工具】2．描邊命令選擇“編輯>描邊”命令，彈出“描邊”對(duì)話框。2.3.4【相關(guān)工具】3．定義圖案打開(kāi)一幅圖像，在圖像窗口中繪制出選區(qū)。選擇“編輯>定義圖案”命令，彈出“圖案名稱”對(duì)話框，單擊“確定”按鈕，定義圖案。按Ctrl+D組合鍵，取消選區(qū)。2.3.4【相關(guān)工具】使用矩形選框工具、定義圖案命令和填充命令制作插畫(huà)背景圖案。最終效果參看云盤(pán)中的“Ch02>效果>制作花卉引導(dǎo)頁(yè)插畫(huà).psd”。2.3.5【實(shí)戰(zhàn)演練】制作花卉引導(dǎo)頁(yè)插畫(huà)【案例分析】【設(shè)計(jì)理念】【操作步驟】【相關(guān)工具】【實(shí)戰(zhàn)演練】制作風(fēng)景浮雕插畫(huà)2.4制作海景浮雕插畫(huà)本案例是制作海景浮雕插畫(huà)，要求以浮雕插畫(huà)的形式表現(xiàn)出地方風(fēng)情。使用浮雕的藝術(shù)表現(xiàn)形式進(jìn)行表達(dá)，發(fā)揮出浮雕插畫(huà)獨(dú)特的魅力。2.4.1【案例分析】在設(shè)計(jì)繪制過(guò)程中，以海景圖片作為底圖，以行云流水般的繪畫(huà)性線條凸顯出插畫(huà)特點(diǎn)，傳遞出多姿的情調(diào)和浪漫的情懷，使作品達(dá)到良好的視覺(jué)效果。最終效果參看云盤(pán)中的“Ch02/效果/制作海景浮雕插畫(huà).psd”。2.4.2【設(shè)計(jì)理念】2.4.3【操作步驟】1．歷史記錄畫(huà)筆工具歷史記錄畫(huà)筆工具是與“歷史記錄”控制面板結(jié)合起來(lái)使用的，主要用于將圖像的部分區(qū)域恢復(fù)到以前某一歷史狀態(tài)，以形成特殊的圖像效果。2.4.4【相關(guān)工具】2．歷史記錄藝術(shù)畫(huà)筆工具歷史記錄藝術(shù)畫(huà)筆工具和歷史記錄畫(huà)筆工具的用法基本相同。區(qū)別在于使用歷史記錄藝術(shù)畫(huà)筆繪圖時(shí)可以產(chǎn)生藝術(shù)效果。2.4.4【相關(guān)工具】3．歷史記錄控制面板“歷史記錄”控制面板可以將進(jìn)行過(guò)多次處理操作的圖像恢復(fù)到任一步操作時(shí)的狀態(tài)，即所謂的“多次恢復(fù)功能”。選擇“窗口>歷史記錄”命令，彈出“歷史記錄”控制面板。2.4.4【相關(guān)工具】4．恢復(fù)到上一步的操作在編輯圖像的過(guò)程中可以隨時(shí)將操作返回到上一步，也可以還原圖像到恢復(fù)前的效果。選擇“編輯>還原”命令，或按Ctrl+Z組合鍵，可以恢復(fù)到圖像的上一步操作。如果想還原圖像到恢復(fù)前的效果，再按Ctrl+Z組合鍵即可。2.4.4【相關(guān)工具】5．中斷操作當(dāng)Photoshop正在進(jìn)行圖像處理時(shí)，如果想中斷這次的操作，就可以按Esc鍵中斷正在進(jìn)行的操作。2.4.4【相關(guān)工具】6．風(fēng)格化濾鏡命令風(fēng)格化濾鏡可以產(chǎn)生印象派和其他風(fēng)格畫(huà)派作品的效果，是完全模擬真實(shí)藝術(shù)手法進(jìn)行創(chuàng)作的。應(yīng)用不同的濾鏡制作出的效果。2.4.4【相關(guān)工具】使用新建快照命令、圖層的不透明度和歷史記錄藝術(shù)畫(huà)筆工具制作油畫(huà)效果，使用去色命令調(diào)整圖片的顏色，使用混合模式選項(xiàng)和浮雕效果濾鏡命令為圖片添加浮雕效果。最終效果參看云盤(pán)中的“Ch02>效果>制作風(fēng)景浮雕插畫(huà).psd”。2.4.5【實(shí)戰(zhàn)演練】制作風(fēng)景浮雕插畫(huà)【案例分析】【設(shè)計(jì)理念】【知識(shí)要點(diǎn)】2.5綜合演練——繪制時(shí)尚裝飾插畫(huà)本案例是設(shè)計(jì)一款時(shí)尚裝飾插畫(huà)，要求添加多種有創(chuàng)意的元素增添畫(huà)面的時(shí)尚和趣味感，畫(huà)面能體現(xiàn)出插畫(huà)的特色，符合繪制主題。整個(gè)畫(huà)面的用色要大膽鮮艷，設(shè)計(jì)要美觀和諧。2.5.1【案例分析】在設(shè)計(jì)繪制過(guò)程中，背景使用黃色色調(diào)，起到承托作用，使畫(huà)面看起來(lái)時(shí)尚飽滿，符合本期主題。畫(huà)面色彩明亮鮮麗，色彩的使用大膽，能豐富畫(huà)面效果。插畫(huà)元素富有創(chuàng)意，為畫(huà)面增添趣味性。插畫(huà)整體設(shè)計(jì)符合需求，能夠吸引人的注意力。2.5.2【設(shè)計(jì)理念】使用畫(huà)筆工具繪制小草圖形，使用移動(dòng)工具添加素材圖片。最終效果參看云盤(pán)中的“Ch02>效果>繪制時(shí)尚裝飾插畫(huà).psd”。2.5.3【知識(shí)要點(diǎn)】【案例分析】【設(shè)計(jì)理念】【知識(shí)要點(diǎn)】2.6綜合演練——制作夏至節(jié)氣插畫(huà)綠盟