flat-design-cartoon-character-1

@魚過無聲design :今天的教程,一起來學人物肖像的繪制方法,學會了可以用作頭像或者設計素材(描繪不同的職業類型),也可以直接給自己畫一個,實用不難,走起練一發!

b9075693415c32f87574bef7a672.jpg

現在開始我們的教程吧。

第一步:

我們將開始我們第一個任務的頭像,我們使用矩形工具(括號內為快捷鍵,下同。矩形快捷鍵為M)制作一個65*80像素的淺粉色矩形,保持矩形選中狀態。去對象>路徑 >添加錨點。你將會注意到每一個矩形的邊上出現了新的錨點。

669a56933dc26ac725af237e5748.jpg

第二步

繼續使用對象>路徑 >添加錨點。為矩形的每個邊增加兩個點。 我們不需要用上面的錨點,所以我們刪除它們。

用直接選擇工具(A)選中需要刪除的左邊和右邊倒數第三個點(左右各一個)然后在頂部的控制面板里,點擊刪除。

現在讓我們創建臉部輪廓。選中矩形下面一條邊上的兩個末端錨點。敲擊鍵盤上回車按鈕,打開移動窗口。水平值設為0像素,垂直值設為-25像素(所中的錨點上移25像素)距離值25px(移動錨點25像素)。形成下巴,點擊確定。

c63d56933e5032f87574be6820bd.jpg

第三步:

如果你想要使下巴更寬或者更窄,選擇一個錨點然后敲回車,打開移動窗口,使選中的點向左,向右移動。例如:將右邊的點移動到左邊,選中右邊的點,然后把水平值設為-5像素。同理把左邊的點移動到右邊,選中左邊的點水平值設為5像素。這種方式我們可以將這兩個點移動的更近。

使用實時轉角功能,使臉部更佳平滑。使用直接(A)選擇工具,選中實時轉角,然后拖拽任何一個圓角標記(就是你選中一個有角度的錨點,都會出現一個中間實心,外面有個圓圈的點,選中那個點,讓它更靠近中心。(這個功能是老版本AI里沒有的)

如果你使用的是舊版本的Adobe Illustrator,可以使用效果> 樣式>風格化>圓角實現同樣功能。唯一的區別是不能選擇一個角來發生變化。他會使所有角發生變化。你可以使用橡皮擦(SHIFT+E)完成。

e32956933e6e6ac725af2390d721.jpg

第四步

讓我們開始添加鼻子。

使用矩形工具(M)制作一個9*20像素的粉色小矩形來作為他的鼻子,然后使它變成圓角。(和上一步制作臉型一樣道理)?;蛘咧苯邮褂脠A角矩形工具創建整個形狀。

確保鼻子和臉保持居中對齊,用選擇工具(V)選中鼻子和臉,按住ALT并且點擊臉,你將會看到臉部周邊的選擇框。這意味著臉現在是關鍵對象。(所有其他的物體都會與他進行對齊)現在在頂部屬性面板里找到對齊里的水平居中對齊。非常棒!,鼻子就正好在臉部的中間啦。

7b84569641fb32f87574be3aaa04.jpg

第五步

讓我們添加一個胡子。制作一個30*10 px大小的棕色形狀。選中,鼠標單擊,右鍵,排列>后移一層(Control-[)。把他放置在鼻子的下方。

fd4856933e876ac725af236cf06d.jpg

第六步

選中棕色胡子上方左邊一個錨點,敲擊回車,設置水平值為 10px,垂直值:0 px。為了讓這個點更靠近鼻子,在胡子的另一邊錨點上重復相同的動作。這次設置水平數值為:-10px。最后用實時轉角功能讓胡子下面部分有一個溫柔的圓角 。(看下圖你會很容易懂的)

b90d56933ed332f87574bec41bd8.jpg

第七步

使用圓角矩形功能來制作一個小的形狀來作為下面的嘴唇。放置在胡子的下方(Control+[)。用水平居中對齊面板來和臉進行對齊。

be9756933eea6ac725af232ce3af.jpg

第8步

使用橢圓工具(L)來制作一個8*8 px的白色眼球,然后放置一個更小的(6*6 px)棕色的圓作為虹膜。

添加一個細小的白色圓圈作為高光,移動兩個眼睛到合適的位置。

3afc56933f0932f87574bec5f48f.jpg

第9步

我們來制作一個可以保護工人頭部的頭盔吧。在頭的頂部繪制出一個65*19 px的橘色的矩形,用直接選擇工具選擇上面的錨點(A)向下拖拽實時圓角,讓帽子變圓。

e6f356933f1d6ac725af23a59961.jpg

第10步

讓我們添加頭發吧。用矩形工具(M)在臉的左邊制作一個垂直窄條,作為鬢角。用直接選擇工具(A),選擇右邊的錨點,讓這個角變的圓滑。

保持左邊鬢角選中,雙擊鏡像工具(O)在垂直軸方向翻轉,拷貝這個鬢角,然后在臉的右側粘貼。

d7a756933f3932f87574be1867c3.jpg

第11步

讓我們修改頭盔的底部,增加一個帽舌。找到鬢角穿過頭盔底部的點。然后使用鋼筆工具(P)來制作一個新的錨點。在右邊做相同的動作。你可以打開智能參考線,視圖>智能參考線(可以標記交叉點)

最后用直接選擇工具(A)選擇這個新創建的點,敲擊回車鍵,打開移動窗口。設置水平移動值為0 px,垂直移動值為-5 px,最后使這倆個錨點移動起來(像下圖這樣)。

2ecf56933f526ac725af23da9f69.jpg

第12步

現在讓我們添加一個帽沿吧。制作一個淺橘色的矩形,使他的上面和頭盔相銜接。這里用智能參考線很方便,視圖>智能參考線。

選中底部左邊錨點,使用移動工具,通過設置水平移動數值:10 px,垂直數值為0 px來使他向右邊移動。

在對應的另一邊錨點上重復相同的動作,但是這次是向左移動。最后拖拽底部錨點一點,如果你想要使這個帽沿更寬的話。使用實時轉角功能使這個底部轉角更加圓潤。

8d0e56933f686ac725af238ac443.jpg

第13步

使用圓角矩形工具,在頭盔的頂部制作一個7*30 px窄的豎條。用對齊到關鍵對象的功能對齊到頭盔上面。

在第一個豎條的兩邊各增加一個豎條。然后使用對齊面板,使這些豎條的間距相同。

選中這些豎條,然后在對齊面板里點擊對齊到所選對象,點擊水平居中對齊。然后就完成啦。

9a2a56933f7c32f87574bede8971.jpg

第14步

使用圓角矩形工具,這一次讓我們制作耳朵。在頭部的左側制作一個11*23 px的粉色矩形。然后把他放置到最后(Shift+Control+[)。按住Alt+Shift 把這個耳朵拷貝一個,拖拽到另一邊。

59b756933f9032f87574be61ca56.jpg

第15步

制作一個35*40 px 的矩形作為脖子。用一個淺灰的皮膚色填充這個矩形,顏色一定要與臉部的皮膚色做區分。讓脖子底部有一點圓角。

然后讓我們繼續設計工人師傅的衣服。制作一個90*70 px的深藍色矩形作為T恤衫。在脖子和T恤衫交叉的地方做兩個額外的錨點。按住Shift加選另一邊錨點,多按幾下鍵盤上向下箭頭,形成肩膀。

694856933fac6ac725af23e8934f.jpg

第16步

讓我們繼續制作工人的衣服。在肩膀上擺放兩個淺橘色的窄條,編輯成組(Control+G),用T恤衫作為關鍵對象對齊。在胸部也添加一個矩形。然后在路徑查找器里拼合所有橘色部分。把它們合并為一個圖像。

然后點擊對象>路徑>添加錨點,選中工作服的脖子中間區域的新的錨點,向下拖拽,形成一個V字的形狀。

ce7f56933fc332f87574becd4dfe.jpg

第17步

用實時轉角功能,讓工作服的轉角有一個輕微的圓角幅度?,F在我們要去除T恤衫外面的部分,使得T恤衫和工作服的形狀相符。

選中這兩個圖形,使用路徑生成工具(Shift+M)。按住Alt,刪除T恤衫外面的部分。最后在工人肩膀上增加用于描繪反光帶的兩個窄一點的淺色條。

814356933fe16ac725af23573f1e.jpg

第18步

讓我們來制作一個扁平化的按鈕。

用(Control+A) 選中所有圖形要素,拷貝并且復制(Control+C>Control+F),在路徑查找器里點擊合并按鈕,形成一個單獨的剪影。

cc8c56933ff332f87574be39c9d0.jpg

第19步

選擇直線工具(\),在輪廓上畫一個垂直的直線。選擇直線和輪廓線,使用輪廓作為關鍵對象,將其在水平居中對齊。

保持這兩個為選中狀態,在路徑查找器中點擊分離功能,使剪影分離成兩個部分。

1bad569340086ac725af23a7055a.jpg

第20步

刪除左半部分,并將剩下的一半在透明度面板里調整混合模式以及透明度。你可以在顏色模版里調整顏色投影使他更輕或者更重,或者在透明度模版里改變它們的透明度。

cc94569340206ac725af23e6d92a.jpg

第21步

啊,好像我們竟然忘了眉毛。讓我們回到臉部,在眼睛的周圍畫一個圓圈,并且在顏色模版里設置成深棕色。用剪刀工具(C)點擊下面的錨點,使這個點從圓分離,刪除底部部分。

點擊屬性面板中的描邊,通過設置數值為2pt來增加眉毛的厚度。設置端點和邊角,使其形狀變為圓形。

ba41569340356ac725af2352c6e6.jpg

第22步

保持眉毛選中,使用橡皮擦工具(Shift+E)。按住Alt鍵并拖動,刪除眉毛的兩端,讓它短一點。

41ed5693404f6ac725af238bb214.jpg

第23步

選中下面藍色T恤的邊上的兩個錨點,用實時轉角功能,讓肩膀更佳平滑一點。

de025693406132f87574be66fd01.jpg

第24步

我們第一個卡通頭像的主要部分已經完成了?,F在我們要做的事通過給他一個背景,讓他有一個完整的展示。用橢圓工具(L)創建 180px*180px的圓形,填充綠色??截愐粋€,并放到最前面。(Shift+Control+])

最后選中所有的圖形。點擊鼠標右鍵做一個蒙板,搞定一個卡通頭像了!

你仍然可以雙擊圖像進入隔離模式,來編輯他。

9666569340796ac725af23154793.jpg

第25步

最后一步就比較長了,制作扁平化的投影。利用矩形選擇工具(M)制作一個大的長方形。切換到混合模式編輯,降低透明度,然后按住Shift旋轉45度。

現在你需要使矩形適合我們工人的輪廓。用鋼筆工具增加額外的錨點,然后使用直接選擇工具移動它們,把不需要的部分隱藏在人物的下面。

把投影放在剪切蒙板的下面,隱藏在工人的形象下面(在投影下面使用圖層面板)。

15845693409132f87574beea3ab1.jpg

最后利用投影做一個線性漸變,從深綠到白色透明,對角線放置。通過漸變工具(G)改變投影的混合模式,使其與背景混合。

最終效果:

7138569340a832f87574bec94fbf.jpg

歡迎加譯者微信:ygw_tafa,與他交流設計經驗。

譯者的微信公眾號:

yzqr16225

「Illustrator新手教程合集」

同類型紋理教程:
《AI教程:手把手教你用AI創建漂亮的無縫幾何圖案》

簡單好上手,效果還很贊!長投影教程:
《AI新手教程:教你創建精致閃亮的長投影寶石》

據說是目前最火的設計趨勢:
《AI新手教程!教你簡單快速地將圖片變成多邊形背景》

原文地址:design.tutsplus

uisdc-hao

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量104萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 7

發表評論 已發布 1

還可以輸入 800 個字
 
 
載入中....
相關推薦
1 收藏