bitmapfonts
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
bitmapfonts [2015/01/30 16:59] – alex_curran | bitmapfonts [2015/01/30 20:37] – [How to build a Bitmap Font?] alex_curran | ||
---|---|---|---|
Line 6: | Line 6: | ||
{{: | {{: | ||
- | ====What' | + | ====What' |
- | * They render and update quicker on your watch as textures are pre-built | + | * They render and update quicker on your watch! |
* You can use your favorite photo editor, e.g. Photoshop, GIMP, to create high quality effects: shadows, gradients, blur, etc | * You can use your favorite photo editor, e.g. Photoshop, GIMP, to create high quality effects: shadows, gradients, blur, etc | ||
Line 14: | Line 14: | ||
* The .fnt file is the font definition which specifies supported characters, e.g. A-Z, and the size of each character in the spritesheet | * The .fnt file is the font definition which specifies supported characters, e.g. A-Z, and the size of each character in the spritesheet | ||
* The .png file is a spritesheet with all your characters - this can be edited in Photoshop | * The .png file is a spritesheet with all your characters - this can be edited in Photoshop | ||
+ | * See example files at the bottom | ||
====How to build a Bitmap Font?==== | ====How to build a Bitmap Font?==== | ||
* There are apps for PC, Mac and web that will help : | * There are apps for PC, Mac and web that will help : | ||
- | * [[http:// | + | * [[http:// |
* [[http:// | * [[http:// | ||
* [[http:// | * [[http:// | ||
Line 28: | Line 29: | ||
====Using Bitmap fonts in WatchMaker==== | ====Using Bitmap fonts in WatchMaker==== | ||
- | * Copy the .png and .fnt files to BeautifulWatches/ | + | * Copy both the .png and .fnt files to the folder |
* Customize a watch | * Customize a watch | ||
* Select a text layer | * Select a text layer | ||
* Select Font -> Bitmap Font and you should see your new font! | * Select Font -> Bitmap Font and you should see your new font! | ||
+ | |||
+ | ====Example Bitmap Font==== | ||
+ | * You can play with this metal font, e.g. change the png file and save to WatchMaker : | ||
+ | * [[http:// | ||
+ | * Metal.png: | ||
+ | * {{: |
bitmapfonts.txt · Last modified: 2015/01/31 17:47 by splitbrain