萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps文字教程 >> 高大上的多邊形字體效果教程

高大上的多邊形字體效果教程

  低多邊形(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。點擊漸變工具,選擇前景色到背景色漸變填充,並點擊徑向漸變圖標。

  然後,點擊文件並將其從中心位置拖拽到一角以創建背景漸變。

LowPoly 01 1 高大上的多邊形字體效果教程

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

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

LowPoly 01 2 高大上的多邊形字體效果教程

  按住Ctrl鍵單擊文字圖層縮略圖以創建一個選區,然後新建一個圖層,命名為Fill.

LowPoly 01 3 高大上的多邊形字體效果教程

  設置前景色為#9cbc2c,背景色為#405203,選擇濾鏡→渲染→雲彩,然後選擇工具欄中的選擇→取消選擇。

LowPoly 01 4 高大上的多邊形字體效果教程

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

LowPoly 01 5 高大上的多邊形字體效果教程

  2. 使用Image Triangulator App

  下載Image Triangulator App,解壓縮後,打開TriangulateImage5.bat文件。

LowPoly 02 1 高大上的多邊形字體效果教程

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

LowPoly 02 2 高大上的多邊形字體效果教程

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

LowPoly 02 3 高大上的多邊形字體效果教程

  3. 為文字添加節點

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

LowPoly 03 1 高大上的多邊形字體效果教程

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

LowPoly 03 2 高大上的多邊形字體效果教程

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

LowPoly 03 3 高大上的多邊形字體效果教程

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

LowPoly 03 4 高大上的多邊形字體效果教程

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

LowPoly 03 5 高大上的多邊形字體效果教程

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

LowPoly 03 6 高大上的多邊形字體效果教程

  4. 創建多邊形

  當添加完成所有的點之後,點擊RESULT(R)顯示效果選項。該選項將會展示基於添加的點所創建的基本多邊形效果圖。

LowPoly 04 1 高大上的多邊形字體效果教程

  現在,單擊文字內部,沿著文字中心添加更多的多邊形。

LowPoly 04 2 高大上的多邊形字體效果教程

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

LowPoly 04 3 高大上的多邊形字體效果教程

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

LowPoly 04 4 高大上的多邊形字體效果教程

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

LowPoly 04 5 高大上的多邊形字體效果教程

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

LowPoly 04 6 高大上的多邊形字體效果教程

  5. 保存圖片

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

LowPoly 05 1 高大上的多邊形字體效果教程

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

LowPoly 05 2 高大上的多邊形字體效果教程

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

LowPoly 05 3 高大上的多邊形字體效果教程

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

LowPoly 05 4 高大上的多邊形字體效果教程
copyright © 萬盛學電腦網 all rights reserved