教你繪制低多邊形星空效果熊貓頭像

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

雖說(shuō)簡(jiǎn)單,其實(shí)內(nèi)中的玄機(jī)自然很難參破拷淘,比如用哪一種色彩更恰當(dāng)各墨,似乎并不是吸取相片本身的色彩就可以解決的問(wèn)題。因?yàn)槲珌?lái)源只是一個(gè)小點(diǎn)启涯,而事實(shí)上一片色塊的面積要大得多贬堵,純色拼綴的做法到最后反而讓整體效果看起來(lái)有點(diǎn)“呆”恃轩,色彩過(guò)渡不自然。

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

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

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

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

3惰爬、體會(huì)抽象的造型能力

繪制線條輪廓

STEP 01

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

STEP 02

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

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

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

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

STEP 03

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

平均模糊填色

PS中的填色方式有很多榔至,這里我們將用到一種非常特殊的填色方式抵赢,叫做平均模糊填色。由于我們開(kāi)篇就聊過(guò)唧取,以前我們?cè)肁I吸取圖片色彩的方式進(jìn)行填色铅鲤,最終效果并不很理想,這里我們的改良方案就是采用將每一片色塊進(jìn)行平均模糊處理枫弟,這樣經(jīng)過(guò)模糊后邢享,原有的細(xì)節(jié)消失為一片均化的純色,這樣就可以依循著低多邊形的樣式進(jìn)行拼綴淡诗。

STEP 04

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

STEP 05

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

STEP 06

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

STEP 07

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

STEP 08

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

自由式調(diào)色

我們?cè)?jīng)說(shuō)石挂,PS是一個(gè)處理“色”的最出色的工具,因此煮仇,如果這時(shí)對(duì)填色不甚滿意毒嫡,就可以稍微進(jìn)行調(diào)色處理。

STEP 09

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

STEP 10

對(duì)調(diào)整后的色彩進(jìn)行校正,比如我們?cè)诖诉\(yùn)用色彩平衡的調(diào)整圖層所做的操作司致。下面分享出的我在進(jìn)行操作色彩平衡調(diào)整圖層的參數(shù)拆吆,并不表示一定要按照這個(gè)數(shù)值來(lái)操作。記得靈活應(yīng)變脂矫,根據(jù)自己對(duì)色彩的敏銳觀察枣耀,而不是依賴數(shù)值。

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

STEP 11

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

星系表現(xiàn)

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

STEP 12

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

STEP 13

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

STEP 14

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

STEP 15

這時(shí)猛频,我們?cè)儆野肽樀倪吘壊糠帧安痢比ィ哉故境鲆环N“殘缺”的想象力蛛勉。

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

最終效果出爐:

仰望Paul Rand和齊白石

當(dāng)我開(kāi)始學(xué)設(shè)計(jì)的第一天,我的老師什么東西都沒(méi)教給我侣诵,而是給我看了一個(gè)動(dòng)畫(huà)小短片痢法。這個(gè)動(dòng)畫(huà)短片是講古代一個(gè)學(xué)習(xí)射箭的人,怎樣通過(guò)一點(diǎn)一滴的練習(xí)而最終成為當(dāng)時(shí)最優(yōu)秀的射手杜顺。當(dāng)他站在世界之巔财搁,反而覺(jué)得內(nèi)心空洞無(wú)比。這時(shí)躬络,他突然做了一個(gè)決定:從此再也不碰弓箭尖奔。是的,這個(gè)最優(yōu)秀的射手將不再射箭了。就這樣到了晚年提茁,他舊時(shí)用的弓箭放在墻上已經(jīng)封塵淹禾。當(dāng)有天,他已然淡忘了自己是射手這件事茴扁,一只蚊子飛過(guò)他的窗前铃岔,因?yàn)閾?dān)心蚊子飛進(jìn)家里,而他只是隨興將筷子一擲峭火,蚊子就被擊中了德撬。這個(gè)故事最后說(shuō),這個(gè)人最終達(dá)到了“不射之射”躲胳。而這個(gè)不射之射的故事蜓洪,其實(shí)和一個(gè)初學(xué)者之間發(fā)生的距離卻是遙不可及的。但我依然保有對(duì)這種境界的仰望坯苹,依然愿意講到整個(gè)故事隆檀。(比心~)

翻看Paul Rand的作品,看到那種隨意揮灑的天真爛漫粹湃,我就會(huì)想到這個(gè)故事恐仑。設(shè)計(jì)是什么?有的人說(shuō)是計(jì)劃为鳄,是人在做一件事裳仆,有規(guī)劃有目的去做。但這個(gè)解釋大概設(shè)計(jì)師們不會(huì)完全同意孤钦。因?yàn)樵O(shè)計(jì)的時(shí)候歧斟,其實(shí)你只有目的,而規(guī)劃的過(guò)程盡管周詳偏形,卻總是有意外發(fā)生静袖。這占比并不高的意外,才是點(diǎn)燃我們創(chuàng)作的核心動(dòng)力俊扭。越多的意外队橙,你就擁有越多的創(chuàng)作自由。與此同時(shí)萨惑,我也會(huì)想到齊白石的晚年捐康,那個(gè)九十歲依然準(zhǔn)備娶妻,胡鬧任性的老人庸蔼,他筆下的魚(yú)蝦解总、花鳥(niǎo)、蔬果都是那么像兒童的涂鴉朱嘴。他和Paul Rand一樣倾鲫,忘記了規(guī)劃和目的粗合,大概就是一意孤行,恣意任性乌昔。但是隙疚,他們之所以叫大師,也就是因?yàn)樗麄円苍S是最不愿意做大師的人磕道。

所以供屉,看他們的作品,其實(shí)根本無(wú)法借鑒溺蕉,只是一種“染濡”的過(guò)程伶丐。你不能做他們,你有目標(biāo)疯特,你要行動(dòng)哗魂,你頭上有客戶、老板漓雅,但是你可以保留這個(gè)境界录别。相比你一心琢磨著如何拼裝出目前世界上最好看的效果于一體,不如仰望這些頑童大師們的樂(lè)趣所在邻吞。很多人說(shuō)我們?cè)O(shè)計(jì)師應(yīng)該多看组题,但看什么怎么看卻是問(wèn)題,幾乎無(wú)人給出普天同慶的標(biāo)準(zhǔn)答案抱冷。但我想崔列,看就是日積月累的功課,就像你拿著一個(gè)袋子到河邊撿石子旺遮,你如果只撿白色石子赵讯,那么最終你的袋子里就全是白色。所以趣效,你要謹(jǐn)慎篩選你要撿的石子的色彩瘦癌。當(dāng)你有足夠多積累猪贪,就算你忘記了設(shè)計(jì)的所有規(guī)則跷敬,什么黃金分割、配色八法热押、柵格系統(tǒng)……西傀,你才是真正懂了規(guī)則。

作者:飛屋睿UIdesign

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末桶癣,一起剝皮案震驚了整個(gè)濱河市拥褂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌牙寞,老刑警劉巖饺鹃,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件莫秆,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡悔详,警方通過(guò)查閱死者的電腦和手機(jī)镊屎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)茄螃,“玉大人缝驳,你說(shuō)我怎么就攤上這事」椴裕” “怎么了用狱?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)拼弃。 經(jīng)常有香客問(wèn)我夏伊,道長(zhǎng),這世上最難降的妖魔是什么吻氧? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任署海,我火速辦了婚禮,結(jié)果婚禮上医男,老公的妹妹穿的比我還像新娘砸狞。我一直安慰自己,他們只是感情好镀梭,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布刀森。 她就那樣靜靜地躺著,像睡著了一般报账。 火紅的嫁衣襯著肌膚如雪研底。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,554評(píng)論 1 305
  • 那天透罢,我揣著相機(jī)與錄音榜晦,去河邊找鬼。 笑死羽圃,一個(gè)胖子當(dāng)著我的面吹牛乾胶,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播朽寞,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼识窿,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了脑融?” 一聲冷哼從身側(cè)響起喻频,我...
    開(kāi)封第一講書(shū)人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎肘迎,沒(méi)想到半個(gè)月后甥温,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體锻煌,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年姻蚓,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了炼幔。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡史简,死狀恐怖乃秀,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情圆兵,我是刑警寧澤跺讯,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站殉农,受9級(jí)特大地震影響刀脏,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜超凳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一愈污、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧轮傍,春花似錦暂雹、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至驰吓,卻和暖如春涧尿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背檬贰。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工姑廉, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人翁涤。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓桥言,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親迷雪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子限书,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 【PS教程】【PS】【教程】ps,ps章咧,PS教程,PS教程 PS教程能真,PS教程赁严,PS教程扰柠,PS教程,PS教程疼约,PS...
    a104b284f747閱讀 3,372評(píng)論 0 100
  • 一卤档、照片名稱:調(diào)出照片柔和的藍(lán)黃色-簡(jiǎn)單方法, 1程剥、打開(kāi)原圖素材劝枣,按Ctrl + J把背景圖層復(fù)制一層,點(diǎn)通道面板...
    瀟湘妃子JC閱讀 4,226評(píng)論 0 17
  • 01 昨晚去小區(qū)的理療店按摩肩頸,第一次去搂擦,感覺(jué)店家人不錯(cuò)稳诚,簡(jiǎn)單,單純瀑踢,沒(méi)有復(fù)雜的心機(jī)扳还,也不那么商業(yè)化,隨之就與對(duì)...
    彼岸此岸_d43a閱讀 207評(píng)論 0 0
  • ArrayBlockingQueue是BlockingQueue接口的一個(gè)實(shí)現(xiàn). ArrayBlockingQue...
    AlstonWilliams閱讀 290評(píng)論 0 0
  • 我是一個(gè)念舊橱夭、多愁善感氨距,同時(shí)也很偏執(zhí)的人。我喜歡吃大棗棘劣,但我只喜歡新疆大棗衔蹲;我喜歡吃蘋(píng)果,但只喜歡大涼山的鹽源...
    陽(yáng)光傾城閱讀 595評(píng)論 0 9