Triangulation風格的動物海報用Photoshop是怎樣做出來的?

海報長這樣。
希望有大神可以解答下。來個教程什麼的萬分感激。


Triangulation風格其實就是我們稱的lowpoly風格,low poly實際是把多色元素,用三角形分割,每個小三角形的顏色,取自原多色元素的相應位置。

先PO一波圖片,圖片來源網路,侵刪。

Triangulation風格可以用PS製作,也可以用AI製作,當然更快捷一點,就是利用在線的工具了,但是想要自己學習掌握這方面的技能,當然還是利用PS或者AI實現啦~

原理大致是利用多邊套索工具繪製三角形,濾鏡模糊,曲線調整,基本上效果就出來了~

接下來就說說PS製作low poly風格的例子,參考@腳本之家,PS怎麼給赫本製作lowpoly效果

先來看效果圖

1、打開ps軟體,新建一個1440*1920的文件,導入素材,按【ctrl+t】調整到合適的大小。

2、添加【曲線】調整圖片的對比度。

3、添加【可選顏色】,將顏色調的復古一些。

4、添加一層【漸變】,顏色選擇黃藍,並創建【剪切蒙版】。

5、漸變的圖層模式改為【柔光】。

6、按【ctrl+alt+shift+E】蓋印圖層,然後用【多邊形套索工具】將人物大致摳出。

7、按【ctrl+j】複製摳好的圖,並按【ctrl+shift+N】新建圖層,填充顏色,並放置在摳好圖層的下方。

8、先用【多邊形套索工具】繪製出三角形。

9、選擇【濾鏡】【模糊】【平均】,這樣就做好了一個多面形。

10、用【多邊形套索工具】繪製其他三角形,直接按【ctrl+F】就會出現並執行上次的濾鏡效果了,用這種方法繪製出其他多邊形。

11、添加【曲線】,對圖片進行調整。

12、選擇【直線工具】先繪製一條直線,然後將屬性形狀改為【合併形狀】。

13、選擇【直線工具】先繪製一條直線,然後將屬性形狀改為【合併形狀】。

14、然後新建一個【漸變】層,作出合適的漸變,並創建【剪切蒙版】。

15、作出調整,做出滿意的線條效果。

16、給人物的圖層添加【蒙版】,用【柔邊畫筆】柔化邊緣。

17、用【文字工具】輸入一些文案,到這裡整個案例就完成了。

以上就是lowpoly效果的詳細製作方法,效果很漂亮,這個效果適用於任何圖片。

對PS基礎掌握不紮實的可以看看Photoshop CC 2017零基礎入門到進階全功能教程,很全面的講解PS的技巧與方法。

想了解更多的可以看看翼狐網

關注微信公眾號:yihuwang2012,即可了解更多軟體資源哦~

以上,不足之處望海涵~


怕有人眼神不好,直接寫在前頭好了:
禁止在未經允許的情況下轉載!!!!!!
禁止在未經允許的情況下轉載!!!!!!
禁止在未經允許的情況下轉載!!!!!!
本教程於知乎首發,任何外部網站的轉載都屬於盜用。
———————————————————————————————————————————
一陣子沒怎麼關注知乎,看到評論區有人提醒,才發現這個教程居然還被微博上的無良博主在未經許可並已標註禁止轉載的情況下盜走了,還打上了自己的水印,滑稽。是在擔心自己盜來的東西被別人盜走嗎?

@photoshop資源庫,未經允許轉載還不註明出處及作者,在別人的教程上正大光明的打上自己的水印,不要臉也要有個限度好嗎?
———————————————————————————————————————————
提醒,這並不是個省時間的方法。個人只建議有時間有興趣的人做來玩。
並不是每個人都是專業設計師,這裡只是提出一個方法,不專業,但是也並不需要誰來教訓,有需求就代表有存在的價值。
有人喜歡罵人,那建議還是回YY去吧。約架的見過,約罵架的倒真是第一回見。來信罵?
———————————————————————————————————————————回來更新啦!作業終於交上去了,抽空發個簡單的教程。
方法確實簡單,與此同時也確實需要耐心。
關於這個問題,有更快速的方法,也就是網上很多人一直在說的trianglator+AI的方法。但是從效果上來看,兩者區別還是比較大,trianglator所拉出來的網格,由於每個相鄰的三角網格都有一個共同點,所以在處理一些細節上會比較受限制。比較明顯的例子就是題主給出的海報,那個熊貓的耳朵和身體的部分有很多鋸齒,而且臉部比較零碎。
那接下來說說只用PS一個軟體做的方法吧
正如樓下那位指桑罵槐的答主所說,一個設計師應該以效率為重,只有像我這樣沒有創造性的煞筆才會在PS里瞎浪費時間,所以推薦各位非專業的有空閑時間的小夥伴學習一下這種方法,做些自己喜歡的圖片就行了。
下面是簡單的教程,一看就會(因為本身就很簡單)
———————————————————————————————————————————
1,打開原始素材,最好高清

2,觀察圖片,用多邊形套索工具,把圖片中某個色彩及明暗相近的區域用三角形套出來。勾三角形的時候注意結構,不能太離譜了。

3,濾鏡——模糊——平均(用了一次這個濾鏡後下次再需要用的時候直接ctrl+f就可以了)

4,上一步的效果如下

5,重複上一步,一直重複一直重複

6,.....反正就是一直重複,一直到動物的全身被三角色塊覆蓋為止。

7,把做海報需要的部分用多邊形套索工具沿著三角的外形摳出來,右鍵拷貝。

8,新建一個文件,尺寸為海報大小。把剛才摳出來的熊頭部分移到新文件里,調整大小,添加文字,更改背景色,OK ,一張海報就做好了

效果如下,大體上還是挺像那麼回事兒的

做的很倉促,沒有經過細緻修改,主要是看個過程。
就是這樣,是不是so easy啊;)
———————————————————————————————————————————
知乎第一答 先上幾張這幾天做的動物壁紙

全是只用了PS一個軟體做的 因為比較懶 一個軟體能解決的事絕對不多用另一個軟體 看了下題主問題里的海報 剛好跟這幾天自娛自樂做的壁紙挺像 斗膽回答一下
說下基本思路 其實很簡單 先選一張高清的動物圖片 然後用多邊形套索工具 在圖片的基礎上選擇相近的色塊 用三角形勾出來 然後就濾鏡→模糊→平均 將色塊里的顏色平均化 然後就一直重複下去 下面需要的就是耐心和細心了
等到動物全身都被三角形色塊覆蓋的時候 再用多邊形套索把外輪廓勾出來 選擇反向 填充顏色 這時候就基本差不多了 有點強迫症的可以再調一下細節
只是一個PS業餘愛好者 做的不好求輕噴 但是方法絕對是最簡單最容易做出來的 只需要對色彩有一定的理解 加上足夠的耐心就可以了
加張最近做的比較喜歡的一張~經典回力鞋 原圖來自某寶

6.12更新
掌握這種方法最好的途徑還是要多練習 提高對色彩的概括能力 上張最近做的MJ 犯罪高手 用作手機壁紙 算是做的最滿意的一張了 雖然還是有不少瑕疵。。


picsart里有這個效果

我想知道ps有沒有這個插件……


用多邊形製作器做
後期再用PS處理背景

下方為圖(處理的沒那麼仔細 還請原諒~)

PANDA還吃的草來著 製作時就直接忽略了

企鵝(你比我胖!)

長頸鹿

小兔紙和貓咪(貓咪細節未做太多處理)

完畢。


@張六神 我來交作業。。感謝大神


多變形圖像生成器,這裡是下載鏈接 http://www.dsui.com.cn/thread-798-1-1.html


啊 有點離題 給一個我寫的簡易的matlab程序吧,這個程序是我為了實現10行以內完成而寫的,想要效果好的全版的可以私信我。

I=imread("測試2.jpg");
[row,col,~]=size(I);
X=[1+round((col-1)*rand(1000,1)),1+round((row-1)*rand(1000,1))];
tri = delaunay(X);
ns=length(tri);%
I=double(I);
for i=1:ns
patch(X(tri(i,:),1),col*ones(3,1)-X(tri(i,:),2),[I(X(tri(i,2),2),X(tri(i,2),1),1)/255, ...
I(X(tri(i,2),2),X(tri(i,2),1),2)/255, I(X(tri(i,2),2),X(tri(i,2),1),3)/255],"edgecolor","none");
end
axis equal;

補一個動物



雖然有很多大神回答了,自己還是忍不住P了一下。
果然是不行啊,還要再努力學PS


--------------------------------------------------------上圖------------------------------------------------------------------

原圖

ps的像素晶格化

我自己做的

順便問一下題主上的圖中,用來寫動物名稱的是什麼字體?


我也來獻醜...按六神大大的方法做的 身體中間的色塊有點慘不忍睹...要練


比較簡單,5步就能成。
總結下,就是多邊形套索+平均模糊
附上教程
http://mp.weixin.qq.com/s/ejH8f3LtGZhfMWxEnA8MCA


大神的回答居然被摺疊了?!純乾貨啊!!!@鄭立星


製作多邊形圖像的在線網頁工具
一個專做多邊形的在線網站,超級方便,lz可以嘗試下


交作業www還可以放進ai里高保真描摹再釋放一下,就成矢量啦~


按照 @張六神 的方法做了一張!
發一張獻醜嘿嘿嘿


感謝 @張六神
第一次做,做出來的效果不錯,自己當壁紙了


回答就是為了交作業的,我不想看見你們,謝謝。


六神大法好,鬍子被我忽略了。。。


感謝高票答案


這是什麼字體啊,挺好看的


推薦閱讀:

手工藝品是否為工業設計的一部分?
義大利的設計水平真的很高么,為什麼?
晃動這張圖的時候,為什麼會感覺中間的心在動?
為什麼長草顏糰子的表情很容易俘獲人心?
主管不願意為我換設計的電腦,我該怎麼辦?

TAG:AdobePhotoshop | 設計 | 平面設計 |