當(dāng)前位置:首頁>ps培訓(xùn)教程>ps照片處理>效果教程>教程內(nèi)容

多邊形效果,設(shè)計多邊形熊貓圖片(4)

來源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):9544人次

低多邊形(Low Poly)是近年一個新的設(shè)計風(fēng)潮,這種風(fēng)格介于抽象與象形之間,經(jīng)常用于背景或人像效果,今天就用這種風(fēng)格設(shè)計一個低多邊形風(fēng)格的熊貓。

我們先來看看效果:

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn
theoat.com.cn

這個教程能讓我們掌握:

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

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

3、體會抽象的造型能力

繪制線條輪廓

STEP 01

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 02

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

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

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

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

STEP 03

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

平均模糊填色

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

STEP 04

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 05

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 06

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 07

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 08

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

自由式調(diào)色

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

STEP 09

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 10

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 11

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

星系表現(xiàn)

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

STEP 12

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 13

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 14

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

STEP 15

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

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn

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

最終效果出爐:

多邊形效果,設(shè)計多邊形熊貓圖片_theoat.com.cn
theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
行者橙子2017-11-01 03:45
這個可以用形狀和高斯模糊直接做,省去了顏色的步驟,不過效果沒那么細(xì)膩
photoshop2017-04-23 01:51
用蓋印合并CTRL+ALT+SHIFT+E
photoshop2017-04-23 01:04
怎么合并,為什么沒有灝忔灉 的原帖:用蓋印合并CTRL+ALT+SHIFT+E
小果2017-04-22 11:31
怎么合并,為什么沒有
小果2017-04-22 11:04
怎么合并,為什么沒有
愛準(zhǔn)點到來水瓶2017-04-14 08:39
學(xué)習(xí)了,動手了
未系上弦月2017-04-14 05:28
別人介紹過來的
舒曼無悔2017-04-14 03:10
動手練練
為爵瘋狂2017-04-14 02:25
要動手才能學(xué)會
新勢力啊寶2017-04-14 08:32
喜歡,收藏了,謝謝
叛逆無予倫比2017-04-14 08:17
收藏了
萌仔你是我唯一2017-04-14 06:56
動手了
吃心的不都是妖2017-04-14 06:44
不錯啊
混不靈丁2017-04-14 01:24
新手求指導(dǎo)
紅塵只是戲子2017-04-14 01:23
轉(zhuǎn)了

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!