今天為大家分享AI繪制一套扁平化風(fēng)格的職業(yè)頭像圖標(biāo)方法，在本教程中，我們將制作一套平面風(fēng)格的肖像，描繪不同職業(yè)的人。這樣的頭像可以被用來當(dāng)作社交網(wǎng)絡(luò)的頭像，或者是你個人網(wǎng)站的設(shè)計素材（描繪不同的職業(yè)類型）。你還可以用這種方法制作自己的扁平化肖像，用作你自己的商業(yè)名片。

現(xiàn)在讓我們開始我們的教程吧。

Adobe Illustrator的幾本形狀工具在制作矢量圖形方面非常棒。我們通過接下來詳細(xì)的教程發(fā)現(xiàn)新的使用技巧和竅門。（路徑查找，裁剪和蒙板工具以及其他的一些AI功能）即使你是剛?cè)腴T的新手，也可以很輕松的使用這個教程完成上面的肖像畫。趕緊跟隨教程制作起來吧。

具體的制作步驟如下：

1.制作一個建筑工人的扁平化肖像畫

第一步：

我們將開始我們第一個任務(wù)的頭像，我們使用矩形工具（括號內(nèi)為快捷鍵，以下同。矩形快捷鍵為M）制作一個65*80像素淺粉色皮膚色調(diào)的矩形，保持矩形選中狀態(tài)。去對象>路徑 >添加錨點(diǎn)。你將會注意到每一個矩形的邊上上出現(xiàn)了新的錨點(diǎn)。

第二步

繼續(xù)使用對象>路徑 >添加錨點(diǎn)。為矩形的每個邊在增加更多的兩個點(diǎn)。 我們不需要用上面的錨點(diǎn)，，所以我們刪除它們。用直接選擇工具（A）選中需要刪除的左邊和右邊倒數(shù)第三個點(diǎn)（左右各一個）然后在頂部的控制面板里，點(diǎn)擊刪除已選中錨點(diǎn)工具按鈕。

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

第三部：

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

使用實(shí)時轉(zhuǎn)角功能，使臉部更佳平滑。使用直接(A)選擇工具，選中實(shí)時轉(zhuǎn)角，然后拖拽任何一個圓角標(biāo)記（就是你選中一個有角度的錨點(diǎn)，都會出現(xiàn)一個中間實(shí)心，外面有個圓圈的點(diǎn)，選中那個點(diǎn)）更靠近中心。（這個功能是老版本AI里沒有的）

如果你使用的是舊版本的Adobe Illustrator，沒有非常不錯額實(shí)時轉(zhuǎn)角功能！你可以使用效果> 樣式>風(fēng)格化>圓角實(shí)現(xiàn)同樣功能。唯一的區(qū)別是不能選擇一個角來發(fā)生變化。他會使所有角發(fā)生變化。你可以使用橡皮擦（SHIFT+E)完成。

第四步

讓我們開始添加鼻子。使用矩形工具（M）制作一個9*20像素粉色小矩形來作為他的鼻子，然后使他變成圓角。（和上一步制作臉型一樣道理）?；蛘咧苯邮褂脠A角矩形工具創(chuàng)建整個形狀。

我們確保鼻子和臉保持居中對齊。用選擇工具（V）選中鼻子和臉,按住ALT并且點(diǎn)擊以下臉。你將會看到厚厚的選擇框在臉部周邊。這意味著臉現(xiàn)在是關(guān)鍵對象。（所有其他的物體都會與他進(jìn)行對齊）現(xiàn)在在頂部屬性面板里找到對齊里的水平居中對齊。非常棒！，鼻子就正好在臉部的中間啦。

第五步

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

第六步

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

第8步

使用橢圓工具（L）來制作一個8PX＊8px的白色的眼球，然后放置一個更小的（6*6PX）棕色的圓w為 了這個虹膜。添加一個細(xì)小的白色圓圈作為高光（雖然學(xué)畫畫的我認(rèn)為高光不是白色圓圈，考究的話。）移動兩個眼睛到合適的位置。

第9步

我們來制作一個可以保護(hù)工人頭部的頭盔吧。在頭的頂部繪制出一個65*19px的橘色的矩形

用直接選擇工具選擇上面的錨點(diǎn)（A）向下拖拽實(shí)時圓角，讓帽子變圓。

第10步

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

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

第11步

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

最后用直接選擇工具（A）選擇這個新創(chuàng)建的點(diǎn)，敲擊回車鍵，打開移動窗口。設(shè)置水平移動值為0PX，垂直移動值為－5PX，最后使使這倆個錨點(diǎn)移動起來吧（像下圖這樣）。

第12步

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

選中底部左邊錨點(diǎn)，使用移動工具，通過設(shè)置水平移動數(shù)值：10px，垂直數(shù)值為0px來使他向右邊移動。重復(fù)相同的動作在對應(yīng)的另一邊錨點(diǎn)上，但是這次是向左移動。最后拖拽底部錨點(diǎn)一點(diǎn)，如果你想要使這個帽沿更寬的話。使用實(shí)時轉(zhuǎn)角功能使這個底部轉(zhuǎn)角更加圓潤。

第13步

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

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

選中這些豎條，然后在對齊面板里點(diǎn)擊對齊到所選對象。然后點(diǎn)擊水平居中對齊。然后就完成啦。

第14步

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

第15步

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

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

第16步

讓我們繼續(xù)制作工人的服。在肩膀上擺放兩個淺橘色的窄條。編輯成組（Control+G)然后對齊到深藍(lán)色T恤衫，通過吧T恤衫作為關(guān)鍵對象。在胸部也添加一個矩形。然后在路徑查找器里拼合所有橘色部分。把它們合并為一個單一的圖像。

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

第17步

用實(shí)時轉(zhuǎn)角功能讓工作服的轉(zhuǎn)角有一個輕微的圓角幅度?，F(xiàn)在我們要去除T恤衫外面的部分使得T恤衫和工作服的形狀相符。選中這兩個圖形，使用路徑生成工具（Shift+M)。按住Alt，刪除T恤衫外面的部分。最后在增加用于描繪反光帶的兩個窄一點(diǎn)的淺色條在工人肩膀上。

第18步

讓我們通過給人物一半加黑，來制作一個扁平化的按鈕。用（Control+A) 選中所有圖形要素。拷貝并且在圖形面前復(fù)制（Control+C>Control+F)。在路徑查找器里點(diǎn)擊 合并按鈕，形成一個單獨(dú)的剪影。

第19步

選擇直線工具（\)。在輪廓上畫一個垂直的直線。選擇直線和輪廓線，并將其在水平居中對齊，通過使用輪廓作為關(guān)鍵對象。

保持這兩個選中狀態(tài)，在路徑查找器中點(diǎn)擊分離功能。使剪影分離成兩個部分。

第20步

刪除左半部分，并將剩下的一半在透明度面板里調(diào)整混合模式，以及透明度。你可以在顏色模版里調(diào)整顏色投影使他更輕或者更重?；蛘咴谕该鞫饶０胬锔淖兯鼈兊耐该鞫取?/p>

第21步

啊。。好像我們竟然忘了眉毛。（原作者就是在這里賣萌的，哈哈，不知道翻譯的我賣萌賣的咋樣）（附注原話：Oops, looks as if we forgot the eyebrows.）讓我們回到臉部，在眼睛的周圍畫一個圓圈，并且在顏色模版里設(shè)置成深棕色。用剪刀工具（C）點(diǎn)擊下面的錨點(diǎn)，使這個點(diǎn)從圓分離。刪除底部部分

點(diǎn)擊屬性面板中的描邊通過設(shè)置數(shù)值為2pt來增加眉毛的厚度。設(shè)置端點(diǎn)和邊角。使其形狀變?yōu)閳A形。

第22步

保持眉毛選中，使用橡皮擦工具（Shift+E)。按住按住Alt鍵并拖動行程刪除的矩形在底部抹去眉毛的兩端，使拱短一點(diǎn)。

第23步

選中下面藍(lán)色T恤的邊上的兩個錨點(diǎn)，用實(shí)時轉(zhuǎn)角功能，讓肩膀更佳平滑一點(diǎn)。

第24步

我們第一個卡通頭像的主要部分已經(jīng)完成了?，F(xiàn)在我們要做的事通過給他一個背景，讓他有一個完整的展示。用橢圓工具（L）180px*180px的圓形。用鮮艷的綠色來填充他?？截愐粋€，并把他帶到最前面。（Shift+Control+])

最后選中所有的圖形。點(diǎn)擊鼠標(biāo)右鍵做一個蒙板.難以想象的，現(xiàn)在我們有一個完整的圓形卡通頭像了。

你仍然可以雙擊圖像進(jìn)入隔離模式，來編輯他。

第25步

最后一步就比較長了，制作扁平化的投影。利用矩形選擇工具（M）制作一個大的長方形。切換到混合模式編輯，降低透明度。使他在頭像下面可見。按住Shift旋轉(zhuǎn)45度。

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

把投影放在剪切蒙板的下面，隱藏在工人的形象下面。你會很滿意這個結(jié)果（在投影下面使用圖層面板）

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

所有的都做完了，讓我們繼續(xù)下一個吧。

原作比較長，我今天就先翻譯到這里吧。第一次翻譯文章。

謝謝大家，話說我是pages 編輯的重點(diǎn)加粗的字在網(wǎng)頁上還得重新編輯一下。所以沒有加重字體，因?yàn)榻坛踢€沒翻譯完，大家感覺不錯，我繼續(xù)編輯完剩下的三個頭像的教程

都是在這個頭像的基礎(chǔ)上來制作的。有我做的文件，附上了。很簡單其實(shí)。不用繪畫功底只需要用電腦繪圖工具就可以完成。

教程結(jié)束，以上就是AI繪制一套扁平化風(fēng)格的職業(yè)頭像圖標(biāo)方法介紹，操作很簡單的，大家學(xué)會了嗎？希望能對大家有所幫助！

最新評論