您的位置:首页 > 其它

Bitmap Font generator位图字体工具 使用

2014-01-28 14:10 274 查看



首先
下载安装windows下免费的位图字体***工具Bitmap Font Generator
下载地址http://www.angelcode.com/products/bmfont/install_bmfont_1.13.exe
2
打开软件,选择Opotion->FontSetting,来设定需要导出的字体
我这里用微软雅黑。
Size可以设定字体大小,最好需要多大就设定多大,这里是32 Height可以设定字体的拉伸高度,保持默认100%就可以了



3. 选择菜单
Edit->Clear all chars in font 清空下字符
4. 选择菜单
Edit->Selecting text from file... 选择一个文件,里面包含你想生成字体的文字
生成一个*.Txt文本,里面包含你想要生成字体的文件,如下图



选中刚才创建的txt文件,如果有提示失败,请检查txt文件是不是unicode或者utf-8编码的文件以及字体是否包含文本内的字体

5.Option->ExportOptions来设定导出的样式等



这里解释一下几个重要的地方
Padding,文字的内边框,或者理解为文字的周边留空要多大 做后期样式时这个属性很重要,需要预留空间来给描边、发光等特效使用
比如我预计我的样式要加一个2px的边框,然后加一个右下角2px的投影效果,所以我设定了padding:2px 4px 4px 2px
BitDepth,必须32位,否则没有透明层
Presets,字体初始化的预设的颜色通道设定,也就是说字体的初始颜色设定是什么样的,建议都用白色字,可以直接设定为White
text with alpha,即白色字透明底。
Font descript,字体描述文件,可以使用text或者xml 也就是fnt文件格式
Textures,纹理图片格式,果断png。

6.option->Save bitmap font as...

导出成一个文理文件和一个描述文件,如果按照上面的配置,会有一个*.png和一个*.fnt
这是导出后的png图片,为了看得清楚,我选择了黑色加透明 具体颜色视你的应用情况而定



7.用photoshop处理导出的png文件 后期处理了 视自己的情况定,我这里就没有做处理
如果你在系统安装了一些艺术字体,然后现加上后期处理,你就可以创造出独特的字体!!!



7.用photoshop处理导出的png文件 后期处理了 视自己的情况定,我这里就没有做处理
如果你在系统安装了一些艺术字体,然后现加上后期处理,你就可以创造出独特的字体!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: