計(jì)算機(jī)輔助設(shè)計(jì)項(xiàng)目教程課件 模塊六 矢量圖像繪制－任務(wù)1扁平人物插畫繪制

模塊六矢量圖像繪制

知識(shí)目標(biāo)通過扁平人物插畫繪制、手機(jī)圖標(biāo)繪制、箱包促銷廣告繪制三個(gè)任務(wù)的實(shí)現(xiàn)，熟悉矢量工具的使用方法，掌握矢量創(chuàng)意繪圖的方法和技巧，能夠熟練完成學(xué)習(xí)任務(wù)、拓展任務(wù)，并通過測(cè)試。

技能目標(biāo)具備靈活使用矢量工具進(jìn)行繪圖的能力，具備一定的插畫繪制及設(shè)計(jì)能力。

素養(yǎng)目標(biāo)培養(yǎng)學(xué)生團(tuán)隊(duì)協(xié)作、積極進(jìn)取的精神，具有一定的審美觀、鑒賞能力，具備良好的職業(yè)道德和溝通交流能力，具備獨(dú)立思考和認(rèn)真鉆研的良好品質(zhì)。

任務(wù)1本任務(wù)使用圖層的混合模式和不透明度，制作背景效果；執(zhí)行“圓角矩形工具”“創(chuàng)建剪貼蒙版”命令，添加人物照片；使用“橫排文字工具”“字符”面板和圖層樣式，添加文字。扁平人物插畫繪制

矢量圖像也可以叫做向量式圖像，顧名思義，它是以數(shù)學(xué)式的方法記錄圖像的內(nèi)容。其記錄的內(nèi)容以線條和色塊為主，由于記錄的內(nèi)容比較少，不需要記錄每一個(gè)點(diǎn)的顏色和位置等，所以它的文件容量比較小，這類圖像很容易進(jìn)行放大，旋轉(zhuǎn)等操作，且不易失真，精確度較高，所以在一些專業(yè)的圖形繪制軟件中應(yīng)用較多。但同時(shí)，正是由于上述原因，這種圖像類型不適于制作一些色彩變化較大的圖像，且由于不同軟件的存儲(chǔ)方法不同，在不同軟件之間的轉(zhuǎn)換也有一定的困難。

路徑是由貝塞爾曲線構(gòu)成的圖形。貝塞爾曲線則是由錨點(diǎn).線段.方向線與方向點(diǎn)組成的線段。由于貝塞爾曲線具有精確和易于修改的特點(diǎn)，被廣泛應(yīng)用于電腦圖形領(lǐng)域，用于定義和編輯圖像的區(qū)域。使用貝塞爾曲線可以精確定義一個(gè)區(qū)域，并且可以將其保存以便重復(fù)使用。知識(shí)點(diǎn)講解

任務(wù)1扁平人物插畫繪制“路徑”面板默認(rèn)情況下與“圖層”面板在同一面板組中，其主要用于存儲(chǔ)和編輯路徑。下面熟悉一下“路徑”面板的組成知識(shí)點(diǎn)講解

任務(wù)1扁平人物插畫繪制6.1.1認(rèn)識(shí)路徑面板“鋼筆工具”用于繪制自定義的形狀或路徑。選擇工具箱中的“鋼筆工具”，在其選項(xiàng)欄中設(shè)置相應(yīng)的工具模式，即可在畫布中繪制形狀或路徑。知識(shí)點(diǎn)講解

任務(wù)1扁平人物插畫繪制6.1.2鋼筆工具

鋼筆工具繪制路徑，可分為繪制直線路徑和繪制曲線路徑，具體如下：

繪制直線路徑：選擇鋼筆工具，在圖像的繪制窗口內(nèi)單擊，可創(chuàng)建路徑的第一個(gè)錨點(diǎn)。在該錨點(diǎn)附近再次單擊，兩個(gè)錨點(diǎn)之間即會(huì)形成一條直線路徑。另外，在繪制直線路徑時(shí)，按住【Shift】鍵不放，可繪制水平線段.垂直線段或45度倍數(shù)的斜線段。知識(shí)點(diǎn)講解

任務(wù)1扁平人物插畫繪制知識(shí)點(diǎn)講解繪制曲線路徑：使用“鋼筆工具”繪制曲線路徑時(shí)，可以通過單擊并拖拽鼠標(biāo)的方法直接創(chuàng)建曲線。選擇鋼筆工具，創(chuàng)建路徑的第一個(gè)錨點(diǎn)。在該錨點(diǎn)附近再次單擊并拖拽鼠標(biāo)創(chuàng)建一個(gè)“平滑點(diǎn)”，兩個(gè)錨點(diǎn)之間會(huì)形成一條曲線路徑。

任務(wù)1扁平人物插畫繪制知識(shí)點(diǎn)講解使用“鋼筆工具”繪制曲線路徑時(shí)，按住【Ctrl】鍵不放，會(huì)將鋼筆工具暫時(shí)變?yōu)椤爸苯舆x擇工具”，可以調(diào)整曲線路徑的弧度。按住【Alt】鍵不放，會(huì)暫時(shí)將鋼筆工具轉(zhuǎn)換為“轉(zhuǎn)換點(diǎn)工具”。這時(shí)單擊“平滑點(diǎn)”可將其轉(zhuǎn)換為“角點(diǎn)”。

任務(wù)1扁平人物插畫繪制知識(shí)點(diǎn)講解所謂的錨點(diǎn)是指路徑上用于標(biāo)記關(guān)鍵位置的轉(zhuǎn)換點(diǎn)。通常路徑由一條或多條直線段或曲線段組成，線段的起始點(diǎn)和結(jié)束點(diǎn)由“錨點(diǎn)”標(biāo)記。

任務(wù)1扁平人物插畫繪制6.1.3調(diào)整路徑知識(shí)點(diǎn)講解使用“直接選擇工具”單擊一個(gè)錨點(diǎn)，即可選中該錨點(diǎn)。被選中的錨點(diǎn)為實(shí)心方塊，未選中的錨點(diǎn)為空心方塊。用鼠標(biāo)拖動(dòng)已選中的錨點(diǎn)或使用鍵盤的“→”“←”“↑”“↓”方向鍵，可以移動(dòng)錨點(diǎn)，從而調(diào)整相應(yīng)的路徑。

任務(wù)1扁平人物插畫繪制6.1.3調(diào)整路徑

知識(shí)點(diǎn)講解通過“轉(zhuǎn)換點(diǎn)工具”可以實(shí)現(xiàn)“平滑點(diǎn)”和“角點(diǎn)”之間的相互轉(zhuǎn)換。通過“直接選擇工具”選擇路徑，然后選擇鋼筆工具組中的“轉(zhuǎn)換點(diǎn)工具”，將光標(biāo)移至要轉(zhuǎn)換的錨點(diǎn)上，即可在角點(diǎn)與平滑點(diǎn)之間進(jìn)行轉(zhuǎn)換。

任務(wù)1扁平人物插畫繪制6.1.3調(diào)整路徑知識(shí)點(diǎn)講解使用“添加錨點(diǎn)”工具，可以在路徑中添加錨點(diǎn)。將鋼筆工具移動(dòng)到已創(chuàng)建的路徑上，若當(dāng)前沒有錨點(diǎn)，則“鋼筆工具”

會(huì)臨時(shí)轉(zhuǎn)換為“添加錨點(diǎn)”工具，使用該工具在路徑上單擊即可添加一個(gè)錨點(diǎn)。

任務(wù)1扁平人物插畫繪制6.1.4添加和刪除錨點(diǎn)

知識(shí)點(diǎn)講解路徑文字是指創(chuàng)建在路徑上的文字，文字會(huì)沿著路徑排列，改變路徑形狀時(shí)，文字的排列方式也會(huì)隨之改變。選擇“鋼筆工具”，在圖像窗口中創(chuàng)建一條曲線路徑。然后，選擇“橫排文字工具”

，在選項(xiàng)欄中設(shè)置“字體”為黑體.“字體大小”為36點(diǎn).“顏色”為紅色。

任務(wù)1扁平人物插畫繪制6.1.5創(chuàng)建路徑文字

知識(shí)點(diǎn)講解

任務(wù)1扁平人物插畫繪制6.1.6柵格化文字圖層使用文字工具輸入的“文字”是矢量圖形，無法在Photoshop中進(jìn)行繪圖及濾鏡操作，只有“柵格化文字圖層”才可以制作更加豐富的效果。具體操作如下：輸入文字，選擇文字圖層，執(zhí)行“圖層―柵格化文字”命令，即可將文字圖層?xùn)鸥窕癁槠胀▓D層。然后，可以對(duì)柵格化的文字圖層進(jìn)行各種編輯。

Step1：新建580像素×990像素的文檔，分辨率為72像素/英寸，背景為白色。Step2：新建圖層，命名為“頭發(fā)”，選擇鋼筆工具，先繪制頭發(fā)路徑。Step3：設(shè)置前景色為藍(lán)色（#272b75），選擇頭發(fā)圖層為當(dāng)前圖層，按【Ctrl+Enter】鍵，將路徑轉(zhuǎn)化為選區(qū)，用前景色填充。任務(wù)實(shí)施

任務(wù)1扁平人物插畫繪制

Step4：新建圖層，命名為“頭部”，利用鋼筆工具繪制頭部路徑，并填充一種類似皮膚的顏色（#feb779），將頭部圖層移動(dòng)到頭發(fā)圖層下面。任務(wù)實(shí)施

任務(wù)1扁平人物插畫繪制Step5：新建圖層，命名為“左臂”，使用鋼筆工具繪制左臂路徑，填充顏色（#f2a16a），并移動(dòng)圖層到頭部下面。任務(wù)實(shí)施

任務(wù)1扁平人物插畫繪制Step6：新建圖層，命名為“衣服”，使用鋼筆工具繪制衣服路徑，按【Ctrl+Enter】鍵，將路徑轉(zhuǎn)換為選區(qū)，設(shè)置前景色為紫色（#c1236d），填充選區(qū)。任務(wù)實(shí)施

任務(wù)1扁平人物插畫繪制Step7：新建圖層，命名為“右臂”，使用鋼筆工具繪制右臂路徑，按【Ctrl+Enter】鍵，將路徑轉(zhuǎn)換為選區(qū)，設(shè)置前景色為皮膚色（#f2a16a），填充選區(qū)，將“右臂”圖層移動(dòng)到衣服圖層下。任務(wù)實(shí)施

任務(wù)1扁平人物插畫繪制

Step8：新建圖層，命名為“裙子”，使用鋼筆工具繪制裙子路徑，按【Ctrl+Enter】鍵，將路徑轉(zhuǎn)換為選區(qū)，設(shè)置前景色為藍(lán)色（#4586fa），填充選區(qū)，移動(dòng)到衣服圖層下面。任務(wù)實(shí)施

任務(wù)1扁平人物插畫繪制

Step9：新建圖層，命名為“腿”，使用鋼筆工具繪制腿路徑，按【Ctrl+Enter】鍵，將路徑轉(zhuǎn)換為選區(qū)，設(shè)置前景色為皮膚色（#f2a16a），填充選區(qū)，