今天我们来学习如何在PS中制作剪布风格的字体。

教程新建3800×2500 pix的文档,分辨率为300ppi。

选择文字工具拖出区域文本框,码上想要的字(懒得敲键盘的童鞋可以直接复制“ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890~!@#$%^&*()-=[]{};:’”,./<>?|`”)。本教程使用的字体是Neuland LT Std。当然也可以使用其它字体,只要够胖就OK了╮(╯_╰)╭

在还没有确定文本的时候,Ctrl+A全选,Ctrl+T调出字符面板,调整字的大小、间距,如下图。

对文字图层添加图层样式,描边,35像素。

确定后,在文字图层上右键,选择“创建图层”。然后我们可以看到文字图层上的“fx”标志不见了,并且多了一个图层。

接着我们到网上下载一张素材,用以替代红色描边部分。具体方法如下:
将素材置于红色描边文字图层上方,在两个图层中间摁住Alt键点击鼠标左键,建立剪贴蒙版。效果可以看看下图左上方的“#”。

对红色描边文字图层添加如下图层样式。


现在的效果是这样的,是不是已经有点FEEL了呢~~~~~

接着用同样的方法,给黑色文字图层也整个剪贴蒙版,这里用素材是这个。将其置入文档中,放在黑色文字图层的上方,同样在它们中间摁住Alt键单击鼠标左键。效果就出来了。

然后要做的是给这些字添加虚线的描边。但是怎么添加描边呢?
——Ctrl+鼠标左键点击文字图层的缩略图(是黑色文字的那个图层的缩略图哦),然后出现蚂蚁线。

【选择】|【修改】|【扩展】,6像素。到路径面板,选择“从选区生成工作路径”。

摁B键,激活画笔工具,设置前景色为# a4663a,摁F5调出画笔面板。设置如下。


到图层面板新建空白图层,再转回路径面板,选择路径,右键“描边路径”。
隐藏掉背景图层。

呃,在这里补充一点,因为花布像素问题,我们可以将花布缩小复制粘贴多次放在不同的地方。譬如这个教程进行到这里,其实我已经将花布复制了N次了。

这样我们的字放大后花布的纹理会清晰些。

然后,我们要将一个一个字单独存成PNG格式的图图。
先Ctrl+Alt+E盖印可见图层到新的一层里,用矩形选框框选字符,Ctrl+C复制。

Ctrl+N创建新文档,确定后Ctrl+V粘贴字符,并使背景图层不可见。

Ctrl+S保存成PNG格式。

为什么保存成PNG格式呢?大家保存后,查看已存好的PNG,可以看到背景是透明的哦。

这些字体存好后就可以单独用啦。这里做个示范。用的背景可以网上搜,如果想要我这张的话请单击这里。

参考教程:http://pshero.com/photoshop-tutorials/text-effects/create-a-scrapbook-alphabet
来源:http://blog.sina.com.cn/blueapple2001