Photoshop设计创意的多边形艺术字教程

2016-02-15 23:43 17 1 收藏

有了下面这个Photoshop设计创意的多边形艺术字教程教程,不懂Photoshop设计创意的多边形艺术字教程的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - PS 】

低多边形字体设计是目前最新、最火的一个设计趋势。低多边形字体设计主要是基于有少量多边形的3D网格,同时结合一些渲染技术和灯光效果,使这些网格看上去像纸工艺或折纸作品。低多边形通常需要使用3D软件来实现,但这篇教程将教会大家如何使用基本的PS工具来实现它的2D简化版,同时为了使低多边形效果更加精美,今天就让我们一起来学习这种效果吧。

教程使用素材:创意的多边形背景艺术字PS教程素材

最终效果:

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

第一步

新建一个文件,并根据个人需要设置文件尺寸,本教程使用的尺寸是A3以便于日后打印。无需设置同样的尺寸,请根据作品的用途及要创建的文字的长度来确定相应的文件尺寸。设置前景色为#e7e9ea,背景色为#a4a5a1。点击渐变工具,选择前景色到背景色渐变填充,并点击径向渐变图标。然后,点击文件并将其从中心位置拖拽到一角以创建背景渐变。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

第二步

将Image Triangulator App解压缩后,打开TriangulateImage5.bat文件。素材打包下载的版本是WIN732位,如果是OSX系统或64位的童鞋,可到官网下载。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

第三步

点击上面的选择图像按钮(CHOOSE AN IMAGE),打开之前存储的图像。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

确保显示选项为ORIGINAL (O) 。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

接下来要做的是,尽可能准确地在字体的角部和边缘处点击添加点,保持点的对齐非常重要,这样做出的效果会更好。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

另外一个需要注意的是,每个字母的边缘至少要添加1-2个点,短边至少添加一个点,长边至少添加两个点。这样,可使在字母中心添加多边形效果更为简便。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

点击ON/OFF ERASER (E)按钮可删除或修改已添加的点。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

选择橡皮擦工具(E)后,鼠标图形会变成圆形。这样,就可以点击任何已添加的点并删除,然后将橡皮擦工具(E)切换为关闭状态,重新添加需要的点。使用橡皮擦工具(E)切换开启/关闭模式可大大提高工作效率。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

第四步

当添加完成所有的点之后,点击RESULT(R)显示效果选项。该选项将会展示基于添加的点所创建的基本多边形效果图。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

现在,单击文字内部,沿着文字中心添加更多的多边形。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

如果一些边缘一直移动的话,要么不要将鼠标停留在字母内部,要么在该字母边缘添加更多的点以固定它们的位置。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

文字部分的多边形设计完成后,按照同样的方法为文字周围的背景添加多边形效果。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

第五步

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

在PS中,打开OTF_Light_Grunge_12纹理,将其添加到已打开图像图层的上面,将图层混合模式设为叠加,并调整不透明度为15%。这样可以对最终作品做一点点装饰。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

另外,还可以保存已创建的点,单击SAVE POINTS按钮,并为该文件命名。这些点的坐标将会被保存为txt文件,以后需要时可进行加载。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

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

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

同样,可继续编辑点的位置,或者添加、删除点操作。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

这样,所有的步骤就完成了。希望你能喜欢本教程,希望教程中所用的技巧会对你有所帮助。

Photoshop设计创意的多边形艺术字教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1565417.html

延伸阅读
标签: PS PS基础
掌握最火的设计趋势!今天的教程灵感,取自多边形又不落俗套,作者巧妙地以星系风格展现出来,时尚感与科技感兼备,效果过程不难,还附上星空背景的快速绘制技巧,特别适合新手练习。 教程源文件: 打造低多边形星系海报PSD教程源文件 前言 笔刷、纹理、甚至是Photoshop的杂色滤镜都能做出星系的样子,但是我觉得远远不够。它或许不够直接...
标签: PS PS基础
在这个教程中,我们要学习的用Photoshop的几个比较冷僻的滤镜来打造一个时尚感的霓虹光感线框文字。所谓冷僻,也就是相比较不那么常用,当然,除非你对滤镜已经摸索得足够透彻。而且,我们经过学习也会发现,将几个特殊效果的滤镜巧妙的结合一起使用,能渲染出出乎人意料的效果。要完全掌握Photoshop的滤镜功能,的确是件漫长的过程。它像一个...
【tuLaoShi.comPS文字特效】Photoshop设计可爱的糖果艺术字教程   Photoshop设计可爱的糖果艺术字教程         效果图:   第一步:创建一个500*500的画布 第二步:用椭圆工具创建一个圆,大小自己定 第三步:用直接选择工具框选中中间的锚点 第四步:用方向键的左箭头...
标签: PS PS基础
先看看效果图 1、打开Photoshop,根据海报需要新建画布,尺寸为1500px*2000px,分辨率为72dpi,填充背景为暗灰色。设置如下图所示。 2、点这里下载烟雾笔刷,移放到画布左下角,烟雾飘逸方向朝向右上角,呈对角线分布。设置烟雾混合模式为滤色,降低不透明度到15%。效果如下图所示。 3、在图层面板中新建一个图层,用笔刷工具分部...
标签: 新年 设计
新春马上到来,我们见到的东西大多与过年有关。下面我们来动手制作一个华丽的花纹圆盘。圆盘有花纹、底盘及立体面,按照由下至上的顺序慢慢刻画即可。喜欢的朋友让我们一起来学习吧。 最终效果 1、新建一个1000 * 700像素的文件,分辨率为72。选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 2、我们需要完成的部分...

经验教程

840

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部