章魚王子、 发表于 2014-4-17 04:45:24

ps设计多边形字体效果教程

      低多边形（Low-Poly）字体设计是目前最新、最火的一个设计趋势。低多边形字体设计主要是基于有少量多边形的3D网格，同时结合一些渲染技术和灯光效果，使这些网格看上去像纸工艺或折纸作品。
低多边形通常需要使用3D软件来实现，但这篇教程将教会大家如何使用基本的PS工具来实现它的2D简化版，同时为了使低多边形效果更加精美，我们会用到一个非常简单的App- Image Triangulator App（下载地址:
http://vdisk.weibo.com/s/ua6lTNWLf4X__
）。以下为神器的部分功能和成果展现：）

http://pic.16xx8.com/allimg/140414/220233DP-0.jpg


http://pic.16xx8.com/allimg/140414/220233EZ-1.jpg


http://pic.16xx8.com/allimg/140414/2202333420-2.jpg


http://pic.16xx8.com/allimg/140414/2202331G6-3.jpg


http://pic.16xx8.com/allimg/140414/2202335M4-4.jpg

多边形是今年很火的一种设计,最终效果：

http://pic.16xx8.com/allimg/140414/2202332603-5.jpg
提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:**** Hidden Message *****教程编号:133200 作者：CYRotel 出处：优设网原创翻译

章魚王子、 发表于 2014-4-17 04:45:26

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/22023361Q-6.jpg

章魚王子、 发表于 2014-4-17 04:45:27

ps设计多边形字体效果教程

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

http://pic.16xx8.com/allimg/140414/2202333601-7.jpg

章魚王子、 发表于 2014-4-17 04:45:28

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/2202333142-8.jpg

章魚王子、 发表于 2014-4-17 04:45:29

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/2202334107-9.jpg

章魚王子、 发表于 2014-4-17 04:45:30

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/2202331194-10.jpg

章魚王子、 发表于 2014-4-17 04:45:31

ps设计多边形字体效果教程


第二步将Image Triangulator App解压缩后，打开TriangulateImage5.bat文件。（微盘打包下载的版本是WIN 7 32位，如果是OS X 系统或64位的童鞋，可到官网下载。）

http://pic.16xx8.com/allimg/140414/22023344S-11.jpg

章魚王子、 发表于 2014-4-17 04:45:32

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/2202334235-12.jpg

章魚王子、 发表于 2014-4-17 04:45:33

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/22023341Z-13.jpg

章魚王子、 发表于 2014-4-17 04:45:34

ps设计多边形字体效果教程

      
第三步点击上面的选择图像按钮（CHOOSE AN IMAGE），打开之前存储的图像。

http://pic.16xx8.com/allimg/140414/22023310L-14.jpg

章魚王子、 发表于 2014-4-17 04:45:35

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/2202335243-15.jpg

章魚王子、 发表于 2014-4-17 04:45:36

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/220233J40-16.jpg

章魚王子、 发表于 2014-4-17 04:45:37

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/220233JN-17.jpg

章魚王子、 发表于 2014-4-17 04:45:38

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/2202335W2-18.jpg

章魚王子、 发表于 2014-4-17 04:45:39

ps设计多边形字体效果教程


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

http://pic.16xx8.com/allimg/140414/2202335396-19.jpg
页: [1] 2
查看完整版本: ps设计多边形字体效果教程