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

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

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

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

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

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

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

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

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

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

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

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

第一步

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

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

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

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

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

盡量使用簡單的文字,因為后面使用的Image Triangulator App會比較耗費時間。

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

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

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

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

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

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

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

第二步

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

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

這樣,將會打開幾個窗口,其中一個窗口解釋了每一個選項的用途,使用前請先熟悉一下各個選項的功能。

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

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

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

第三步

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

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

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

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

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

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

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

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

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

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

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

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

第四步

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

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

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

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

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

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

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

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

這個過程可能會很耗費時間,但這是目前最為簡便的創(chuàng)建2D低多邊形效果的方法了。

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

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

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

第五步

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
陳晨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í)
_眼角De淚水2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
四季平安2014-04-14 05:16
學(xué)習(xí)學(xué)習(xí)
夢里看見你一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)友求助,請回答!