最近一款A(yù)PP突然火了起來(lái)，小編朋友圈都被刷屏了，憤怒之下看到了這個(gè)教程——教你利用PS和AI創(chuàng)建個(gè)性的多邊形頭像，效果太帥了，當(dāng)即大喜，趕緊分享出來(lái)。小編看到很多外國(guó)朋友學(xué)習(xí)后立刻換了頭像，喜歡這種效果的小伙伴們也趕緊練下手。

在這里，巴西設(shè)計(jì)師布雷諾Bitencourt將為你介紹如何在Illustrator和Photoshop中一步一步的制作時(shí)尚的低多邊形肖像。

這種風(fēng)格的作品的秘密在于有一張高質(zhì)量的原始照片。首先，布雷諾演示了如何來(lái)繪制這些三角形。然后他演示了如何在Photoshop中完成這些工作，然后在Illustrator創(chuàng)建矢量版本。

布雷諾說(shuō)，學(xué)習(xí)本教程并不需要你是一個(gè)Illustrator或Photoshop的高手，只需要有好的眼睛和耐心。

第一步

首先你需要一個(gè)好的底片。在本教程中，我決定制作一個(gè)自畫像，所以我需要我朋友的幫助來(lái)拍攝一些照片。

重要提示：這里是用透視法來(lái)表現(xiàn)深度，即底片要有良好的高光和陰影的變化，并盡量保證您的底片里有一些有硬邊緣配件，這將與軟的皮膚和衣物形成對(duì)比(例如像眼鏡，珠寶或筆挺的衣領(lǐng))。

你需要從這些照片中找出最好的部分來(lái)合成你所需要的底片。正如你在這張截圖上看到的，我首先從一張照片中選定臉，再?gòu)钠渌掌羞x中眼鏡和其他細(xì)節(jié)。在這個(gè)階段挑剔一些是非常重要的。

對(duì)于每一部分，大致裁剪出需要的部分。然后在Photoshop中新建一個(gè)黑色背景的文檔，然后將每部分照片放到不同圖層上。

第二步

現(xiàn)在，你需要將它們結(jié)合起來(lái)創(chuàng)建完美的底片。刪除不必要的部分，將你所選擇的部分拼貼 ——使用遮罩和混合模式把它們放在一起。

你不必完全按照原始照片來(lái)拼，你只是想制作一個(gè)像我一樣英俊瀟灑的底片。舉例來(lái)說(shuō)，我不喜歡眼鏡腿放在我耳朵上的樣子，所以我延長(zhǎng)了。

我也改變了我的部分頭發(fā)，是不是很有趣。

第三步

在你合成的圖像的基礎(chǔ)上，調(diào)整對(duì)比度，色彩平衡，色階之類的來(lái)創(chuàng)建一個(gè)更有活力的形象。

我真的不應(yīng)該這樣說(shuō)，但我經(jīng)常使用Photoshop的自動(dòng)對(duì)比度，自動(dòng)顏色和自動(dòng)色階功能(在圖像菜單)，如果你不想手動(dòng)調(diào)整的話，使用這些自動(dòng)功能是非常實(shí)用的。

第四步

我希望我最后作品的色調(diào)比剛才的底片更暖一些，為了把它變得接近我想要的，我加了紫色的圖層與濾色混合模式。

第五步

現(xiàn)在我們就來(lái)做耗時(shí)部分：三角網(wǎng)格。這個(gè)沒(méi)有秘招，你需要手工去做。為什么呢?因?yàn)槟愕拇竽X在繪制臉部輪廓時(shí)比任何腳本或自動(dòng)化的軟件更好。

不過(guò)這里有一些建議。小的部分需要小三角形。永遠(yuǎn)不要四邊形—他們只是被看錯(cuò)了，堅(jiān)持三角形。如果你的照片已經(jīng)有和我一樣挺直的鼻梁就比較好做了，圓潤(rùn)的鼻子是很繁瑣的。

用小的筆刷在一個(gè)空的圖像上創(chuàng)建你的網(wǎng)格。使用一種與圖片相比來(lái)說(shuō)較淺的顏色。我喜歡藍(lán)色或綠色，因?yàn)檫@兩種顏色都是底片上沒(méi)有的顏色(除非脖子上有螳螂紋身)。

第六步

如果你已經(jīng)走到這一步，拍拍自己的胸，你已經(jīng)做了很多艱苦的工作?，F(xiàn)在是時(shí)候改進(jìn)任何有錯(cuò)誤的三角形了。你需要把心思放在網(wǎng)格上，所以隱藏底片吧。查找你忘記創(chuàng)建三角形的地方。一旦你已經(jīng)完善了它，三角形網(wǎng)格，把它的顏色改為白色，以便與黑色背景對(duì)比，并將其保存為JPG格式。

現(xiàn)在啟動(dòng)Illustrator。

第七步

將你的網(wǎng)格拖進(jìn)你的畫板，鎖定它?，F(xiàn)在開(kāi)始用鋼筆工具來(lái)繪制矢量網(wǎng)格了，記得使用一種有對(duì)比的顏色(我用的亮紫色)。同樣，這步將需要一些時(shí)間，所以換上一個(gè)美妙的音樂(lè)播放列表和來(lái)杯最好的咖啡，讓我們開(kāi)始這漫長(zhǎng)的工作。

這里有一些建議，可以加快這一進(jìn)程。你并不需要繪制閉合的三角形，只要用鋼筆工具標(biāo)出三點(diǎn)。這可能聽(tīng)起來(lái)很傻，但它會(huì)為你節(jié)省大量的時(shí)間，特別是你要去創(chuàng)建數(shù)百個(gè)三角形。

第八步

你也不需要多么精確的，在接下來(lái)的幾個(gè)步驟可以用一個(gè)非常好的竅門把他們完美的連接在一起。

第九步

工作量是很大，但我相信你可以做好的。你可以休息一段時(shí)間，但是要記得保存噢。

第十步

現(xiàn)在，我將教你技巧，使所有的點(diǎn)完全對(duì)齊在正確的位置上。這是一個(gè)簡(jiǎn)單的工序，不過(guò)當(dāng)然你需要重復(fù)它的次數(shù)和你圖片上三角形數(shù)量一樣多。

使用直接選擇工具，選擇本應(yīng)是同一個(gè)地方上的一組點(diǎn)。

譯者的話：可以使用索套工具(Q)，在三角形的聯(lián)結(jié)點(diǎn)處圈一下，就可以該位置選中全部的點(diǎn)。

第十一步

打開(kāi)對(duì)齊面板，點(diǎn)擊水平居中對(duì)齊錨點(diǎn)。

第十二步

然后單擊垂直居中對(duì)齊，之后所有的錨點(diǎn)就在完全相同的地方了。哦耶!

第十三步

現(xiàn)在移動(dòng)點(diǎn)來(lái)糾正到需要的位置。

然后為所有的點(diǎn)重復(fù)步驟10-12。

第十四步

隱藏你在Photoshop中創(chuàng)建的網(wǎng)格。再次檢查過(guò)你的網(wǎng)是否有任何遺漏的三角形(每次我總是忘記至少十幾個(gè)角形)。要做到這一點(diǎn)，最好的辦法是選擇所有網(wǎng)格(命令/ Ctrl + A鍵)，然后切換到填充色(按shift + x)。

如果你發(fā)現(xiàn)有一個(gè)三角形失蹤，就再次切換到描邊色(按shift + x再次)，添加三角形，并再次檢查。當(dāng)你已經(jīng)有了一個(gè)完整的網(wǎng)格后就可以到下一個(gè)步驟了。

第十五步

將您的底片放在一個(gè)獨(dú)立的圖層，并放在矢量網(wǎng)格下方，將它們完美對(duì)齊。這樣你能清楚的從底片上選出正確的顏色。記得鎖定的底片圖層。…

第十六步

現(xiàn)在到了最有趣的部分—讓我們來(lái)上色。依次選擇每個(gè)三角形，選擇吸管工具(I)，在每個(gè)三角形的中間選擇顏色來(lái)填充它。

作者介紹：

布雷諾Bitencourt是個(gè)住在Bauru的巴西設(shè)計(jì)師，為全球的客戶工作。他主要是一個(gè)標(biāo)志設(shè)計(jì)師，但喜歡嘗試low poly插圖，3D作品，毛刺藝術(shù)等更個(gè)性化的工作。

編者翻到原網(wǎng)址，發(fā)現(xiàn)好多同學(xué)學(xué)完教程都放上了自己的多邊形頭像，非常漂釀，同學(xué)們也可以試下手。

同學(xué)們的作品：