免費(fèi)的位圖字體制作工具Bitmap Font Generator使用教程
轉(zhuǎn)載請(qǐng)保留原地址 http://www.cocos2dres.com/post/87.html 謝謝!!
首先 下載安裝windows下免費(fèi)的位圖字體制作工具Bitmap Font Generator
下載地址 http://www.angelcode.com/products/bmfont/install_bmfont_1.13.exe
2 打開(kāi)軟件,選擇Opotion->FontSetting,來(lái)設(shè)定需要導(dǎo)出的字體
我這里用微軟雅黑。 Size可以設(shè)定字體大小,最好需要多大就設(shè)定多大,這里是32 Height可以設(shè)定字體的拉伸高度,保持默認(rèn)100%就可以了
3. 選擇菜單 Edit->Clear all chars in font 清空下字符
4. 選擇菜單 Edit->Selecting text from file... 選擇一個(gè)文件,里面包含你想生成字體的文字
生成一個(gè)*.Txt文本,里面包含你想要生成字體的文件,如下圖
選中剛才創(chuàng)建的txt文件,如果有提示失敗,請(qǐng)檢查txt文件是不是unicode或者utf-8編碼的文件以及字體是否包含文本內(nèi)的字體
5.Option->ExportOptions來(lái)設(shè)定導(dǎo)出的樣式等
這里解釋一下幾個(gè)重要的地方
Padding,文字的內(nèi)邊框,或者理解為文字的周邊留空要多大 做后期樣式時(shí)這個(gè)屬性很重要,需要預(yù)留空間來(lái)給描邊、發(fā)光等特效使用 比如我預(yù)計(jì)我的樣式要加一個(gè)2px的邊框,然后加一個(gè)右下角2px的投影效果,所以我設(shè)定了padding:2px 4px 4px 2px
BitDepth,必須32位,否則沒(méi)有透明層
Presets,字體初始化的預(yù)設(shè)的顏色通道設(shè)定,也就是說(shuō)字體的初始顏色設(shè)定是什么樣的,建議都用白色字,可以直接設(shè)定為White text with alpha,即白色字透明底。
Font descript,字體描述文件,可以使用text或者xml 也就是fnt文件格式
Textures,紋理圖片格式,果斷png。
6.option->Save bitmap font as...
導(dǎo)出成一個(gè)文理文件和一個(gè)描述文件,如果按照上面的配置,會(huì)有一個(gè)*.png和一個(gè)*.fnt
這是導(dǎo)出后的png圖片,為了看得清楚,我選擇了黑色加透明 具體顏色視你的應(yīng)用情況而定
7.用photoshop處理導(dǎo)出的png文件 后期處理了 視自己的情況定,我這里就沒(méi)有做處理
如果你在系統(tǒng)安裝了一些藝術(shù)字體,然后現(xiàn)加上后期處理,你就可以創(chuàng)造出獨(dú)特的字體!!!
posted on 2017-12-24 23:00 楊粼波 閱讀(6141) 評(píng)論(0) 編輯 收藏 引用