二維碼 購物車
部落窩在線教育歡迎您!

利用PS制作星空效果低多邊形熊貓頭像

?

作者:飛屋睿UIdesign來源:部落窩教育發(fā)布時間:2019-07-26 17:27:21點(diǎn)擊:2403

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 授權(quán)作品,禁止轉(zhuǎn)載。

編按:

    低多邊形相信大家都不陌生,那么你知道低多邊形效果是怎樣做出來的嗎?其實(shí)低多邊形的制作非常簡單,更多的是對其色彩的把控。眾所周知AIPS兩兄弟,一個重“形”一個重“色”,處理低多邊形一般來說AI更優(yōu),但為了色彩過渡更自然,今天我們就選擇用PS來制作,一起學(xué)習(xí)下吧!

你將學(xué)會什么?

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

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

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

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

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

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

3、體會抽象的造型能力

繪制線條輪廓

STEP 01

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

STEP 02

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

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

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

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

STEP 03

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

平均模糊填色

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

STEP 04

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

STEP 05

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

STEP 06

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

STEP 07

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

STEP 08

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

自由式調(diào)色

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

STEP 09

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

STEP 10

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

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

STEP 11

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

星系表現(xiàn)

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

STEP 12

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

STEP 13

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

STEP 14

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

STEP 15

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

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

最終效果出爐:

仰望Paul Rand和齊白石

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

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

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

 

 

 

本文配套的練習(xí)素材請加QQ群:143686347下載

PS高手,快速提升工作效率,部落窩教育《 Photoshop全面精通班視頻和《 AI平面與電商設(shè)計從零到精通直播課全心為你!

掃下方二維碼關(guān)注公眾號,隨時隨地學(xué)習(xí)PS

PS教程

 

相關(guān)推薦:

PS大神是怎么做水晶圖標(biāo)的?

想不到吧!這個涂鴉墻其實(shí)是P

教你繪制低多邊形頭像

 

版權(quán)信息:

原標(biāo)題:PS繪制低多邊形星空效果熊貓頭像

來源 ifeiwu  作者:飛屋睿UIdesign