PS打造超火的低多邊形字體設(shè)計(jì)
優(yōu)設(shè)網(wǎng) 發(fā)布時間:2015-02-05 10:51:17 作者:佚名
我要評論

低多邊形(Low-Poly)字體設(shè)計(jì)是目前最新、最火的一個設(shè)計(jì)趨勢。低多邊形字體設(shè)計(jì)主要是基于有少量多邊形的3D網(wǎng)格,同時結(jié)合一些渲染技術(shù)和燈光效果,使這些網(wǎng)格看上去像紙工藝或折紙作品
1添加云彩濾鏡
低多邊形(Low-Poly)字體設(shè)計(jì)是目前最新、最火的一個設(shè)計(jì)趨勢。低多邊形字體設(shè)計(jì)主要是基于有少量多邊形的3D網(wǎng)格,同時結(jié)合一些渲染技術(shù)和燈光效果,使這些網(wǎng)格看上去像紙工藝或折紙作品。
低多邊形通常需要使用3D軟件來實(shí)現(xiàn),但這篇PS教程將教會大家如何使用基本的Photoshop工具來實(shí)現(xiàn)它的2D簡化版,同時為了使低多邊形效果更加精美,我們會用到一個非常簡單的App- Image Triangulator App。以下為神器的部分功能和成果展現(xiàn):)

圖01

圖02

圖03

圖04

圖05
最終效果:

圖06
軟件版本:CC(也可以使用CS3+)
所需時長:45-90min
教程所需素材及軟件打包下載:
已在微盤打包咯,下載請戳→微盤下載
您也可以去原址下載:
Image Triangulator App此乃多邊形神器。溫馨提示:請根據(jù)您的系統(tǒng)來選擇下載相關(guān)版本。
Intrepid ExtraBold 字體
19 Light Grunge Textures
如果您下載64位的運(yùn)行不了, 那么推薦下載32位的。也是可以滴:)
第一步
新建一個文件,并根據(jù)個人需要設(shè)置文件尺寸,本教程使用的尺寸是A3以便于日后打印。無需設(shè)置同樣的尺寸,請根據(jù)作品的用途及要創(chuàng)建的文字的長度來確定相應(yīng)的文件尺寸。
設(shè)置前景色為#e7e9ea,背景色為#a4a5a1。點(diǎn)擊漸變工具,選擇前景色到背景色漸變填充,并點(diǎn)擊徑向漸變圖標(biāo)。
然后,點(diǎn)擊文件并將其從中心位置拖拽到一角以創(chuàng)建背景漸變。

圖07
使用Intrepid ExtraBold字體創(chuàng)建文字成全部大寫形式。文字字號為180pt,行距也設(shè)為180pt(根據(jù)文件尺寸的不同,可能要設(shè)置不同的字號和行距)。
盡量使用簡單的文字,因?yàn)楹竺媸褂玫腎mage Triangulator App會比較耗費(fèi)時間。

圖08
按住Ctrl鍵單擊文字圖層縮略圖以創(chuàng)建一個選區(qū),然后新建一個圖層,命名為Fill.

圖09
設(shè)置前景色為#9cbc2c,背景色為#405203,選擇濾鏡→渲染→云彩,然后選擇工具欄中的選擇→取消選擇。

圖10
單擊文件>存儲為,將該文件保存為jpeg圖片格式。

圖11
第二步
將Image Triangulator App解壓縮后,打開TriangulateImage5.bat文件。(微盤打包下載的版本是WIN 7 32位,如果是OS X 系統(tǒng)或64位的童鞋,可到官網(wǎng)下載。)

圖12
相關(guān)閱讀:
驚人視覺效果!PS合成雙重曝光后期特效
http://pcedu.pconline.com.cn/605/6057156.html
PS教程:PS打造蜘蛛俠鉆出屏幕合成特效
http://pcedu.pconline.com.cn/603/6034536.html
2應(yīng)用Image Triangulator App
這樣,將會打開幾個窗口,其中一個窗口解釋了每一個選項(xiàng)的用途,使用前請先熟悉一下各個選項(xiàng)的功能。

圖13
另一個窗口是工具窗口,我們將使用這個窗口設(shè)計(jì)低多邊形字體。

圖14
第三步
點(diǎn)擊上面的選擇圖像按鈕(CHOOSE AN IMAGE),打開之前存儲的圖像。

圖15
確保顯示選項(xiàng)為ORIGINAL (O) 。

圖16
接下來要做的是,盡可能準(zhǔn)確地在字體的角部和邊緣處點(diǎn)擊添加點(diǎn),保持點(diǎn)的對齊非常重要,這樣做出的效果會更好。

圖17
另外一個需要注意的是,每個字母的邊緣至少要添加1-2個點(diǎn),短邊至少添加一個點(diǎn),長邊至少添加兩個點(diǎn)。這樣,可使在字母中心添加多邊形效果更為簡便。

圖18
點(diǎn)擊ON/OFF ERASER (E)按鈕可刪除或修改已添加的點(diǎn)。

圖19
選擇橡皮擦工具(E)后,鼠標(biāo)圖形會變成圓形。這樣,就可以點(diǎn)擊任何已添加的點(diǎn)并刪除,然后將橡皮擦工具(E)切換為關(guān)閉狀態(tài),重新添加需要的點(diǎn)。使用橡皮擦工具(E)切換開啟/關(guān)閉模式可大大提高工作效率。

圖20
第四步
當(dāng)添加完成所有的點(diǎn)之后,點(diǎn)擊RESULT(R)顯示效果選項(xiàng)。該選項(xiàng)將會展示基于添加的點(diǎn)所創(chuàng)建的基本多邊形效果圖。

圖21
現(xiàn)在,單擊文字內(nèi)部,沿著文字中心添加更多的多邊形。

圖22
如果一些邊緣一直移動的話,要么不要將鼠標(biāo)停留在字母內(nèi)部,要么在該字母邊緣添加更多的點(diǎn)以固定它們的位置。

圖23
文字部分的多邊形設(shè)計(jì)完成后,按照同樣的方法為文字周圍的背景添加多邊形效果。

圖24
相關(guān)閱讀:
小清新妹子的最愛!PS打造唯美復(fù)古色調(diào)
http://pcedu.pconline.com.cn/602/6029036.html
穿越時光!PS打造舊地重游復(fù)古圖片特效
http://pcedu.pconline.com.cn/602/6021456.html
3調(diào)整設(shè)計(jì)裝飾
這個過程可能會很耗費(fèi)時間,但這是目前最為簡便的創(chuàng)建2D低多邊形效果的方法了。

圖25
記得隨時切換RESULT(R)顯示效果選項(xiàng)查看效果,以確保每部分都很好的完成了。

圖26
第五步
所有設(shè)計(jì)都達(dá)到你滿意的效果之后,單擊WRITE TO PDF按鈕,保存作品。

圖27
可以在PS中打開該文件,并做進(jìn)一步的修飾,或另存為其他格式。

圖28
在PS中,打開OTF_Light_Grunge_12紋理,將其添加到已打開圖像圖層的上面,將圖層混合模式設(shè)為疊加,并調(diào)整不透明度為15%。這樣可以對最終作品做一點(diǎn)點(diǎn)裝飾。

圖29
另外,還可以保存已創(chuàng)建的點(diǎn),單擊SAVE POINTS按鈕,并為該文件命名。這些點(diǎn)的坐標(biāo)將會被保存為txt文件,以后需要時可進(jìn)行加載。

圖30
因此,如果在PS中使用不同的顏色樣式創(chuàng)建文字,同時需要創(chuàng)建低多邊形樣式, 只需使用Image Triangulator App打開圖像,并單擊 LOAD POINTS按鈕,打開之前保存的坐標(biāo)文件即可。
需要注意的是,坐標(biāo)文件僅適用于相同的文字,因此,使用原有的坐標(biāo)文件只能修改顏色樣式,無法修改字體、字號、文字位置等其他任何屬性。

圖31
坐標(biāo)文件加載完成后,切換RESULT(R)顯示效果選項(xiàng)可查看新顏色樣式應(yīng)用效果。

圖32
同樣,可繼續(xù)編輯點(diǎn)的位置,或者添加、刪除點(diǎn)操作。

圖33
這樣,所有的步驟就完成了。
希望你能喜歡本教程,希望教程中所用的技巧會對你有所幫助。

圖34


































相關(guān)文章
- 這篇教程是向腳本之家的朋友分享photoshop模擬立體感的低多邊形效果方法,教程制作出來的效果非常有立體感,推薦到腳本之家,一起來學(xué)習(xí)吧2017-02-17
- 這篇教程是向腳本之家的朋友介紹PS簡單制作漂亮流行的低多邊形背景方法,教程制作出來的多邊形背景非常地漂亮,難度不是很大,很適合新手來學(xué)習(xí),推薦到腳本之家,喜歡的朋2015-08-17
Photoshop設(shè)計(jì)時尚簡潔的低多邊形星系風(fēng)格海報(bào)教程
本教程是向腳本之家的朋友介紹利用Photoshop設(shè)計(jì)時尚簡潔的低多邊形星系風(fēng)格海報(bào)教程,教程制作出來的效果真的非常地漂亮而且很有創(chuàng)意,教程不是很難,推薦到腳本之家,喜2014-12-02PS與AI結(jié)合快速把人物轉(zhuǎn)為低多邊形肖像
Low Poly為3D中的低精度模型,應(yīng)用到人像中就是低多邊形肖像,平面設(shè)計(jì)中經(jīng)常用到。 制作過程:先找好一副像素較高的人物圖片,截取想要的部分2014-06-16- 低多邊形(Low-Poly)字體設(shè)計(jì)是目前最新、最火的一個設(shè)計(jì)趨勢。低多邊形字體設(shè)計(jì)主要是基于有少量多邊形的3D網(wǎng)格,同時結(jié)合一些渲染技術(shù)和燈光效果,使這些網(wǎng)格看上去2014-04-15
- 這篇教程是向腳本之家的朋友分享PS繪制低多邊形風(fēng)格的熊貓頭像插畫方法,教程繪制出來的低變形風(fēng)格非常漂亮,難度不是很大,值得大家學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以2017-04-06