程序和美术都能学会的Unity美术字体制作教程

发表于2017-03-06

在游戏开发中，有些地方需要特殊的美术字体，美术同学会给我们出文字和数字的图片。为了方便的使用这些资源，下面就给大家介绍下在unity中美术字体的制作方法，这样我们可以把这些资源制作成字体了。

怎么制作这些美术字体，是使用BMFont和NGUI Bitmap Font Maker，适用于使用NGUI的Unity项目，制作的字体可在NGUI的UILabel使用。

BMFont是一款免费的字体制作工具，用法有很多，这里使用了其根据图片来制作字体的功能。软件下载地址：

http://www.angelcode.com/products/bmfont/

NGUIBitmap Font Maker是NGUI自带的字体制作工具，安装了NGUI后就会有，不用额外再安装插件。

下面将我制作字体的使用过程和一些经验分享给大家（这里使用的BMFont版本1.13，NGUI版本3.5.8）：

1. 打开BMFont
主界面如下：

2. 添加字符对应的图片
Edit->Open Image Manager，打开图片管理器。Image->Import Manager，选择要添加的美术图片。

3. 设置图片对应的id
选择图片后，设置选择图片的id，0对应的是48。

数字、字幕和符号的id有个快速的查找方案，将鼠标移动到主界面对应的字符上，右下角会显示其对应的id。

汉字的id，可以将对应的汉字先转换为UTF8码，然后将16进制的UTF8码转换为10进制，即为对应的id。
已经添加的字符，在主界面上对应的字符右下角会有一个绿点。

4. 设置输出参数
Options->Export options，打开输出设置界面。预估制作的字体图片合图后的大小，设置大了会造成空间浪费，小了会装不下。
在输出前，可以通过Options->Visualize预览输出字体对应的贴图，看是否需要调整输出大小，在保证正常的情况下减小空间占用。
Bit depth设置为32。

5. 输出
Options->Save bitmap font as...

输出了两个文件：JaredTestFont.fnt和JaredTestFont_0.tga。
将这两个文件拷贝到Unity工程。

6. 打开NGUI Bitmap Font Maker
右键打开菜单，NGUI->Open BitmapFont Maker，打开NGUI字体制作工具

7. 字体输入输出设置

Type处选择Imported Bitmap

FontData选择刚才用BMFont输出的font文件

Texture处选择刚才用BMFont输出的Texture文件

关于下面的Output选项，是只将字体的合图输出到哪里。可以添加到已有的合图里，也可以点右边的叉号后独立输出，根据需要选择。我在用的时候一般都会选择叉号，独立输出。

8. 保存创建的字体
点击Create the Font

保存字体到工程

保存后会生成一份prefab文件和一个贴图文件。这个贴图有个设置要改一下，默认的TextureType是Texture，需要修改为Advanced，然后把默认勾选的GenerateMipMaps选项去掉，不然字体会很模糊。

选择完Advanced并去掉GenerateMipMaps选项之后，点击编辑器空白处，弹出确认修改框，选择Apply。

到此字体创建就完成了！接下来看看怎么使用吧~