当前位置: 亿品元素 >资讯 > 低多边形字体设计教程

低多边形字体设计教程

更新时间:2020-08-02 19:11:10    浏览次数:44+次

早几天给大家分享了一款低多边形制作软件-image triangulator ,不过软件是英文的,结果就有网友说“哎呀,这个英文看不懂啊,弄来弄去,还是不知道怎么用image triangulator制作低多边形,能举个栗子就好了?'好吧,今天就给大家分享个低多边形字体设计的教程。下图是低多边形字体设计的最终效果图。(由于本文旨在告诉…

早几天给大家分享了一款低多边形制作软件-image triangulator ,不过软件是英文的,结果就有网友说“哎呀,这个英文看不懂啊,弄来弄去,还是不知道怎么用image triangulator制作低多边形,能举个栗子就好了?"好吧,今天就给大家分享个低多边形字体设计的教程。下图是低多边形字体设计的最终效果图。(由于本文旨在告诉大家image triangulator的基本使用方法,故教程中一些非必须的步骤就省略了)

低多边形字体设计教程

低多边形字体设计教程

1. 创建背景与文字

打开photoshop,新建一个文件,并根据个人需要设置文件尺寸,设置前景色为#e7e9ea,背景色为#a4a5a1。点击渐变工具,选择前景色到背景色渐变填充,并点击径向渐变图标。

然后,点击文件并将其从中心位置拖拽到一角以创建背景渐变。

LowPoly_01_1

使用Intrepid ExtraBold字体(建议使用尽量简单的字体,因为后面使用的Image Triangulator 创建低多边形会比较耗时)创建文字成全部大写形式。文字字号为180pt,行距也设为180pt(根据文件尺寸的不同,可能要设置不同的字号和行距)。

按住Ctrl键单击文字图层缩略图以创建一个选区,然后新建一个图层,命名为Fill.

LowPoly_01_3

设置前景色为#9cbc2c,背景色为#405203,选择滤镜→渲染→云彩,然后选择工具栏中的选择→取消选择。

LowPoly_01_4

单击文件>存储为,将该文件保存为jpeg图片格式。

2. 使用Image Triangulator 进行多变形制作

下载Image Triangulator (在http://www.epinv.com/post/4879.html文中有下载),解压缩后,运行TriangulateImage5.bat文件。

这样,将会打开几个窗口,其中一个窗口解释了每一个选项的用途,使用前请先熟悉一下各个选项的功能。

image triangulator

另一个窗口是工具窗口,我们将使用这个窗口设计低多边形字体。

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_4

这个过程可能会很耗费时间,但这是目前最为简便的创建2D低多边形效果的方法了。

记得随时切换RESULT(R)显示效果选项查看效果,以确保每部分都很好的完成了。

LowPoly_04_6

5. 保存图片

所有设计都达到你满意的效果之后,单击WRITE TO PDF按钮,保存作品。

LowPoly_05_1

可以在PS中打开该文件,并做进一步的修饰,或另存为其他格式。

注:如果你在image triangulator制作的多边形想再次调用,那么你还可以保存已创建的点,单击SAVE POINTS按钮,并为该文件命名。这些点的坐标将会被保存为txt文件,以后需要时可进行加载。

LowPoly_05_4

因此,如果在PS中使用不同的颜色样式创建文字,同时需要创建低多边形样式, 只需使用Image Triangulator App打开图像,并单击 LOAD POINTS按钮,打开之前保存的坐标文件即可。

需要注意的是,坐标文件仅适用于相同的文字,因此,使用原有的坐标文件只能修改颜色样式,无法修改字体、字号、文字位置等其他任何属性。

LowPoly_05_5

坐标文件加载完成后,切换RESULT(R)显示效果选项可查看新颜色样式应用效果。

LowPoly_05_6

同样,可继续编辑点的位置,或者添加、删除点操作。这样,所有的步骤就完成了。

上面即为利用image triangulator配合photoshop软件制作低多边形字体设计的教程,当然,上面例子中针对的是文字,如果是制作图片形式的低多边形效果,也是类似用法。看完教程,你的手痒了没?没关系,这里还提供教程中的Intrepid ExtraBold字体下载,你可以用它来照着教程练练手。

Intrepid ExtraBold字体及image triangulator低多边形制作软件下载页面