bitmapfonts
Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
bitmapfonts [2015/01/30 16:36] – created alex_curran | bitmapfonts [2015/01/31 17:47] (current) – fixed headline levels splitbrain | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | **Bitmap Fonts** | + | ====== |
So you already have a huge library of True Type fonts ... so why would you use Bitmap fonts? | So you already have a huge library of True Type fonts ... so why would you use Bitmap fonts? | ||
- | Well for starters Bitmap fonts let you create Photoshop quality text effects ... //in Photoshop//?! | + | Well for starters Bitmap fonts let you create Photoshop quality text effects ... //in Photoshop//!! |
- | What's good with Bitmap Fonts : | + | {{:bmfont.png?200|}} |
- | - They render and update quicker on your watch as textures are pre-built | + | |
- | - You can use your favorite photo editor, e.g. Photoshop, GIMP, to create high quality effects: shadows, gradients, blur, etc | + | |
- | With Bitmap | + | ===== What's good about Bitmap |
+ | * 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 | ||
- | Depending on where you want to use Bitmap fonts on your watch, you should generate | + | ===== What is a Bitmap Font? ===== |
+ | * Made up of 2 files, e.g. Metal.fnt and Metal.png | ||
+ | * The .fnt file is the font definition which specifies supported | ||
+ | * The .png file is a spritesheet with all your characters - this can be edited in Photoshop | ||
+ | * See example files at the bottom | ||
- | How do I create | + | ===== How to build a Bitmap Font? ===== |
- | There are lots of libraries | + | |
+ | * [[http:// | ||
+ | * [[http:// | ||
+ | * [[http:// | ||
+ | ===== Tips ===== | ||
+ | * Aim for a png resolution of under 1000x1000 | ||
+ | * Remember watches can crash if you send textures that are too large | ||
+ | * Create text at the smallest size that will look good on your watch | ||
+ | * Don't generate characters you won't use, e.g. lowercase letters, punctuation, | ||
+ | |||
+ | ===== Using Bitmap fonts in WatchMaker ===== | ||
+ | * Copy both the .png and .fnt files to the folder BeautifulWatches/ | ||
+ | * Customize a watch | ||
+ | * Select a text layer | ||
+ | * 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.1422635801.txt.gz · Last modified: 2015/01/30 16:36 by alex_curran