免费的位图字体制作工具Bitmap Font Generator使用教程
2013-04-09 11:56
411 查看
转载请保留原地址 http://www.cocos2dres.com/post/87.html 谢谢!!
首先 下载安装windows下免费的位图字体制作工具Bitmap Font Generator
下载地址 http://www.angelcode.com/products/bmfont/install_bmfont_1.13.exe
2 打开软件,选择Opotion->FontSetting,来设定需要导出的字体
我这里用微软雅黑。
Size可以设定字体大小,最好需要多大就设定多大,这里是32
Height可以设定字体的拉伸高度,保持默认100%就可以了
![](http://img.my.csdn.net/uploads/201304/09/1365478860_5253.png)
3. 选择菜单 Edit->Clear all chars in font 清空下字符
4. 选择菜单 Edit->Selecting text from file... 选择一个文件,里面包含你想生成字体的文字
生成一个*.Txt文本,里面包含你想要生成字体的文件,如下图
![](http://img.my.csdn.net/uploads/201304/09/1365479395_3216.png)
选中刚才创建的txt文件,如果有提示失败,请检查txt文件是不是unicode或者utf-8编码的文件以及字体是否包含文本内的字体
5.Option->ExportOptions来设定导出的样式等
![](http://img.my.csdn.net/uploads/201304/09/1365479535_1050.png)
这里解释一下几个重要的地方
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图片,为了看得清楚,我选择了黑色加透明 具体颜色视你的应用情况而定
![](http://img.my.csdn.net/uploads/201304/09/1365479900_5722.png)
7.用photoshop处理导出的png文件 后期处理了 视自己的情况定,我这里就没有做处理
如果你在系统安装了一些艺术字体,然后现加上后期处理,你就可以创造出独特的字体!!!
首先 下载安装windows下免费的位图字体制作工具Bitmap Font Generator
下载地址 http://www.angelcode.com/products/bmfont/install_bmfont_1.13.exe
2 打开软件,选择Opotion->FontSetting,来设定需要导出的字体
我这里用微软雅黑。
Size可以设定字体大小,最好需要多大就设定多大,这里是32
Height可以设定字体的拉伸高度,保持默认100%就可以了
![](http://img.my.csdn.net/uploads/201304/09/1365478860_5253.png)
3. 选择菜单 Edit->Clear all chars in font 清空下字符
4. 选择菜单 Edit->Selecting text from file... 选择一个文件,里面包含你想生成字体的文字
生成一个*.Txt文本,里面包含你想要生成字体的文件,如下图
![](http://img.my.csdn.net/uploads/201304/09/1365479395_3216.png)
选中刚才创建的txt文件,如果有提示失败,请检查txt文件是不是unicode或者utf-8编码的文件以及字体是否包含文本内的字体
5.Option->ExportOptions来设定导出的样式等
![](http://img.my.csdn.net/uploads/201304/09/1365479535_1050.png)
这里解释一下几个重要的地方
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图片,为了看得清楚,我选择了黑色加透明 具体颜色视你的应用情况而定
![](http://img.my.csdn.net/uploads/201304/09/1365479900_5722.png)
7.用photoshop处理导出的png文件 后期处理了 视自己的情况定,我这里就没有做处理
如果你在系统安装了一些艺术字体,然后现加上后期处理,你就可以创造出独特的字体!!!
相关文章推荐
- 免费的位图字体制作工具Bitmap Font Generator使用教程
- 免费的位图字体制作工具Bitmap Font Generator使用教程
- Bitmap Font generator位图字体工具 使用
- Cocos2d-x初入学堂(6)-->Bitmap Font generator位图字体工具
- Cocos2d-x学习笔记之Bitmap Font generator位图字体工具
- Cocos2d-x Bitmap Font generator位图字体工具
- Bitmap Font generator位图字体工具
- 位图字体生成工具Bitmap Font Generator的使用
- cocos2d-x位图字体生成工具bmfont使用图文教程 美术字使用
- cocos2d-x位图字体生成工具Bitmap Font Generator的使用(内含命令行)
- cocos2d-x 使用位图工具制作 fnt字体
- 位图字体生成工具Bitmap Font Generator的使用
- Unity3D-使用Bitmap Font Generator自定义字体
- [Tools]位图字体生成工具Bitmap Font Generator的使用
- FNT制作工具 cocos2d-x 使用位图工具BMFont自定义字体FNT
- cocos2dx位图字体bitmapfont使用
- Unity3D-使用Bitmap Font Generator自定义字体
- 免费网页抓包工具,火狐插件FireBug的抓包使用教程
- 使用SfntTool制作字体剪辑工具4 - 在C#环境下转码
- 电子相册制作工具memoriesontv4使用教程