低多邊形(Low-Poly)字體設計是目前最新、最火的一個設計趨勢。低多邊形字體設計主要是基於有少量多邊形的3D網格,同時結合一些渲染技術和燈光效果,使這些網格看上去像紙工藝或折紙作品。
低多邊形通常需要使用3D軟件來實現,但這篇教程將教會大家如何使用基本的PS工具來實現它的2D簡化版,同時為了使低多邊形效果更加精美,我們會用到一個非常簡單的app。
最終效果:
教程詳情:
使用的軟件:PS
軟件版本:CC(也可以使用CS3+)>
所需時長:45-90min
教程所需素材:
Intrepid ExtraBold 字體
Image Triangulator App
19 Light Grunge Textures
1. 創建背景與文字
新建一個文件,並根據個人需要設置文件尺寸,本教程使用的尺寸是A3以便於日後打印。無需設置同樣的尺寸,請根據作品的用途及要創建的文字的長度來確定相應的文件尺寸。
設置前景色為#e7e9ea,背景色為#a4a5a1。點擊漸變工具,選擇前景色到背景色漸變填充,並點擊徑向漸變圖標。
然後,點擊文件並將其從中心位置拖拽到一角以創建背景漸變。
使用Intrepid ExtraBold字體創建文字成全部大寫形式。文字字號為180pt,行距也設為180pt(根據文件尺寸的不同,可能要設置不同的字號和行距)。
盡量使用簡單的文字,因為後面使用的Image Triangulator App會比較耗費時間。
按住Ctrl鍵單擊文字圖層縮略圖以創建一個選區,然後新建一個圖層,命名為Fill.
設置前景色為#9cbc2c,背景色為#405203,選擇濾鏡→渲染→雲彩,然後選擇工具欄中的選擇→取消選擇。
單擊文件>存儲為,將該文件保存為jpeg圖片格式。
2. 使用Image Triangulator App
下載Image Triangulator App,解壓縮後,打開TriangulateImage5.bat文件。
這樣,將會打開幾個窗口,其中一個窗口解釋了每一個選項的用途,使用前請先熟悉一下各個選項的功能。
另一個窗口是工具窗口,我們將使用這個窗口設計低多邊形字體。
3. 為文字添加節點
點擊上面的選擇圖像按鈕(CHOOSE AN IMAGE),打開之前存儲的圖像。
確保顯示選項為ORIGINAL (O) 。
接下來要做的是,盡可能准確地在字體的角部和邊緣處點擊添加點,保持點的對齊非常重要,這樣做出的效果會更好。
另外一個需要注意的是,每個字母的邊緣至少要添加1-2個點,短邊至少添加一個點,長邊至少添加兩個點。這樣,可使在字母中心添加多邊形效果更為簡便。
點擊ON/OFF ERASER (E)按鈕可刪除或修改已添加的點。
選擇橡皮擦工具(E)後,鼠標圖形會變成圓形。這樣,就可以點擊任何已添加的點並刪除,然後將橡皮擦工具(E)切換為關閉狀態,重新添加需要的點。使用橡皮擦工具(E)切換開啟/關閉模式可大大提高工作效率。
4. 創建多邊形
當添加完成所有的點之後,點擊RESULT(R)顯示效果選項。該選項將會展示基於添加的點所創建的基本多邊形效果圖。
現在,單擊文字內部,沿著文字中心添加更多的多邊形。
如果一些邊緣一直移動的話,要麼不要將鼠標停留在字母內部,要麼在該字母邊緣添加更多的點以固定它們的位置。
文字部分的多邊形設計完成後,按照同樣的方法為文字周圍的背景添加多邊形效果。
這個過程可能會很耗費時間,但這是目前最為簡便的創建2D低多邊形效果的方法了。
記得隨時切換RESULT(R)顯示效果選項查看效果,以確保每部分都很好的完成了。
5. 保存圖片
所有設計都達到你滿意的效果之後,單擊WRITE TO PDF按鈕,保存作品。
可以在PS中打開該文件,並做進一步的修飾,或另存為其他格式。
在PS中,打開OTF_Light_Grunge_12紋理,將其添加到已打開圖像圖層的上面,將圖層混合模式設為疊加,並調整不透明度為15%。這樣可以對最終作品做一點點裝飾。
另外,還可以保存已創建的點,單擊SAVE POINTS按鈕,並為該文件命名。這些點的坐標將會被保存為txt文件,以後需要時可進行加載。