萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> AI教你繪制扁平化風格的卡通警察護士空姐肖像

AI教你繪制扁平化風格的卡通警察護士空姐肖像

 AI教你繪制扁平化風格的卡通人物肖像 三聯

  這一次課程是在上一次課程的續集,在第一個頭像的基礎上來完善第二個第三個以及第四個。

  二、創建一個外科醫生的頭像

  我們要使用上一次講到的工人頭像作為基礎,描繪一個黑色皮膚的外科醫生。所以讓我們復制一個,右擊,釋放剪切蒙板。

  然後刪除頭盔、胡子、橘色的工人制服,把背景色和投影變成黃色。繼續一些元素的重新著色,例如,把衣服的顏色變為綠松石的顏色,皮膚色變成更深的巧克力色,同樣頭發和眉毛的顏色也變成深棕色。

28-flat-professions-avatars-icons

  第二步

  讓我們給我們的外科醫生增加一頂醫學帽子。用矩形工具(M)繪制40 px*24 px 矩形。用你鍵盤上的箭頭工具把上面的錨點移動的近一點,使得帽子的上邊邊的窄一點,用實時轉角工具把上面變得圓潤一點。

29-flat-professions-avatars-icons

  第三步

  讓我們創造一個外科醫生的口罩吧。繪制一個33*22 px的矩形,然後在這個口罩的上面增加更深色的水平條紋一組,使得它有更多的細節。在口罩的最上方放置一個窄條,然後把它放置到最後( Shift+Control+[)

30-flat-professions-avatars-icons

  第四步

  現在讓我們把口罩放在外科醫生的臉上,然後隱藏不需要的部分。

  復制人臉的基本形狀,然後把它移動到最前面(Shift+Control+])。(你也許不能直接在一個臉部組裡拖拽拷貝一個臉形,如果你之前已經把臉編輯成組)

  選擇新拷貝的臉和口罩,右擊,建立剪切蒙板。

30aa-flat-professions-avatars-icons

  第五步

  通過增加它制服上的一些細節,我們來完成這個外科醫生的頭像。用多邊形工具做一個三角形然後旋轉。把形狀顛倒過來。填充一個淺灰色,同時選中寶石綠的工作服和白色的三角形,使用圖像生成工具(Shift+M),按住ALT然後刪除身體外面的部分,形成一個V形的頸帶。

  調整半透明形狀以及混合模式,加深人物的右側部分。最後在用剪切蒙板變成一個圓形(和上一個教程相同,不會的可以看之前的教程)

  三、我們來制作一個空姐的卡通頭像

  第一步

  現在是時候制作一個空姐的卡通肖像了。我們從第一個頭像來開始制作。復制一個工人頭像,像第二篇教程制作護士的時候一樣,釋放剪切蒙板,刪除不需要的圖形。給圓形的背景一個重新著一個紳士般的優雅紅色。

  對於我們新的角色來說,這個臉型有點太方啦。所以讓我們制作一個40*55 px的矩形然後使用實時轉角功能讓這些角變得全圓。

32-flat-professions-avatars-icons

  第二步

  讓我們把鼻子變的細長。選中鼻子上方的兩個錨點,通過屬性欄的移除選中錨點工具刪除這兩個錨點。這將會使鼻子的上半部分看起來更加細膩。

32aa-flat-professions-avatars-icons

  第三步

  現在讓我們在嘴唇上制作。去對象>路徑>增加錨點。用直接拖拽工具(A)選中嘴唇上面中間的新錨點,拖拽下來,用實時轉角功能讓嘴唇上方更平滑、圓潤。

  通過剪刀工具(C)剪切兩邊的錨點使得嘴唇的上下部分分離。

33-flat-professions-avatars-icons

  第四步

  通過增加粉紅色嘴唇的純度,讓嘴唇變的明亮透紅。

  同時讓我們把嘴唇的形狀變的拱一點。把嘴唇的上下兩半編輯成組(Control+G),然後使用效果>變形>拱形。設置水平數值為-30%。點擊確定。為了適應變化,使用對象>擴展外觀,使得嘴唇更佳微笑。你也可以上面的嘴唇更加深一點,可以和下面的嘴唇區分開來。使得它和現實生活中人們的嘴唇更像。

34-flat-professions-avatars-icons

  第五步

  我們讓我們的女生更加婦女化,讓我們重新給我們的眼睛和眉毛著色。就像我們之前制作眉毛一樣,我們給我們的空姐的眼睛增加一個薄的圓形睫毛。

36-flat-professions-avatars-icons

  現在讓我們制作一個整齊的發型。用橢圓工具(L) 在前額頭上放置兩個橢圓,使他們重疊。在路徑查找器裡拼合兩個橢圓。用形狀建立工具(Shift+M)在頭部刪除不需要的部分,使得頭發變的光滑整齊。

37-flat-professions-avatars-icons

  為了讓我們的人物特征更加精致,我們把她的脖子變的細長一點、更加圓潤。我們依然可以調整臉型使他變的薄一點。或者在臉頰上增加一個圓形的腮紅。

38-flat-professions-avatars-icons

  第六步

  現在讓我們制作我們空姐的制服。我們在原來的藍色制服的基礎上增加一些明顯的細節來完善它。讓我們把這個T恤變成一個時尚夾克。

  使用矩形工具(M)繪制一個33*45 px的條紋矩形。旋轉45度,在她的頂部制作一個缺口。在主要的形狀上面重疊一個小的三角形。使用形狀生成工具(Shift+M)然後按住Alt去掉三角形。

  使用鏡像工具(O)來復制出一個創建形狀的鏡像,形成一個翻領。放置在襯衫之上後,通過橡皮擦工具(Shift+E)或者形狀建立工具(Shift+M)去除不需要的部分。

39-flat-professions-avatars-icons

  第七步

  把三個三角形聯合在一起,讓每一個角都有一個輕微的圓潤。形成一個白色襯衫的角。

40-flat-professions-avatars-icons

  第八步

  現在我們制作一個小紅領帶,作為一個區別於其他的航空公司的標志。從制作一個8*7.5 px的矩形,用鍵盤上的箭頭工具,把底部的錨點移動的近一點。讓底部的錨點變的圓潤一點,形成領帶結。

  現在使用橢圓工具(L),制作一個壓扁的橢圓,然後旋轉45度。

  選擇底部的錨點,在上面的屬性欄點擊將所選的錨點轉換為尖角,制作出一個尖角形狀。在對面的地方,旋轉拷貝的一個形狀,使領帶看起來完整。

41-flat-professions-avatars-icons

  第九步

  讓我們制作空姐制服的另一個要素:帽子。

  做一個18*18px和夾克一樣深藍色的正方形,旋轉45度,然後把它壓扁一點,讓她有一點鑽石的形狀,用實時轉角功能讓稜角有一點圓潤。

  在第一個正方形的左邊制作一個帶圓角的矩形,顏色更深一點的藍色。用鏡像工具(O)水平拷貝一個,形成折疊形狀的帽子。

42a-flat-professions-avatars-icons

  第十步

  繪制一個金色的航空公司標識。從4*4 px的圓開始繪制一個有翼的獎牌。繪制一組圓角矩形作為羽毛,然後把標志和帽子居中對齊。

42aa-flat-professions-avatars-icons

  第十一步

  最後,給我們的空姐把服裝穿好。通過添加一個陰影和在剪切蒙板裡隱藏一些不需要的要素完成這個按鈕。

 

43-flat-professions-avatars-icons

 

  四、創建警官頭像

  第一步

  我們將在空姐的頭像的基礎上修改,改變皮膚的色調變成一個巧克力的顏色。頭發的顏色變成深棕色。同樣的我們把圖標的背景顏色變成明亮的綠色。

44-flat-professions-avatars-icons

  第二步

  讓我們把頭發水平翻轉一下,這樣可以和之前的頭像不同。讓我們做出來一個發型。繪制出一個45*53 px 深棕色的矩形放置在頭的後面。選擇上面的兩個錨點,讓頂部全部變成圓形。

  讓我們描繪底部單獨的頭發,制作一些小的三角形放置在底部頭發的上面,使這些形狀重疊。使用圖形生成器(M)按住ALT去掉多余的三角形。

  用兩個窄一點的矩形,形成一個簡單的V字領。

45-flat-professions-avatars-icons

  第三步

  讓我們創建警官的帽子,用多邊形工具創建一個45*45px 七邊形的形狀。拉扁這個形狀,修改底部的兩個錨點,向兩邊遠一點,讓這個角有一點圓潤。

46-flat-professions-avatars-icons

  讓我們來制作帽沿上的高光。制作兩個窄條,旋轉45度,放置在帽沿的上方。用形狀生成工具(Shift+M)來刪除帽沿周邊不想要的部分。

47-flat-professions-avatars-icons

  第五步

  讓我們制作每個警官最重要的要素:徽章。制作一個10*13px 的淡黃色矩形。使用對象>路徑>添加錨點工具。選擇底部的兩個錨點,移動上去。讓這個形狀看起來像個盾牌。

  使用實時轉角功能,讓這個形狀的邊的更加平滑。我們也可以使圖像上面有一個輕微的彎曲, 使用彎曲工具(Shift-‘)。

  在這上面放置一個星星,完成這個盾牌。

48-flat-professions-avatars-icons

  第六步

  在增加一些一個灰色的領帶以及其他的一些細節,裝扮好我們友好的警官。你甚至可以繼續創建一些額外的配飾,例如:從兩個藍色的橢圓做明亮的時尚眼鏡。

49-flat-professions-avatars-icons

  祝賀你!我們的職業角色已經做好了!

  根據教程做下來,我們就會成功制作出四個不同的職業角色的人物。可以被用來制作頭像或者其他的一些設計工作。

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

  譯者的微信公眾號:

yzqr16225
copyright © 萬盛學電腦網 all rights reserved