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

发表于2017-03-06
评论0 1.7k浏览

想免费获取内部独家PPT资料库?观看行业大牛直播?点击加入腾讯游戏学院游戏程序行业精英群

711501594

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

怎么制作这些美术字体,是使用BMFontNGUI Bitmap Font Maker,适用于使用NGUIUnity项目,制作的字体可在NGUIUILabel使用。

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

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

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

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

1.            打开BMFont
主界面如下:

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

3.            设置图片对应的id
选择图片后,设置选择图片的id0对应的是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.fntJaredTestFont_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文件和一个贴图文件。这个贴图有个设置要改一下,默认的TextureTypeTexture,需要修改为Advanced,然后把默认勾选的GenerateMipMaps选项去掉,不然字体会很模糊。



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

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

9.            字体使用
创建UILabel,字体类型设置为NGUI,字体选择刚才创建的字体

这样字体便愉快的出现在游戏中了

字体的创建还有其他方式,这里分享了BMFontNGUI Bitmap Font Maker结合使用的方法,希望对有需要的同学有所帮助!

 

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

游戏学院公众号二维码
腾讯游戏学院
微信公众号

提供更专业的游戏知识学习平台