當(dāng)前位置:首頁>ps入門教程>ps文字教程>普通字效>教程內(nèi)容

ps cc設(shè)計(jì)多邊形藝術(shù)文字教程(5)

來源:優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯 作者:CYRotel 學(xué)習(xí):3983人次

低多邊形(Low-Poly)字體設(shè)計(jì)是目前最新、最火的一個(gè)設(shè)計(jì)趨勢(shì)。低多邊形字體設(shè)計(jì)主要是基于有少量多邊形的3D網(wǎng)格,同時(shí)結(jié)合一些渲染技術(shù)和燈光效果,使這些網(wǎng)格看上去像紙工藝或折紙作品。

低多邊形通常需要使用3D軟件來實(shí)現(xiàn),但這篇教程將教會(huì)大家如何使用基本的PS工具來實(shí)現(xiàn)它的2D簡(jiǎn)化版,同時(shí)為了使低多邊形效果更加精美,我們會(huì)用到一個(gè)非常簡(jiǎn)單的App- Image Triangulator App(下載地址:http://vdisk.weibo.com/s/ua6lTNWLf4X__)。以下為神器的部分功能和成果展現(xiàn):)

這效果超火!教你創(chuàng)建高大上的多邊形字體

這效果超火!教你創(chuàng)建高大上的多邊形字體

這效果超火!教你創(chuàng)建高大上的多邊形字體

這效果超火!教你創(chuàng)建高大上的多邊形字體

這效果超火!教你創(chuàng)建高大上的多邊形字體

多邊形是今年很火的一種設(shè)計(jì),最終效果:

這效果超火!教你創(chuàng)建高大上的多邊形字體

第一步

新建一個(gè)文件,并根據(jù)個(gè)人需要設(shè)置文件尺寸,本教程使用的尺寸是A3以便于日后打印。無需設(shè)置同樣的尺寸,請(qǐng)根據(jù)作品的用途及要?jiǎng)?chuàng)建的文字的長(zhǎng)度來確定相應(yīng)的文件尺寸。

設(shè)置前景色為#e7e9ea,背景色為#a4a5a1。點(diǎn)擊漸變工具,選擇前景色到背景色漸變填充,并點(diǎn)擊徑向漸變圖標(biāo)。

然后,點(diǎn)擊文件并將其從中心位置拖拽到一角以創(chuàng)建背景漸變。

這效果超火!教你創(chuàng)建高大上的多邊形字體

使用Intrepid ExtraBold字體創(chuàng)建文字成全部大寫形式。文字字號(hào)為180pt,行距也設(shè)為180pt(根據(jù)文件尺寸的不同,可能要設(shè)置不同的字號(hào)和行距)。

盡量使用簡(jiǎn)單的文字,因?yàn)楹竺媸褂玫腎mage Triangulator App會(huì)比較耗費(fèi)時(shí)間。

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

單擊文件>存儲(chǔ)為,將該文件保存為jpeg圖片格式。

這效果超火!教你創(chuàng)建高大上的多邊形字體

第二步

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

這樣,將會(huì)打開幾個(gè)窗口,其中一個(gè)窗口解釋了每一個(gè)選項(xiàng)的用途,使用前請(qǐng)先熟悉一下各個(gè)選項(xiàng)的功能。

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

第三步

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

第四步

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

這個(gè)過程可能會(huì)很耗費(fèi)時(shí)間,但這是目前最為簡(jiǎn)便的創(chuàng)建2D低多邊形效果的方法了。

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

第五步

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

因此,如果在PS中使用不同的顏色樣式創(chuàng)建文字,同時(shí)需要?jiǎng)?chuàng)建低多邊形樣式, 只需使用Image Triangulator App打開圖像,并單擊?LOAD POINTS按鈕,打開之前保存的坐標(biāo)文件即可。

需要注意的是,坐標(biāo)文件僅適用于相同的文字,因此,使用原有的坐標(biāo)文件只能修改顏色樣式,無法修改字體、字號(hào)、文字位置等其他任何屬性。

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

這效果超火!教你創(chuàng)建高大上的多邊形字體

這樣,所有的步驟就完成了。

希望你能喜歡本教程,希望教程中所用的技巧會(huì)對(duì)你有所幫助。

這效果超火!教你創(chuàng)建高大上的多邊形字體

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
陳晨2019-01-27 04:51
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
灰兔2018-05-20 09:39
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
蛋爆碎2014-04-17 08:03
。。。。
蛋爆碎2014-04-17 08:04
。。。。
愛何拽拽2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
念ywb2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
驕傲的春天2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
口獅子座口2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
雞尾酒992014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
路西法仰慕者2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
小小白嘞跟屁蟲2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
_眼角De淚水2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
四季平安2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
夢(mèng)里看見你一2014-04-14 02:30
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
花少年少輕狂2014-04-14 02:30
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)

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

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