BMFont把美术图片(汉字,数字,字母)字生成艺术字体fnt格式

BMFont艺术字

    • 前言
    • 一步到位
    • 完整流程

前言

网上很多教程,教你如何把美术切的图片导成艺术字,但是,大部分都是讲了最简单的情形,就是导数字和字母符号之类的。也有讲把中文汉字导成艺术字体的教程,什么先新建一个txt,把你需要的字输进去,然后把文件导入到bmfont中,就可以预览了,还煞有其事的讲一定要把文件编码格式改为utf-8的。亲测没用,各种格式我都试了,就是导不进去。这也是我经过探讨找到解决方案之后要写这篇教程的原因。

一步到位

其实我一开始也是根据网上给的教程来的,上面说了把txt导入到软件中,是为了拿到汉字在导入过程中不易拿到的Unicode编码。既然导入文件行不通,那我就换个方式找编码。于是乎我就找到这么一个网站: 查看字符编码.,你也可以随便找一个类似的。
BMFont把美术图片(汉字,数字,字母)字生成艺术字体fnt格式_第1张图片
在这里,你可以不用管它是什么 数字 符号 字母 汉字。你输入你需要的,然后就可以拿到ID,然后就可以啦。

完整流程

如果你是新手,那就看这里吧。

  1. 下载BMFont,链接: BMFont.
    BMFont把美术图片(汉字,数字,字母)字生成艺术字体fnt格式_第2张图片
    这些版本都可以。第一个是1.14安装版,第二个是绿色运行版。
  2. 安装完之后,打开软件,进行字体设置,和导出设置

BMFont把美术图片(汉字,数字,字母)字生成艺术字体fnt格式_第3张图片

  1. 点击options,选中font settings。进入字体设置界面,检查相应设置,参考如下:
    BMFont把美术图片(汉字,数字,字母)字生成艺术字体fnt格式_第4张图片

  2. 点击options,选中export options。进入导出设置界面,检查相应设置,参考如下:(其中 width和height是你生成字体文件时,相对应的png文件的尺寸,大小你可以自己调节,保证刚好就行了)
    BMFont把美术图片(汉字,数字,字母)字生成艺术字体fnt格式_第5张图片

  3. 点击edit,开始导入图片资源。先清理一下当前环境,依次点击select all chars、clear all chars in font。
    然后
    点击open image manager。
    BMFont把美术图片(汉字,数字,字母)字生成艺术字体fnt格式_第6张图片
    点击image。选择import image。
    BMFont把美术图片(汉字,数字,字母)字生成艺术字体fnt格式_第7张图片
    选中你要导入的图片,点击打开。
    BMFont把美术图片(汉字,数字,字母)字生成艺术字体fnt格式_第8张图片
    设置id,这个id就是你刚才从上述网站中找到的Unicode十进制编码,然后点击ok。一个资源就导好了。依次添加吧

  4. 导入完之后,你可以回到软件的主界面上。点击options,选择visualize进行预览,确认是你想要的效果,就选择save bitmap font as(导出:Ctrl/Command + S)。进行导出啦1。你的字体文件就做好了。(#.#)嘻嘻2


  1. 美术给你的资源,尽量同高同宽,次之同宽; ↩︎

  2. 美术给你的资源,文件名不要以下划线开头,导不进去; ↩︎

你可能感兴趣的:(技术之路)