你將學(xué)會什么

低多邊形風(fēng)格介于抽象與象形之間，是一種表現(xiàn)力很強(qiáng)的插畫類型，用于LOGO的設(shè)計(jì)也未嘗不可。它的繪制過程也非常簡單，尤其在AI中，利用三角色塊一個(gè)個(gè)拼綴而成即可，設(shè)計(jì)師要做的是對色彩的選擇和控制，以便能更好的表現(xiàn)對象的陰影和高光的關(guān)系。

雖說簡單，其實(shí)內(nèi)中的玄機(jī)自然很難參破，比如用哪一種色彩更恰當(dāng)，似乎并不是吸取相片本身的色彩就可以解決的問題。因?yàn)槲珌碓粗皇且粋€(gè)小點(diǎn)，而事實(shí)上一片色塊的面積要大得多，純色拼綴的做法到最后反而讓整體效果看起來有點(diǎn)“呆”，色彩過渡不自然。

于是，有了我們今天這個(gè)“改良版”的低多邊形教程，改用PS來繪制低多邊形，好處就是PS的色彩處理能力顯然優(yōu)于AI。我自己將PS和AI做了這樣的區(qū)分：PS是對“色”的處理，AI是對“形”的處理。當(dāng)我們要在“色”的領(lǐng)域著力時(shí)就采用PS，而當(dāng)我們主要處理對象是“形”，那么AI就是更好的選擇。當(dāng)然這個(gè)說法并不絕對，只是我個(gè)人的經(jīng)驗(yàn)之談。

言歸正傳，學(xué)完這個(gè)教程我們能掌握：

1、運(yùn)用PS繪制低多邊形的技巧，熟悉線段工具、多邊形套索工具等低多邊形中常用的工具

2、利用PS中的平均模糊法來對低多邊形的色塊進(jìn)行填色

3、體會抽象的造型能力

繪制線條輪廓

STEP 01

選擇一張可愛的熊貓照片，所選用的熊貓要符合正臉對著鏡頭的條件。因?yàn)槲覀冞@里計(jì)劃繪制的是正臉的造型。利用鋼筆工具“摳出”熊貓的左半臉，這時(shí)要注意鋼筆工具保持直線條繪制。熊貓的外表雖然毛茸茸，但摳圖并不需要精確，只要能感受到整個(gè)熊貓的輪廓即可。摳圖成功后，增加一個(gè)背景，這個(gè)背景色只要能與熊貓進(jìn)行區(qū)分，并不參與最終效果。

STEP 02

利用直線工具繪制低多邊形，低多邊形的每個(gè)角都要對齊，因此在繪制的時(shí)候要小心。且這時(shí)要細(xì)心觀察原圖中的色彩的細(xì)微差別，比如顏色明顯不同的地方就需要繪制成為兩片不同的多邊形。這里繪制的形狀也并不是非三角形不可，有時(shí)為了照顧整體的視覺，也可以出現(xiàn)一些四邊形也是允許的。

在選中【直線工具】開始繪制第一筆后接下再繪制一筆前，記得將菜單欄下方的屬性條中路徑操作中的“新建圖層”修改為“合并形狀”。這樣你就能保證所繪制直線都為一個(gè)形狀，否則每條線條都就將獨(dú)立成為一個(gè)形狀圖層，在圖層處理時(shí)候?qū)⒎浅７爆崱?/p>

先繪制熊貓的外輪廓。直線工具中描邊顏色設(shè)置為白色也好，或者其他顏色都沒有關(guān)系。如果怕白色容易看不清，可以在熊貓的圖層上方增加一個(gè)純色的透明圖層，以便突出白色線條，用完刪除即可。

只要設(shè)置了合并形狀，這時(shí)你所繪制的直線將是一個(gè)形狀，在圖層面板中也為一個(gè)圖層。

STEP 03

接下繼續(xù)在輪廓線上增加線條以完成對整個(gè)熊貓頭像的“拼綴”，這一過程有點(diǎn)像我們玩的拼圖游戲，注意原圖色彩的提示作用。如果你想要表現(xiàn)更多細(xì)節(jié)，你的每塊形狀可以繪制得更小，比如熊貓的眼睛或者鼻唇的部分。

平均模糊填色

PS中的填色方式有很多，這里我們將用到一種非常特殊的填色方式，叫做平均模糊填色。由于我們開篇就聊過，以前我們曾用AI吸取圖片色彩的方式進(jìn)行填色，最終效果并不很理想，這里我們的改良方案就是采用將每一片色塊進(jìn)行平均模糊處理，這樣經(jīng)過模糊后，原有的細(xì)節(jié)消失為一片均化的純色，這樣就可以依循著低多邊形的樣式進(jìn)行拼綴。

STEP 04

選中熊貓圖層的同時(shí)，采用多邊形套索工具繪制每一塊低多邊形，根據(jù)上一步所繪制的線條，繪制第一片形狀。

STEP 05

對螞蟻線內(nèi)選中的區(qū)域填色，這時(shí)進(jìn)入【濾鏡>模糊>平均】，這塊區(qū)域就完成了填色。這時(shí)再運(yùn)用快捷鍵（Ctrl+D）取消選區(qū)。

STEP 06

重復(fù)上兩步，將所有的色塊都進(jìn)行“平均模糊填色”。這一過程很像打磨一塊鉆石的感覺，當(dāng)你拿著粗糲的毛鉆進(jìn)行打磨，就是要將其磨成不同的光滑的面，最終成就一顆閃閃發(fā)光的鉆石。經(jīng)過這類填色后，其色彩的過渡就非常自然。

STEP 07

暫時(shí)關(guān)閉線條圖層，你會發(fā)現(xiàn)這些色塊之間有些不完美的拼綴細(xì)節(jié)，彌補(bǔ)的辦法依然是采用填色的步驟，重新將這些留在縫隙中沒有進(jìn)行“平均模糊”處理的細(xì)節(jié)再次選中進(jìn)行模糊填色。

STEP 08

將熊貓的左半臉進(jìn)行復(fù)制，復(fù)制后的圖層進(jìn)行水平翻轉(zhuǎn)后，拼合在一起就是一個(gè)正面的全臉肖像了。

自由式調(diào)色

我們曾經(jīng)說，PS是一個(gè)處理“色”的最出色的工具，因此，如果這時(shí)對填色不甚滿意，就可以稍微進(jìn)行調(diào)色處理。

STEP 09

先利用曲線調(diào)整圖層對色彩進(jìn)行調(diào)試，我們在這里的目的是要讓熊貓本身呈現(xiàn)比黑白更豐富的色調(diào)（全憑個(gè)人喜好，黑白其實(shí)也不錯(cuò)）。再將曲線調(diào)整圖層的混合模式改為“點(diǎn)光”，透明度降至41%。

STEP 10

對調(diào)整后的色彩進(jìn)行校正，比如我們在此運(yùn)用色彩平衡的調(diào)整圖層所做的操作。下面分享出的我在進(jìn)行操作色彩平衡調(diào)整圖層的參數(shù)，并不表示一定要按照這個(gè)數(shù)值來操作。記得靈活應(yīng)變，根據(jù)自己對色彩的敏銳觀察，而不是依賴數(shù)值。

再將該調(diào)整圖層的混合模式改為“變亮”。

STEP 11

為其換一個(gè)漸變背景，漸變角度為0度，漸變色從左至右由深入淺。 

星系表現(xiàn)

在表現(xiàn)星空中的星系效果前，我們需要虛化右邊的部分，讓這部分能在視覺上呈現(xiàn)出“延展”成為星系的背景鋪墊。

STEP 12

在漸變背景上新增一個(gè)圖層，在這個(gè)圖層上用大而軟的筆刷輕輕涂上白色，這個(gè)白色色團(tuán)的位置將位于熊貓右邊臉的邊緣部分。再利用蒙版，將右邊臉的邊緣部分進(jìn)行擦除，當(dāng)然并不是完全消除，而是用透明度非常低的筆刷輕輕涂抹，使其有若隱若現(xiàn)之感。

STEP 13

利用直線工具，根據(jù)已繪制的直線的提示，再繪制出右邊臉的直線段來，繪制方法和之前的方法一樣，只是要注意這次繪制的線條不一定要連綴成封閉形狀，而要表現(xiàn)出一種星系的自然抽象的視覺效果。繪制出的直線應(yīng)該是白色，但這里為了方便，我將其暫時(shí)設(shè)置為黑色。

STEP 14

在上方新建一個(gè)圖層，用軟筆刷（筆刷硬度在50%左右即可）在線條交織的地方“點(diǎn)”出一顆顆的白色星點(diǎn)。設(shè)置筆刷進(jìn)行大小抖動，這樣就不用再手動修改大小，以做出隨機(jī)效果。完成后，將線條改回白色

STEP 15

這時(shí)，我們再右半臉的邊緣部分“擦”去，以展示出一種“殘缺”的想象力。

經(jīng)過一些細(xì)節(jié)微調(diào)，修改線條圖層的混合模式為“柔光”，而星點(diǎn)圖層的混合模式改為“強(qiáng)光”，透明度降至92%。

最終效果出爐：