本篇教程强烈建议先看完再做，不建议一步一步跟着教程做！

对文本的设计过程

第一步

我们选择矩形工具，把填充颜色去掉只要描边颜色，然后把描边颜色设置为R:137 G:147 B:150 。然后在画板上简单的绘制一个90x30px的矩形。然后我们在外观面板中把描边的粗细设置为5个像素。然后勾选对齐描边方式为内侧对齐。（对于以下过程是对文本的设计过程，可以选择较宽的黑体进行参考）

第二步

使用相同的工具和相同的外观属性，添加一个80x30px的矩形，放置位置参考下图一，然后在绘制第二个90x30px的矩形，位置参考下图二。再创建一个80x30px的矩形和一个新的90x30px的矩形。放置位置如下图三。最后你所绘制的形状应该构成一个字母s'，字母整体高度是9x130px才对。请记住这个整体维度属性，因为我们后面的字母也会用这个维度作为参考。

第三步

按照上面的方式我们绘制出字母所以的字母，但是对于字母n，我们需要创建一个130x30px的形状，然后我们需要选中底部的锚点，并把它向右拖动60px。因为我们的字母N 

第四步

使用相同的方法。你创建的字母应该和下图一样！

第五步

我们把刚才做的字体复制一份，然后我们选择副本，打开路径查找器，使用联集工具把所有的图形合并，然后把描边去掉，填充颜色改为R:57 G:181 B:74。然后我们可以把刚才留下的只有描边的文本放到目前文本的上面。 

第六步

以下步骤，打开网格可能对制作更友好。使用钢笔工具绘制如下图所示的路径，路径的大小为3px。颜色为黑色。大概就是在字母里面绘制三角形，但是不要过多哦！

第七步

对于剩下的字母，我们使用上一步一样的方法制作。制作完成后你应该得到下图一样的效果。然后确保自己的路径没有问题了，就使用扩展对象命令对齐进行扩展外观。使其不再是路径。

第八步

选择一个黑色的，然后在选择-相同-填充颜色，就可以选到所有的黑色的图形了，然后使用联集工具进行合并图形。然后把圆角设置为2px。再把填充颜色设置为R:46 G:51 B:85 （这里如果你没有圆角的命令，那么你可以使用效果里面的圆角）

如何制作文本的玻璃片

第一步

这一步可能有点复杂

首先我们可以把绿色底部复制一份，让后把整体黑色的框架复制一份，然后对绿色底部的复合路径一个偏移路径效果，输入-1像素的偏移量。然后我们把得到的这个绿色底部与刚才复制的黑色框架对齐，然后使用路径查找器的减去顶层命令对其裁剪。然后再对得到的图形进行取消编组命令。（这一步我们得到的是那些碎片）

其次，我们需要吧黑色框架和绿色（这个绿色的底部还需要备份一份，后面还有用）的底部进行合并处理，得到一个新的底部，就像第八步图一那样的底部。（可能有些复杂，大家往后看看后面的步骤图就能明白了）

第二步

现在我们单独选择其中一个图形，然后用R:244 G:50 B:1替换绿色，然后我们在外观面板里面为其建立第二个填充，使用渐变填充。渐变角度90，色值参考下图，左边的色块透明度为0，颜色为黑色。并且把这一层的填充混合模式改为柔光。记住所有的图形都是由两个填充颜色而得到。

第三步

确保现在红色的这个形状仍然被选中，然后打开图形样式面板，然后新建图层样式按钮，这样我们就可以做成预设方便后续使用。（后面的步骤都是同样的原理）

第四步

我们选择另外一个绿色形状，并简单的应用保存的图形样式，然后在外观面板我们把底部填充颜色改为R:254 G:123 B:0。现在保持选择状态，在图形样式面板新建图形样式按钮，就可以吧现在这个图形保存为预设了。

第五步

重复上面的操作，我们只需要把底部的颜色调整为R=255 G=209 B=66.即可。

第六步

重复上面的操作，我们只需要把底部的颜色调整为R=229 G=239 B=66. 即可。

第七步

重复上面的操作，我们只需要把底部的颜色调整为 R=254 G=249 B=212.. 即可

第八步

我们现在已经制作了五个预设，现在只需要用来随机替换掉绿色的图形即可。最后你完成的应该和下图差距不大。

给文本添加阴影和微妙的高光

我感觉除了阴影外别的没多大区别！但是作者做了，咋就翻译出来

第一步

选择框架形状并在前面添加两个副本。 选择顶部的形状并使用向右箭头键将其向右移动1像素。 重新选择在这个步骤中添加的两个副本，然后从路径查找器面板中单击减去顶层按钮。 将生成的新形状转换为一个复合路径并到“外观”面板中改变填充颜色为白色(R:255 G:255 B:255) ，降低不透明度到50% ，不要忘记改变混合模式为叠加。（在这一步其实也给了碎片同样的操作，可是作者没有说明，大家可以观察后面第三步的步骤图，哪里放大的地方能发现。所以大家做的时候按照描述的方法给碎片也做一个吧） 

第二步

现在我们需要选择最开始的绿色底部，然后把它的圆角值改为2px，然后复制一份把填充值改为R：56 G:61 B:95 然后我们需要把本次的图形上移一层。

第三步

确保选择到了上一步的图形，然后我们把混合模式改为叠加，不透明度降低为10%。然后再效果里面添加选择胶片颗粒(Film Grain. )，然后数值参考下方图片所示。然后选择填充，添加扩散亮光（Diffuse Glow ） 然后数值参考下方图片所示。 

第四步

我们还是选择哪个绿色的底部，复制一份，然后在控制面板中更改绿色为黑色，降低透明度到15%，混合模式改为柔光。添加变换效果，然后输入下方的属性。然后再添加高斯模糊效果，把值设置为6px。（这里需要注意的是变换面板下方需要勾选的选项）

第五步

确保你现在还是选择的上一步的黑色图形，然后我们在外观面板中继续为其添加第二个填充。然后颜色还是和第一个填充颜色一致，然后把不透明度降低到30%。混合模式改为柔光，继续为其添加变换效果，再添加高斯模糊效果，输入6px的半径即可。

第六步

选中我们的框架形状（就是深蓝色的的那个块，）在外观面板的效果里面的风格化里面为其添加两次投影效果，参数如下图所示。

使用笔刷添加阴影

第一步

首先我们需要复制一个绿色的底部，然后我们需要去掉填充，把描边用画笔预设里面的炭笔-羽毛替换掉，然后设置为黑色

第二步

我们需要把这个描边的透明度减低到30%，混合模式改为柔光！

第三步

我们再次选中绿色的底部，然后在复制一份改为白色，最后我们选着白色的底部和刚才上一步的描边，然后打开透明度窗口，点击制作蒙版。（这里是白色的在最上面，黑色的描边在下面）

给文本添加一个背景

第一步

绘制一个870x660px的矩形，然后放在最最后面，用R:26 G:31 B:45 填充这个矩形。

第二步

选择上一步的矩形，复制一份放到前面，然后选中新的图形，混合模式改为叠加，并且用渐变颜色替换填充，然后用渐变工具在左上角向右下拉渐变。注意看下图的渐变滑块是怎么调整的，还有黄色的数值表示透明度 

现在你完成了这个文本效果！

这里值得说的是，前面的高亮和阴影的步骤，如果你觉得很复杂的话，那么你可以多看看步骤图最后根据自己的经验方法来进行制作。作者的这些步骤无非就是给文本的底部加投影加细节。给碎片加投影加细节。大家完全可以更具自己的方法来完成。只要大家最后做出来的文本效果不是平的基本上是ok的。

今天的教程的确有些混乱和绕，但是本身不难，技术点也不多，都是前面我译过的教程里面经常用的，大家只要多观察图片，我相信还是能做出来的，或者看看我之前翻译的字体教程吧！

Powered by Froala Editor