邊做邊學 Photoshop圖像制作案例教程（第2版）（Photoshop 2020）課件 第1、2章　Photoshop 2020基礎知識、插畫設計

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

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

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