第8章 鋼筆工具與形狀工具

Photoshop項目案例實戰(zhàn)入門（微課視頻版）教學(xué)設(shè)計課程名稱：Photoshop項目案例實戰(zhàn)入門（微課視頻版）_授課年級：授課學(xué)期：教師姓名：年月日 課程名稱第8章鋼筆工具與形狀工具計劃學(xué)時6內(nèi)容分析在Photoshop中，可以使用鋼筆工具和形狀工具繪制各種各樣的矢量圖像，通過編輯矢量圖像上的錨點可以更改元素的形態(tài)。本章將詳細(xì)講解路徑與錨點的概念和使用，具體闡述鋼筆工具組與形狀工具組中的各種工具的使用。教學(xué)目標(biāo)與教學(xué)要求【知識目標(biāo)】認(rèn)識矢量圖像。認(rèn)識路徑與錨點。熟悉3種繪圖模式。掌握鋼筆工具組中工具的使用。掌握形狀工具組中工具的使用。掌握路徑與形狀編輯工具的使用?！炯寄苣繕?biāo)】能夠靈活運用繪圖模式。能夠運用鋼筆工具組中的工具實現(xiàn)營銷海報案例。能夠靈活運用形狀工具組中的工具。能夠靈活運用路徑工具與形狀編輯實現(xiàn)瀏覽器圖標(biāo)的案例?！居四繕?biāo)】初步建立學(xué)生的審美素養(yǎng)。引導(dǎo)學(xué)生在學(xué)習(xí)中健全正確的世界觀、人生觀和價值觀。引導(dǎo)學(xué)生創(chuàng)新思維和探索新技術(shù)的工匠精神。教學(xué)重點選擇繪圖模式鋼筆工具自由鋼筆工具彎度鋼筆工具添加/刪除錨點工具轉(zhuǎn)換點工具實操案例：營銷海報矩形工具橢圓工具三角形工具多邊形工具直線工具自定義形狀工具路徑選擇工具直接選擇工具布爾運算實操案例：瀏覽器圖標(biāo)教學(xué)難點實操案例：營銷海報實操案例：瀏覽器圖標(biāo)教學(xué)方式課堂講解配合PPT演示教學(xué)過程第一課時（矢量圖像、認(rèn)識路徑與錨點、選擇繪圖模式）回顧內(nèi)容回顧上節(jié)內(nèi)容，引出本節(jié)內(nèi)容回顧上節(jié)的內(nèi)容，并提問學(xué)生上節(jié)練習(xí)中的問題，學(xué)生回答完后，由上節(jié)內(nèi)容引出本節(jié)要講的矢量圖像、認(rèn)識路徑與錨點、選擇繪圖模式等內(nèi)容。明確學(xué)習(xí)目標(biāo)認(rèn)識矢量圖像認(rèn)識路徑與錨點掌握3種繪圖模式知識講解知識點1-矢量圖像矢量圖，也稱為面向?qū)ο蟮膱D像或繪圖圖像，在數(shù)學(xué)上定義為一系列由線連接的點。矢量圖像的特點是放大后圖像不會失真，和分辨率無關(guān)，適用于圖形設(shè)計、文字設(shè)計和一些標(biāo)志設(shè)計、版式設(shè)計等，如下圖所示。矢量圖像知識點2-認(rèn)識路徑與錨點圖形設(shè)計軟件中的路徑是指所繪圖形的輪廓，路徑不包括任何像素，但可以填充顏色或為路徑添加描邊。繪制完路徑或形狀后，可以在路徑面板中找到所繪制的路徑，如下圖所示。路徑面板與選區(qū)不同（必須是閉合式），路徑可以是開放式、閉合式和組合式，如下圖所示。路徑樣式針對開放式路徑，可以使用鋼筆工具使斷開的路徑閉合；針對閉合路徑，使用直接選擇工具刪除路徑上的錨點，從而使閉合的路徑斷開。使用直接選擇工具選擇某一錨點后，該錨點兩側(cè)會顯示兩條控制手柄，通過調(diào)節(jié)控制手柄的方向和長度，可以控制路徑的走向，如下圖所示。調(diào)整前調(diào)整后根據(jù)路徑的平滑狀況，錨點分為平滑點和角點兩種類型，如下圖所示。錨點分類知識點3-選擇繪圖模式在使用鋼筆工具或形狀工具繪制圖像前，需要先在工具屬性欄中選擇所需的繪圖模式，如下圖所示。繪圖模式選擇“形狀”模式后，可以繪制帶有矢量路徑和填充描邊屬性的形狀圖層；選擇“路徑”模式后，可以繪制獨立的路徑；選擇“像素”模式后，可以繪制帶有填充屬性的像素圖像，如下圖所示。像素路徑形狀知識鞏固與作業(yè)（1）回顧上課前的學(xué)習(xí)目標(biāo)，對本節(jié)課知識點進(jìn)行總結(jié)。（2）老師布置相關(guān)作業(yè)進(jìn)行練習(xí)。第二課時（鋼筆工具、自由鋼筆工具、彎度鋼筆工具、添加/刪除錨點工具、轉(zhuǎn)換點工具、實操案例：營銷海報）回顧內(nèi)容回顧上節(jié)內(nèi)容，引出本節(jié)內(nèi)容回顧上節(jié)的內(nèi)容，并提問學(xué)生上節(jié)練習(xí)中的問題，學(xué)生回答完后，由上節(jié)內(nèi)容引出本節(jié)要講的鋼筆工具、自由鋼筆工具、彎度鋼筆工具、添加/刪除錨點工具、轉(zhuǎn)換點工具、實操案例：營銷海報等內(nèi)容。明確學(xué)習(xí)目標(biāo)掌握鋼筆工具的使用掌握自由鋼筆工具的使用掌握添加/刪除錨點工具的使用掌握轉(zhuǎn)換點工具的使用掌握實現(xiàn)營銷海報的方式知識講解知識點1-鋼筆工具繪制形狀使用鋼筆工具繪制形狀前，需要在工具屬性欄的繪圖樣式中選中“形狀”選項，各項參數(shù)設(shè)置如下圖所示。鋼筆工具屬性欄繪圖模式：單擊該選框，在下拉列表中選擇需要的繪圖模式。填充：若在繪圖模式中選擇“形狀”，繪制好圖像后，單擊色塊可以調(diào)出填充設(shè)置面板，如下圖所示。填充面板描邊：此項參數(shù)也只能在繪圖模式為“形狀”的前提下有效，設(shè)置方式與填充相同。描邊粗細(xì)：該項參數(shù)可以控制描邊的粗細(xì)，單擊后方的按鈕，在彈出的控制條上拖動鼠標(biāo)即可改變描邊大小，也可直接在輸入框中輸入數(shù)值，如下圖所示。描邊大小描邊樣式：單擊該選項框，在彈出的設(shè)置面板中可以選擇描邊的樣式（直線、虛線），如下圖（a）所示。單擊“更多選項”按鈕，可以自定義虛線描邊樣式，如對齊、端點、角點、虛線與間隙，如下圖（b）所示。（a）（b）寬度/高度：在輸入框中輸入數(shù)值即可改變所繪制圖像的大小，選中寬度與高度中間的鏈條，可以鎖定長寬比。布爾運算：單擊該按鈕，可以在下拉選項中選擇所需的布爾運算，如下圖所示。布爾運算路徑選項：單擊路徑選項按鈕，在彈出的面板中可以設(shè)置路徑線的粗細(xì)、顏色，如下圖所示。路徑選項選中鋼筆工具，在工具屬性欄中設(shè)置好相關(guān)參數(shù)，即可在畫布中繪制所需元素。使用鋼筆工具繪制形狀時，既可繪制繪制直線又可繪制曲線，如下圖所示。繪制直線和曲線繪制路徑使用鋼筆工具繪制路徑前，需要在工具屬性欄的繪圖樣式中選中“路徑”選項，各項參數(shù)設(shè)置如下圖所示。鋼筆工具屬性欄若要繪制閉合路徑，則需要使最后一段路徑的終點與起始點重合，如下圖左圖所示；若要繪制開放路徑，則只需繪制完最后一段路徑后，按住Ctrl鍵的同時單擊鼠標(biāo)左鍵結(jié)束繪制操作即可，如下圖右圖所示。路徑分類繪制完路徑后，通過工具屬性欄可以再次編輯該路徑，如下圖所示。鋼筆工具屬性欄按Ctrl+Enter鍵將路徑轉(zhuǎn)換為選區(qū)，按Ctrl+J繪制路徑轉(zhuǎn)換為選區(qū)知識點2-自由鋼筆工具自由鋼筆工具可以繪制比較隨意的路徑和形狀，不需要手動創(chuàng)建錨點，只需按住鼠標(biāo)左鍵拖動即可繪制路徑或形狀，如下圖所示。自由鋼筆工具知識點3-彎度鋼筆工具彎度鋼筆工具繪制的路徑或形狀都是彎曲的，不能繪制直線，如下圖所示。彎度鋼筆工具知識點4-添加/刪除錨點工具使用鋼筆工具或形狀工具繪制完路徑或形狀后，路徑上有許多控制錨點，使用鋼筆工具組中的添加錨點工具可以在路徑上增加錨點，使用刪除錨點工具可以刪除路徑上的錨點，如下圖所示。原始添加錨點刪除錨點使用添加錨點工具增加路徑上的錨點時，需先將光標(biāo)置于路徑上需要添加錨點的位置，此時光標(biāo)圖標(biāo)變?yōu)?，單擊鼠?biāo)左鍵即可添加錨點。知識點5-轉(zhuǎn)換點工具若需要將平滑點轉(zhuǎn)換為角點，先選擇轉(zhuǎn)換點工具，然后將光標(biāo)置于該錨點上，單擊鼠標(biāo)左鍵即可將平滑錨點轉(zhuǎn)換為角點，曲線路徑也會轉(zhuǎn)換為直線路徑，如下圖所示。平滑點角點若需要將角點轉(zhuǎn)換為平滑點，先選中轉(zhuǎn)換點工具，然后將光標(biāo)置于該錨點上，單擊鼠標(biāo)左鍵并按住左鍵向左或向右拖曳，即可將角點轉(zhuǎn)換為平滑點，如下圖所示。角點平滑點值得注意的是：使用鋼筆工具時，按住Alt可以切換為轉(zhuǎn)換點工具；使用直接選擇工具時，按住Ctrl+Alt可以切換為轉(zhuǎn)換點工具。知識點6-實操案例：營銷海報本案例利用鋼筆工具摳取海報所需的主體元素，搭配文字工具創(chuàng)建一副節(jié)氣海報。本案例的效果與圖層面板如下圖所示。效果圖與圖層面板本案例的具體實現(xiàn)步驟可參考教學(xué)PPT或教材。知識鞏固與作業(yè)（1）回顧上課前的學(xué)習(xí)目標(biāo)，對本節(jié)課知識點進(jìn)行總結(jié)。（2）老師布置相關(guān)作業(yè)進(jìn)行練習(xí)。第三課時（矩形工具、橢圓工具、三角形工具、多邊形工具、直線工具、自定義形狀工具）內(nèi)容回顧回顧上節(jié)內(nèi)容，引出本節(jié)內(nèi)容回顧上節(jié)的內(nèi)容，并提問學(xué)生上節(jié)練習(xí)中的問題，學(xué)生回答完后，由上節(jié)內(nèi)容引出本節(jié)要講的矩形工具、橢圓工具、三角形工具、多邊形工具、直線工具、自定義形狀工具等內(nèi)容。明確學(xué)習(xí)目標(biāo)掌握矩形工具的使用掌握橢圓工具的使用掌握三角形工具的使用掌握多邊形工具的使用掌握直線工具的使用掌握自定義形狀工具的使用知識講解知識點1-矩形工具與鋼筆工具一樣，使用矩形工具繪制元素之前，需要在工具屬性欄中設(shè)置繪圖模式以及其他的參數(shù)，如下圖所示。形狀模式屬性欄路徑模式屬性欄以“形狀”模式為例，設(shè)置好各項參數(shù)后，將光標(biāo)置于畫布中，按住鼠標(biāo)左鍵并拖動即可在畫布中繪制矩形元素，如圖（a）所示。若要創(chuàng)建正方形形狀，只需在繪制圖像的同時按住Shift鍵即可，如圖（b）所示。（a）（b）選擇矩形工具后，在屬性欄中可以設(shè)置圓角的參數(shù)值，即可繪制圓角矩形。參數(shù)越大，圓角越大，如下圖所示。圓角為10圓角為20圓角矩形繪制完成后，執(zhí)行“窗口”→“屬性”命令，可以調(diào)出屬性窗口，在該窗口中可以修改圓角矩形的長度、寬度、外觀、圓角半徑等屬性，如下圖所示。屬性面板屬性面板還提供了蒙版設(shè)置窗口，單擊屬性面板中的按鈕即可切換到蒙版設(shè)置窗口，如下圖所示。蒙版設(shè)置面板在“羽化”屬性的輸入框中輸入數(shù)值或拖拽控制條可以設(shè)置形狀的羽化效果，數(shù)值越大，羽化效果越明顯，如下圖所示。羽化值為0像素羽化值5.0像素知識點2-橢圓工具選擇橢圓工具后，在屬性欄中選擇需要的繪圖模式，然后將光標(biāo)置于畫布中，按住鼠標(biāo)左鍵并拖動即可繪制橢圓，如下圖（a）所示。若要繪制正圓形，可以按住Shift鍵或Shift+Alt鍵（以鼠標(biāo)單擊點為中心）進(jìn)行創(chuàng)建，如下圖（b）所示。（a）（b）繪制好橢圓形狀后，執(zhí)行“窗口”→“屬性”命令，可以在屬性窗口中設(shè)置橢圓的大小、羽化值等參數(shù)。知識點3-三角形工具使用三角形工具可以繪制三角形，選擇三角形工具，在屬性欄中選擇繪制模式后，即可在畫布上繪制三角形，按住Shift鍵的同時拖動鼠標(biāo)可以繪制正三角形，如下圖（a）所示。通過設(shè)置圓角參數(shù)，可以繪制圓角三角形，如下圖（b）所示。（b）知識點4-多邊形工具使用多邊形工具可以繪制多邊形和星形，選擇多邊形工具后，可以在工具屬性欄中設(shè)置相關(guān)參數(shù)，包括繪圖模式、邊數(shù)等，如下圖所示。多邊形工具屬性欄設(shè)置邊數(shù)：在輸入框中輸入數(shù)值即可，數(shù)值范圍為3-100之間的整數(shù)。例如，輸入的數(shù)值為3，可以創(chuàng)建三角形；輸入的數(shù)值為6，可以創(chuàng)建六邊形，如下圖所示。繪制多邊形設(shè)置其他形狀和路徑選項：單擊屬性欄中的按鈕，在彈出的窗口中可以設(shè)置路徑選項和星形比例參數(shù)，參數(shù)設(shè)置如下圖所示。設(shè)置其他形狀和路徑選項不受約束/對稱/固定大小/比例/自由格式：在繪制圖形前，選擇一種選項即可。這5種選項下繪制的圖形不同，例如選中“比例”選項，在后方的參數(shù)框中設(shè)置寬度和高度的比例參數(shù)，即可繪制該比例的形狀，如下圖所示。選中“比例”模式星形比例：用來設(shè)置星形的尖銳程度，參數(shù)為1%-100%之間的整數(shù)，參數(shù)值越小，星形越尖銳，如下圖所示。星形比例平滑星形縮進(jìn)：當(dāng)“星形比例”的參數(shù)值不為100%時，“平滑星形縮進(jìn)”選項才是可選擇的。選擇該選項后，繪制的多邊星形的邊具有一定弧度。星形比例參數(shù)值會影響平滑星形的呈現(xiàn)效果，如下圖所示。平滑星形縮進(jìn)知識點5-直線工具直線工具可以繪制直線和帶有箭頭的直線，選擇直線工具后，可以在屬性欄中設(shè)置相關(guān)參數(shù)，例如繪圖模式、填充或描邊的顏色和樣式等，如下圖所示。直線工具屬性欄若要繪制帶有箭頭的直線，可以單擊屬性欄中的按鈕進(jìn)行設(shè)置。先選擇直線工具，單擊屬性欄中的按鈕，選中“箭頭”下方的“起點”或“終點”，然后繪制直線，即可使直線的起點或終點帶有箭頭，如下圖所示。設(shè)置箭頭寬度/長度：用來設(shè)置箭頭寬度和長度。凹度：用來設(shè)置箭頭的凹陷程度，參數(shù)值范圍為-50%~50%。當(dāng)參數(shù)設(shè)置為0時，箭頭尾部對齊；當(dāng)參數(shù)設(shè)置為正值時，箭頭尾部向內(nèi)凹陷；當(dāng)參數(shù)設(shè)置為負(fù)值時，箭頭尾部向外凸出，如下圖所示。凹度知識點5-自定義形狀工具自定義形狀工具可以創(chuàng)建多種樣式的形狀、路徑和像素，選擇自定義形狀工具后，可以在屬性欄中設(shè)置相關(guān)參數(shù)，例如填充或描邊的顏色和樣式、形狀等，在“形狀”屬性下可以選擇軟件預(yù)設(shè)的形狀，如下圖所示。自定義形狀工具屬性欄單擊屬性欄中“形狀”的下拉按鈕，可以在彈出的預(yù)設(shè)形狀中選擇需要的形狀。在使用自定義形狀時，除了可以使用Photoshop自帶的形狀外，還可以載入外部形狀。知識鞏固與作業(yè)（1）回顧上課前的學(xué)習(xí)目標(biāo)，對本節(jié)課知識點進(jìn)行總結(jié)。（2）老師布置相關(guān)作業(yè)進(jìn)行練習(xí)。第四課時（路徑選擇工具、直接選擇工具、布爾運算、實操案例：瀏覽器圖標(biāo)）內(nèi)容回顧回顧上節(jié)內(nèi)容，引出本節(jié)內(nèi)容回顧上節(jié)的內(nèi)容，并提問學(xué)生上節(jié)練習(xí)中的問題，學(xué)生回答完后，由上節(jié)內(nèi)容引出本節(jié)要講的路徑選擇工具、直接選擇工具、布爾運算、實操案例：瀏覽器圖標(biāo)等內(nèi)容。明確學(xué)習(xí)目標(biāo)掌握路徑選擇工具的使用掌握直接選擇工具的使用掌握布爾運算的使用掌握實現(xiàn)瀏覽器圖標(biāo)的步驟知識講解知識點1-路徑選擇工具當(dāng)繪制的元素為形狀時，使用路徑選擇工具移動的不僅是路徑，也是形狀，如下圖所示。同樣地，使用路徑選擇工具選擇路徑后，按Delete鍵刪除，既刪除路徑也會刪除形狀。移動路徑使用移動工具搭配Alt鍵可以復(fù)制圖層內(nèi)的圖像，同樣地，使用路徑選擇工具搭配Alt鍵也可以復(fù)制路徑，如下圖所示。復(fù)制路徑知識點2-直接選擇工具使用直接選擇工具可以選擇路徑上的一個或多個錨點，然后對選擇的錨點進(jìn)行移動、刪除等操作，如下圖所示。若要選擇多個錨點，可以按住Shift鍵的同時點選需要選擇的錨點即可。直接選擇工具選擇直接選擇工具后，選擇需要調(diào)整的錨點，此時錨點的兩條控制手柄顯示出來，將光標(biāo)置于需要調(diào)節(jié)的控制手柄的端點，按住鼠標(biāo)左鍵并拖動即可調(diào)整路徑，如下圖所示。調(diào)節(jié)控制手柄知識點3-布爾運算形狀的布爾運算被廣泛運用于圖形設(shè)計中，特別是圖標(biāo)設(shè)計、Logo設(shè)計等。繪制形狀時，根據(jù)實際需要，可以在形狀屬性欄中選擇布爾運算的樣式，如下圖所示。布爾運算新建圖層：每繪制一次形狀，圖層面板中都會新增一個形狀圖層，各個形狀之間不會產(chǎn)生合并、交叉等運算，如下圖所示。新建圖層合并形狀：選擇該選項（或按住Shift鍵的同時繪制新的形狀），新繪制的圖形會添加到原有的圖形中，并且圖層面板中不會新增形狀圖層，如下圖所示。若要單獨編輯合并形狀中的某個形狀，可以使用路徑選擇工具選擇該形狀的路徑，然后進(jìn)行移動、刪除、自由變換等操作。合并形狀減去頂層形狀：選擇該選項（或按住Alt鍵的同時繪制新的形狀），可以從原來圖形中減去新繪制的圖形，并且圖層面板中不會新增形狀圖層，