當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

多邊形熊貓圖標設計教程[一步一步的做]

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

 

雖說簡單,其實內中的玄機自然很難參破,比如用哪一種色彩更恰當,似乎并不是吸取相片本身的色彩就可以解決的問題。因為吸色來源只是一個小點,而事實上一片色塊的面積要大得多,純色拼綴的做法到最后反而讓整體效果看起來有點“呆”,色彩過渡不自然。

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

言歸正傳,學完這個教程我們能掌握:

1、運用PS繪制低多邊形的技巧,熟悉線段工具、多邊形套索工具等低多邊形中常用的工具

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

3、體會抽象的造型能力

繪制線條輪廓 STEP 01

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

STEP 02

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

在選中【直線工具】開始繪制第一筆后接下再繪制一筆前,記得將菜單欄下方的屬性條中路徑操作中的“新建圖層”修改為“合并形狀”。這樣你就能保證所繪制直線都為一個形狀,否則每條線條都就將獨立成為一個形狀圖層,在圖層處理時候將非常繁瑣。

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

只要設置了合并形狀,這時你所繪制的直線將是一個形狀,在圖層面板中也為一個圖層。

STEP 03

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

平均模糊填色

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

STEP 04

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

STEP 05

對螞蟻線內選中的區(qū)域填色,這時進入【濾鏡>模糊>平均】,這塊區(qū)域就完成了填色。這時再運用快捷鍵(Ctrl+D)取消選區(qū)。

STEP 06

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

STEP 07

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

STEP 08

將熊貓的左半臉進行復制,復制后的圖層進行水平翻轉后,拼合在一起就是一個正面的全臉肖像了。

自由式調色

我們曾經說,PS是一個處理“色”的最出色的工具,因此,如果這時對填色不甚滿意,就可以稍微進行調色處理。

STEP 09

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

STEP 10

對調整后的色彩進行校正,比如我們在此運用色彩平衡的調整圖層所做的操作。下面分享出的我在進行操作色彩平衡調整圖層的參數,并不表示一定要按照這個數值來操作。記得靈活應變,根據自己對色彩的敏銳觀察,而不是依賴數值。

再將該調整圖層的混合模式改為“變亮”。

STEP 11

為其換一個漸變背景,漸變角度為0度,漸變色從左至右由深入淺。

星系表現(xiàn)

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

STEP 12

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

STEP 13

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

STEP 14

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

STEP 15

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

經過一些細節(jié)微調,修改線條圖層的混合模式為“柔光”,而星點圖層的混合模式改為“強光”,透明度降至92%。

最終效果出爐:

仰望Paul Rand和齊白石

當我開始學設計的第一天,我的老師什么東西都沒教給我,而是給我看了一個動畫小短片。這個動畫短片是講古代一個學習射箭的人,怎樣通過一點一滴的練習而最終成為當時最優(yōu)秀的射手。當他站在世界之巔,反而覺得內心空洞無比。這時,他突然做了一個決定:從此再也不碰弓箭。是的,這個最優(yōu)秀的射手將不再射箭了。就這樣到了晚年,他舊時用的弓箭放在墻上已經封塵。當有天,他已然淡忘了自己是射手這件事,一只蚊子飛過他的窗前,因為擔心蚊子飛進家里,而他只是隨興將筷子一擲,蚊子就被擊中了。這個故事最后說,這個人最終達到了“不射之射”。而這個不射之射的故事,其實和一個初學者之間發(fā)生的距離卻是遙不可及的。但我依然保有對這種境界的仰望,依然愿意講到整個故事。(比心~)

翻看Paul Rand的作品,看到那種隨意揮灑的天真爛漫,我就會想到這個故事。設計是什么?有的人說是計劃,是人在做一件事,有規(guī)劃有目的去做。但這個解釋大概設計師們不會完全同意。因為設計的時候,其實你只有目的,而規(guī)劃的過程盡管周詳,卻總是有意外發(fā)生。這占比并不高的意外,才是點燃我們創(chuàng)作的核心動力。越多的意外,你就擁有越多的創(chuàng)作自由。與此同時,我也會想到齊白石的晚年,那個九十歲依然準備娶妻,胡鬧任性的老人,他筆下的魚蝦、花鳥、蔬果都是那么像兒童的涂鴉。他和Paul Rand一樣,忘記了規(guī)劃和目的,大概就是一意孤行,恣意任性。但是,他們之所以叫大師,也就是因為他們也許是最不愿意做大師的人。

所以,看他們的作品,其實根本無法借鑒,只是一種“染濡”的過程。你不能做他們,你有目標,你要行動,你頭上有客戶、老板,但是你可以保留這個境界。相比你一心琢磨著如何拼裝出目前世界上最好看的效果于一體,不如仰望這些頑童大師們的樂趣所在。很多人說我們設計師應該多看,但看什么怎么看卻是問題,幾乎無人給出普天同慶的標準答案。但我想,看就是日積月累的功課,就像你拿著一個袋子到河邊撿石子,你如果只撿白色石子,那么最終你的袋子里就全是白色。所以,你要謹慎篩選你要撿的石子的色彩。當你有足夠多積累,就算你忘記了設計的所有規(guī)則,什么黃金分割、配色八法、柵格系統(tǒng)……,你才是真正懂了規(guī)則。

 


22
評論區(qū)(0)
正在加載評論...