編者按：美劇迷們有福啦，今天國外一位《權(quán)利的游戲》愛好者分享了他創(chuàng)建牡鹿徽章的過程，作者將徽章抽象化后設(shè)計(jì)了一系列頭像作品，風(fēng)格統(tǒng)一，效果超酷，同學(xué)們可以舉一反三，給自己的大頭像也來一個(gè)！

我最近根據(jù)權(quán)力的游戲中的家徽的形象，使用抽象設(shè)計(jì)手法設(shè)計(jì)了一些印記。這種簡化物體形象并使用直線的特殊風(fēng)格，給人以冷酷的感覺，并使這個(gè)Logo變得異常美妙。在今天的llustrator教程中，我將會(huì)分享給大家我創(chuàng)建這些抽象圖形的過程，你也可以借此創(chuàng)造出屬于你自己的幾何線條藝術(shù)。

我的設(shè)計(jì)作品是從權(quán)力的游戲的家徽中抽象化出來的。每個(gè)圖形都只使用直線，這樣創(chuàng)造出來的風(fēng)格化的多邊形外觀，可以保證整個(gè)系列的一致性，就算每個(gè)印記都是完全不同的動(dòng)物也沒關(guān)系。我準(zhǔn)備說說我是如何創(chuàng)造拜拉席恩牡鹿的，其他所有用這種風(fēng)格的東西都可以使用相同的方法創(chuàng)建。

如果你想要流行風(fēng)格的，趕緊戳這里看最火的教程！《熱門教程！教你利用PS和AI制作low poly頭像》

正文開始：

打開Adobe Illustrator并創(chuàng)建一個(gè)新文檔。我們需要保證我們畫作結(jié)構(gòu)上的穩(wěn)固性和一致性，因此要使用內(nèi)置的網(wǎng)格工具。打開“視圖”并選擇“顯示網(wǎng)格”（Ctrl+"），另外記得開啟“對齊網(wǎng)格”（Ctrl+Shift+"）的選項(xiàng)。

使用鋼筆工具，畫一個(gè)三角形來表示鹿的鼻子。這個(gè)鼻子本身就是畫面的中心，因此它也是我們繪制過程的一個(gè)很好的起點(diǎn)。使用谷歌圖片作為參考，繼續(xù)繪制鹿頭部的輪廓，但要記得盡可能簡化輪廓，這樣才能展現(xiàn)出抽象幾何化的主題。

通過參考網(wǎng)格，我們可以很容易徒手畫出另外一半的臉，不過如果是更復(fù)雜的圖形，我們也可以直接拷貝，粘貼，翻轉(zhuǎn)然后連接。

創(chuàng)建幾何外觀的關(guān)鍵是插入一些頂點(diǎn)，將形狀切成很多段。這樣不僅可以增加最終畫面的冷酷感，還可以幫你看到可以在哪里插入細(xì)節(jié)，以使得圖像看起來更像是它所代表的那個(gè)物體。

在這張雄鹿的途中，從耳朵路徑延伸下來的三角形形狀成為了一個(gè)很好的銜接點(diǎn)，我在這里加上了鹿的口套。這些額外的路徑都可以幫我們勾勒出一個(gè)看起來憤怒的額頭和吻部。

使用對齊網(wǎng)格，在鹿頭的一側(cè)繪制一個(gè)巨大的鹿角。這在網(wǎng)格的限制里是一個(gè)非常棘手的工作，但想要做到抽象化幾何風(fēng)格，它最終所能提供的結(jié)構(gòu)穩(wěn)定性和一致性不可或缺。

這個(gè)鹿角的形狀稍微有點(diǎn)復(fù)雜，很難手動(dòng)重現(xiàn)在鹿頭的另一半上，所以選擇這段路徑，然后選擇對象 > 變換 > 對稱（鏡像）。選擇垂直并點(diǎn)擊復(fù)制按鈕。移動(dòng)鹿角到頭的對側(cè)。

現(xiàn)在到了我們打破網(wǎng)格限制的時(shí)候了，因?yàn)槲覀円獎(jiǎng)?chuàng)建更好的細(xì)節(jié)。關(guān)掉對齊網(wǎng)格功能，然后開始添加其他細(xì)節(jié)，比如眼睛。打開智能參考線可以輕松捕獲現(xiàn)有路徑上的點(diǎn)。

讓關(guān)鍵的面部特征，比如眼睛、鼻子和耳朵填充黑色，這樣可以使臉部更容易識別。使用鋼筆工具手工繪制這些形狀。

在這個(gè)特定的例子中，鹿角看起來像是跟頭部分離開的，所以使用剪刀工具來切斷頭部與鹿角相交部分的輪廓。

選擇整個(gè)圖像并將描邊粗細(xì)增加到2pt來增強(qiáng)其存在感。更粗的描邊線條會(huì)讓設(shè)計(jì)效果產(chǎn)生巨大的變化。

真正讓圖像產(chǎn)生巨大飛躍的，是稍粗一些的外輪廓，不過我們并沒有一個(gè)連續(xù)的路徑供我們選擇。我們可以在原本的圖像上面輕松再畫一個(gè)，而不是剪切并連接整個(gè)圖形。按下CMA+2（Ctrl+2）鎖定圖像，這樣可以避免我們不小心選到已經(jīng)存在的點(diǎn)，然后選擇一個(gè)亮色，這樣在繪制的時(shí)候我們才能看得清楚。使用智能參考線提醒的點(diǎn)來繪制一個(gè)外輪廓，在每個(gè)點(diǎn)之間點(diǎn)擊來畫出一個(gè)完美準(zhǔn)確的形狀。

按CMD+Alt+2（Ctrl+Alt+2）來解鎖所有對象，然后將外輪廓的描邊加粗到3pt，然后選擇對齊到外部的選項(xiàng)。注意到鹿角的角點(diǎn)是怎樣銜接的了？我們可以通過調(diào)節(jié)邊角限制來修復(fù)它。

調(diào)整描邊選項(xiàng)面板中的邊角限制值，直到所有的角都有一個(gè)合適的峰長。

將這個(gè)亮色輪廓的顏色改為黑色，這樣它就能跟原來的圖形融為一體。線的粗細(xì)變化使其設(shè)計(jì)感加強(qiáng)，并有助于眼睛區(qū)分內(nèi)部細(xì)節(jié)和主要輪廓，這樣讓圖形有了可識別性。

我使用相同的方法創(chuàng)建了龍、冰原狼和獅子的logo來代表權(quán)力的游戲中的主要家族。還有很多其他家族等著我去做，也許將來我可以創(chuàng)建這一整個(gè)系列的印記。

思路很值錢！特別是這些！

設(shè)計(jì)LOGO不是畫圈圈，好思路才能幫你！
《接地氣干貨！設(shè)計(jì)一個(gè)LOGO的常規(guī)思路是怎樣的？》

改版需要注意什么？怎樣提升？都在這兒呢！
《圍觀實(shí)戰(zhàn)項(xiàng)目！QQ應(yīng)用中心改版優(yōu)化全過程》

想吸引用戶？考慮考慮這個(gè)！
《網(wǎng)頁設(shè)計(jì)新思路！用故事來吸引用戶》

原文地址：Blog SPOON
優(yōu)設(shè)網(wǎng)翻譯：@口苗口布口丫

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量76萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：