圖形圖像處理（Photoshop CS6）（第2版）課件 項目4 圖形圖像的繪制

數(shù)圖形圖像處理

（PhotoshopCS6）（第2版）項目4圖形圖像的繪制項目描述

在圖像處理過程中，由于設(shè)計制作的需要，經(jīng)常繪制一些圖形運用于設(shè)計作品中。本項目采用Photoshop軟件利用選區(qū)來繪制圖形，Photoshop繪制圖形的一般步驟為：先利用選框、畫筆、路徑、形狀等工具繪制圖形，再通過其他如漸變、加深減淡、濾鏡等工具和命令配合使用完成最終效果。在Photoshop中繪制圖形主要有以下3個方面。

利用選區(qū)繪制圖形。

利用畫筆工具繪制圖形。

利用路徑繪制矢量圖形。

任務(wù)1簡單圖形的繪制學(xué)習(xí)目標

選框工具的應(yīng)用

顏色工具的應(yīng)用

任務(wù)1簡單圖形的繪制準備知識1．繪制圖形2．選擇顏色3．填充（1）油漆桶工具（2）漸變填充

任務(wù)1簡單圖形的繪制任務(wù)描述

本任務(wù)是使用選框工具組里面的橢圓選框、矩形選框工具，套索工具組里面的套索、多邊形套索工具及選區(qū)運算來創(chuàng)建選區(qū)，填充顏色繪制一張卡通風景畫。

任務(wù)1簡單圖形的繪制任務(wù)實現(xiàn)（1）新建文件，大小為400像素×300像素、分辨率為72像素/英寸、RGB模式、白色背景的圖像。新建“天空”圖層，把前景色設(shè)為藍色，背景色設(shè)為白色，用漸變工具執(zhí)行線性漸變，如圖4-1-10和圖4-1-11所示。

任務(wù)1簡單圖形的繪制任務(wù)實現(xiàn)（2）新建“地面”圖層，選擇“橢圓選框”工具分別創(chuàng)建兩個橢圓選區(qū)并填充不同的綠色，如圖4-1-12所示。（3）新建“樹木”圖層，選擇“橢圓選框”工具，結(jié)合【Shift】鍵繪制遠處樹木選區(qū)并填充顏色，如圖4-1-13所示。

任務(wù)1簡單圖形的繪制任務(wù)實現(xiàn)（4）新建“白云”圖層，選擇“橢圓選框”工具，結(jié)合【Shift】鍵繪制遠處白云并填充白色，如圖4-1-14所示。（5）新建“屋頂”圖層，選擇“多邊形套索”工具創(chuàng)建屋頂選區(qū)并填充顏色，如圖4-1-15所示。（6）選擇“矩形選框”工具創(chuàng)建矩形選區(qū)，選擇菜單“圖像→調(diào)整→亮度/對比度”命令把亮度調(diào)暗，如圖4-1-16所示。

任務(wù)1簡單圖形的繪制任務(wù)實現(xiàn)（7）按住【Ctrl】鍵單擊圖層調(diào)板下方的“創(chuàng)建新圖層”按鈕，在“屋頂”圖層下方創(chuàng)建新圖層“墻體”，選擇“多邊形套索”工具創(chuàng)建墻體選區(qū)，填充顏色并調(diào)整亮度/對比度，效果如圖4-1-17所示。（8）選擇“多邊形套索”工具，結(jié)合【Shift】鍵創(chuàng)建“門”和“窗”選區(qū)并填充顏色，效果如圖4-1-18所示。（9）新建“樹木”圖層，選擇“套索”工具創(chuàng)建“樹木”選區(qū)并填充顏色，效果如圖4-1-19所示。

任務(wù)1簡單圖形的繪制任務(wù)實現(xiàn)（10）復(fù)制幾棵樹木并擺放不同位置，調(diào)整樹的大小和顏色，如圖4-1-20所示。（11）新建“小草”圖層，選擇“套索”工具創(chuàng)建選區(qū)，填充、復(fù)制、擺放小草后的效果如圖4-1-21所示。（12）新建“柵欄”圖層，選擇“矩形選框”工具，結(jié)合【Shift】鍵創(chuàng)建選區(qū)并填充白色，如圖4-1-22所示，保存文件，完成本任務(wù)。

任務(wù)1簡單圖形的繪制任務(wù)回顧1．顏色選擇2．圖案填充3．描邊

任務(wù)2壁紙的制作學(xué)習(xí)目標

畫筆工具的使用

顏色替換工具的使用

混合器畫筆工具的使用

動態(tài)畫筆的設(shè)置及使用

加深、減淡、涂抹工具的使用

任務(wù)2壁紙的制作準備知識1．畫筆工具（1）畫筆工具選項欄（2）畫筆預(yù)設(shè)調(diào)板（3）動態(tài)畫筆2．鉛筆工具

任務(wù)2壁紙的制作準備知識3．顏色替換工具（1）選樣模式（2）限制（3）容差4．混合器畫筆工具

任務(wù)2壁紙的制作任務(wù)描述

本任務(wù)主要通過Photoshop的畫筆，讓繪畫更具有自由性。特別是動態(tài)畫筆的使用，使得繪圖變得更加簡單，作品風格更加獨特。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（1）新建文件，大小為1024像素×600像素、分辨率為72像素/英寸、RGB模式、白色背景的圖像。新建“天空”圖層，把前景色設(shè)為淺藍色（R：208，G：245，B：254），背景色設(shè)為白色，用漸變工具執(zhí)行線性漸變，如圖4-2-24所示。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（2）新建圖層，設(shè)置前景色為淡綠色（R：198，G：222，B：199），選擇畫筆工具，設(shè)置畫筆筆尖為“粉筆17像素”，在畫面上涂抹出地面效果，如圖4-2-25所示。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（3）將地面層的透明度調(diào)整至60%，效果如圖4-2-26所示。（4）新建圖層，設(shè)置前景色為深棕色（R：100，G：80，B：70），設(shè)置畫筆筆尖為“粉筆36像素”，在畫面上涂抹出大樹，然后變化筆尖的大小，繪制出樹枝，效果如圖4-2-27所示。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（5）新建圖層，設(shè)置前景色為黃棕色（R：165，G：130，B：100），調(diào)整筆尖大小在樹干上涂抹出亮色部分；再設(shè)置前景色為黑棕色，變化筆尖的大小，在樹干上繪制出陰影部分，效果如圖4-2-28所示。（6）選擇涂抹工具，在畫面上對亮色及陰影部分進行涂抹，使大樹效果更加自然，如圖4-2-29所示。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（7）新建圖層，設(shè)置前景色為紅色（R：245，G：100，B：30），背景色為黃色（R：245，G：240，B：40）。（8）選擇畫筆筆尖為“散布楓葉”，設(shè)置畫筆顏色動態(tài)中的“前景色/背景色抖動”為100%；傳遞動態(tài)中的“不透明度抖動”為100%，在樹的上方繪制出樹葉的效果，如圖4-2-30所示。

將該圖層拖到大樹層的下面，效果如圖4-2-31所示。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（9）選擇大樹圖層，在該圖層上新建圖層，再次繪制樹葉效果，如圖4-2-32所示。（10）打開素材文件“4-2-1.psd”，將騎車的女孩圖像拖到畫面中，并調(diào)整大小，放置到圖像中合適位置，如圖4-2-33所示。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（11）新建圖層，設(shè)置前景色為綠色（R：120，G：168，B：40），背景色為綠色（R：150，G：200，B：50）。選擇畫筆工具，選擇筆尖為“草”圖像中合適位置，設(shè)置畫筆顏色動態(tài)中的“前景色/背景色抖動”為100%，繪制草地效果，如圖4-2-34所示。（12）在大樹圖層上方新建圖層，設(shè)置前景色為綠色（R：80，G：150，B：40），背景色為綠色（R：150，G：200，B：50），在大樹下方繪制草地，效果如圖4-2-35所示。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（13）新建圖層，設(shè)置前景色為白色，選擇鉛筆工具，畫筆大小設(shè)置為2像素，在畫面上繪制氣球，效果如圖4-2-36所示。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（14）打開素材“4-2-2.psd”文件，如圖4-2-37所示。選擇“編輯→定義畫筆預(yù)設(shè)”命令，將素材的云朵定義為畫筆，效果如圖4-2-38所示。（15）設(shè)置前景色為白色，選擇畫筆工具，選擇剛定義的“云朵”畫筆。打開畫筆調(diào)板，選擇“筆尖大小”選項，設(shè)置“間距”為200%；選擇“形狀動態(tài)”項，設(shè)置“大小抖動”為100%，“最小直徑”為10%；選擇“散布”項，勾選“兩軸”，設(shè)置“散布值”為600。

任務(wù)2壁紙的制作任務(wù)實現(xiàn)（16）在背景層上方新建圖層，用剛設(shè)置好的畫筆在畫面上繪制云朵效果，如圖4-2-39所示。（17）完成制作，將文件保存為“4-2效果.psd”。

任務(wù)2壁紙的制作任務(wù)回顧自定義畫筆及應(yīng)用（1）新建文件，大小為600像素×350像素，背景內(nèi)容設(shè)置為“透明”，將背景填充為黑色。（2）選擇工具箱中的橫排文字工具，設(shè)置字體為“Arial”，字號為“60”，輸入“2014”字樣，如圖4-2-40所示。（3）選擇菜單“編輯→圖層樣式”命令，勾選“斜面與浮雕”項，用系統(tǒng)默認參數(shù)即可，效果如圖4-2-41所示。

任務(wù)2壁紙的制作任務(wù)回顧（4）按住【Ctrl】鍵，單擊文字圖層，可形成選區(qū)，如圖4-2-42所示。（5）關(guān)閉背景顯示，選擇“編輯→定義畫筆預(yù)設(shè)”命令，將“2014”定義成畫筆，如圖4-2-43所示。

任務(wù)2壁紙的制作任務(wù)回顧（6）新建圖層，選擇“2014”畫筆，設(shè)置“畫筆筆尖形狀”中的“間距”為1%；設(shè)置“形狀動態(tài)”中的“大小抖動→漸隱”為200，畫筆預(yù)覽如圖4-2-44所示。（7）顯示背景層，在新建圖層用“2014”畫筆在畫面上隨意畫線條，效果如圖4-2-45所示。（8）將文字層拖到最上層，按住【Ctrl】鍵，單擊線條圖層縮覽圖，生成選區(qū)，在選區(qū)中填充漸變效果，再將文字填充顏色，效果如圖4-2-46所示。

任務(wù)3插圖的繪制學(xué)習(xí)目標

路徑在繪圖中的應(yīng)用

路徑的編輯

路徑的填充

圖案組合應(yīng)用

任務(wù)3插圖的繪制準備知識1．路徑調(diào)板2．路徑的管理（1）保存工作路徑（2）創(chuàng)建新路徑（3）刪除路徑（4）復(fù)制路徑（5）填充和描邊路徑

任務(wù)3插圖的繪制任務(wù)描述

本任務(wù)是造型簡潔的卡通風格插畫，一般的步驟是先使用鋼筆工具繪制出對象的輪廓，然后使用漸變、路徑描邊等工具配合完成繪制。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（1）打開素材“4-3-1.jpg”文件，如圖4-3-9所示。（2）使用“鋼筆”工具，參照圖4-3-10，在視圖中繪制路徑。打開“路徑”調(diào)板，雙擊“工作路徑”，打開“存儲路徑”對話框，保持默認設(shè)置，單擊“確定”按鈕將路徑存儲為“路徑1”。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（3）按【Ctrl+Enter】組合鍵將路徑轉(zhuǎn)換為選區(qū)，切換到“圖層”調(diào)板，新建“圖層1”并命名為“陸地”，將前景色設(shè)為淡黃色，按【Alt+Delete】組合鍵用前景色進行填充，按【Ctrl+D】組合鍵取消選區(qū)，如圖4-3-11所示。（4）在“路徑”調(diào)板中，拖動“路徑1”至調(diào)板底部“創(chuàng)建新路徑”按鈕上將其復(fù)制為“路徑1副本”。用鋼筆工具修改路徑1副本形狀，如圖4-3-12所示。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（5）設(shè)前景色為深綠色。選擇“畫筆”工具，筆尖大小為5像素，單擊“路徑”調(diào)板底部的“用畫筆描邊路徑”按鈕對路徑進行描邊。單擊調(diào)板空白處隱藏路徑，如圖4-3-13所示。（6）按【Ctrl】鍵單擊“路徑”縮覽圖將“路徑1副本”轉(zhuǎn)換為選區(qū)，按【↑】鍵把選區(qū)向上移動一個像素，前景色設(shè)為淺綠色，按【Alt+Delete】組合鍵用前景色填充，按【Ctrl+D】組合鍵取消選區(qū)，如圖4-3-14所示。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（7）新建“河流”圖層，選擇“矩形選框”工具，繪制選區(qū)并填充藍色，按【Ctrl+D】組合鍵取消選區(qū)，如圖4-3-15所示。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（8）新建“路徑2”，使用“鋼筆”工具參照圖4-3-16所示繪制路徑并填充為淺藍色，如圖4-3-17所示。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（9）新建“路徑3”，使用“鋼筆”工具參照圖4-3-18所示繪制樹叢路徑。新建“樹叢”圖層，將路徑轉(zhuǎn)換為選區(qū)，使用“漸變”工具進行填充，如圖4-3-19所示。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（10）選擇“路徑3”復(fù)制生成“路徑3副本”，按【Ctrl+T】組合鍵并調(diào)整路徑位置和大小，轉(zhuǎn)換為選區(qū)后執(zhí)行漸變填充，如圖4-3-20所示。（11）按照上面的方法繪制其他樹叢，填充不同顏色后調(diào)整圖層順序，最后合并樹叢圖層，命名為“樹叢”，如圖4-3-21所示。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（12）繼續(xù)使用以上繪制圖形的方法，參照圖4-3-22所示，繪制出房屋、海洋圖形，繪制完畢后將除“背景”圖層以外的所有圖層選中，按【Ctrl+G】組合鍵將圖層編組，命名為“城市”。（13）打開素材“大樹”文件，用“移動”工具拖入“背景”文檔，如圖4-3-23所示。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（14）參照圖4-3-24，在樹干上繪制路徑，前景色設(shè)為黃金色，選擇“鉛筆”工具并設(shè)筆尖為3像素。新建圖層“蔓藤”，執(zhí)行畫筆描邊。然后把繞在樹干后面的蔓藤用“橡皮擦”工具擦除，如圖4-3-25所示。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（15）新建圖層，前景色設(shè)為淡綠色，選擇“自定形狀”工具，參照圖4-3-26所示繪制樹葉。執(zhí)行“濾鏡→藝術(shù)化效果→海綿”命令，參數(shù)為默認。（16）復(fù)制、自由變換制作其他大小各異的樹葉，并將樹葉圖形沿著蔓藤放置，選擇“葉子”圖層，執(zhí)行圖層樣式“外發(fā)光”效果，如圖4-3-27所示。

任務(wù)3插圖的繪制任務(wù)實現(xiàn)（17）選擇“河流”圖層，添加圖層蒙版，選擇“畫筆”工具，設(shè)置前景色為黑色，對蒙版進行編輯，如圖4-3-28和圖4-3-29所示。（18）執(zhí)行“色彩平衡”命令，完成最終效果，保存文件，完成本任務(wù)。

任務(wù)3插圖的繪制任務(wù)回顧1．唯美風格插圖2．卡通風格插圖

任務(wù)3插圖的繪制任務(wù)回顧3．動漫人物繪制（1）寫實類動漫人物（2）卡通類動漫人物4．Photoshop繪制插圖

一般的途徑（1）先在紙上用鉛筆畫出紙質(zhì)

草稿，用掃描儀掃描之后在Photoshop里進行描繪。（2）用手寫板繪制。（3）直接在Photoshop中使用畫筆、鋼筆工具進行描繪。

任務(wù)4藝術(shù)相片的制作學(xué)習(xí)目標

形狀工具

路徑運算

路徑填充與描邊

任務(wù)4藝術(shù)相片的制作準備知識1．形狀圖層2．形狀的使用

任務(wù)4藝術(shù)相片的制作準備知識（1）矩形工具（2）圓角矩形工具（3）橢圓工具（4）多邊形工具（5）直線工具（6）自定形狀工具

任務(wù)4藝術(shù)相片的制作任務(wù)描述

利用圖形工具可以輕松繪制各種形狀的圖案，通過圖案的組合，也能生成漂亮的圖像。本案例主要是介紹如何通過形狀工具來完成相框的繪制，并通過形狀工具選項欄中“樣式”及創(chuàng)建形狀路徑交疊方式的設(shè)置達到產(chǎn)生特殊的效果。

任務(wù)4藝術(shù)相片的制作任務(wù)實現(xiàn)1．基本相框制作（1）啟動PhotoshopCS6，新建一文件。在“新建”對話框輸入以下內(nèi)容：“名稱”設(shè)為“相框”，“寬度”設(shè)為“15厘米”，“高度”設(shè)為“10厘米”，“分辨率”設(shè)為“150像素/英寸”，“背景內(nèi)容”設(shè)為“白色”，如圖4-4-12所示。（2）為背景填充黃色（R：255，G：227，B：165）。

任務(wù)4藝術(shù)相片的制作任務(wù)實現(xiàn)（3）選擇工具箱中的“自定義形狀”工具，并在選項欄選擇路徑模式，然后在下拉列表框中選擇“拼圖”圖形，在畫面中合適的位置拖曳鼠標，繪制了一個拼圖塊的路徑，如圖4-4-13所示。

任務(wù)4藝術(shù)相片的制作任務(wù)實現(xiàn)（4）選擇工具箱中的“路徑選擇”工具，對路徑進行調(diào)整，盡量使內(nèi)部的空間變大，如圖4-4-14所示。（5）選擇工具箱中的“圓角矩形”工具，并在選項欄設(shè)置半徑為“30px”，然后在原路徑內(nèi)部拖出一圓角矩形，如圖4-4-15所示。

任務(wù)4藝術(shù)相片的制作任務(wù)實現(xiàn)（6）選擇工具箱中的“路徑選擇”工具，按住【Shift】鍵，選擇兩個路徑，再單擊選項欄中的“重疊形狀區(qū)域之外”圖標，形成如圖4-4-16所示的圖形。（7）新建“圖層1”，設(shè)置前景色為白色，單擊“路徑”調(diào)板下的“用前景色填充”按鈕，為形狀填充上顏色，如圖4-4-17所示。

任務(wù)4藝術(shù)相片的制作任務(wù)實現(xiàn)（8）關(guān)閉路徑顯示，選擇“圖層1”。單擊“樣式”調(diào)板，追加“Web樣式”，然后選擇“帶陰影的透明凝膠”樣式，效果如圖4-4-18所示。（9）選擇“魔棒工具”，在選項欄中勾選“連續(xù)”，再單擊路徑內(nèi)框，形成選區(qū)，效果如圖4-4-19所示。

任務(wù)4藝術(shù)相片的制作任務(wù)實現(xiàn)（10）打開素材“5_3.jpg”文件，利用矩形選框工具選擇所需要的部分，然后復(fù)制。（11）單擊“相框.psd”文件，選擇“編輯→選擇性粘貼→貼入”命令，可見剛才復(fù)制的圖像只在選區(qū)中顯示，如圖4-4-20所示。然后調(diào)整圖像大小，以適應(yīng)外框，效果如圖4-4-21所示。（12）選擇“圖層2”，選擇應(yīng)用蒙版。此時，相框效果完成。

任務(wù)4藝術(shù)相片的制作任務(wù)實現(xiàn)2．裝飾圖像（1）關(guān)閉“圖層1”、“圖層2”的顯示，新建“圖層3”，用“鋼筆”工具繪制一段曲線，如圖4-4-22所示。（2）設(shè)置前景色為白色，設(shè)置“畫筆”為“尖角2像素”，選擇“路徑”調(diào)板，單擊下方的“用畫筆描邊路徑”按鈕，關(guān)閉“工作路徑”顯示，此時可見畫面上出現(xiàn)了白色的曲線