Profile Picture

Custom Sprite Fonts

Posted By JimmyB7 7 Years Ago
You don't have permission to rate!
Author
Message
JimmyB7
JimmyB7
Posted 7 Years Ago
View Quick Profile
Distinguished Member

Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)

Group: Forum Members
Last Active: 3 Years Ago
Posts: 198, Visits: 3.2K
How are custom sprite fonts created? I’ve tried different tools but without knowing the proper settings I just get gibberish. Here is the Diffuse image taken from the PopcornFX Learning Samples Custom Sprite Font.  I added the red background just for viewing purposes. I've tried ShoeBox at  and some other sprite font creators.  Any ideas would be greatly appreciated.



CyberpowerPC, 64 GB Ram, 64bit Windows 10 Pro, Intel Core i9-10980XE 18 Core CPU,  ASUS TUF X299 Mark 1 Motherboard, ROG-STRIX-RTX2080TI-O11G-GAMING graphics card, Toshiba 3TB hard drive, 3 x Seagate 3TB hard drives, RAGNAROK 801 Full Tower, LEPA G1600 1600W power supply, Killer WI-FI 6,  ASUS PA329Q 32" 4K/UHD IPS Monitor.
wires
wires
Posted 6 Years Ago
View Quick Profile
Distinguished Member

Distinguished Member (15.0K reputation)Distinguished Member (15.0K reputation)Distinguished Member (15.0K reputation)Distinguished Member (15.0K reputation)Distinguished Member (15.0K reputation)Distinguished Member (15.0K reputation)Distinguished Member (15.0K reputation)Distinguished Member (15.0K reputation)Distinguished Member (15.0K reputation)

Group: Forum Members
Last Active: 3 days ago
Posts: 5.7K, Visits: 26.4K
Grace provided a download link for several PopcornFX Sprite Templates in this post. The set contains both PSD files and PNG files.

Gerry



System: Win 10 Pro (21H2), Asus X99-E WS, CPU i7-5930K -3,5 GHz, 32 GB DDR4 2666-16 RAM, NVidia GTX 1080 Ti GPU - 11 GB VRAM(Driver Studio-536.99), Samsung 850 Pro 512 GB SSD, 6 TB HD storage.


JimmyB7
JimmyB7
Posted 6 Years Ago
View Quick Profile
Distinguished Member

Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)Distinguished Member (2.4K reputation)

Group: Forum Members
Last Active: 3 Years Ago
Posts: 198, Visits: 3.2K
Well this is what I have learned for what it’s worth.  None of the different sprite font software’s I tried work.  I did find a Photoshop template that PopcornFX recommends on their Wiki site called "TextAtlasTemplate.psd". If you have Photoshop it’s relatively simple to create a custom sprite font.
Some steps I discovered:
1.   Download the Photoshop TextAtlasTemplate (there are Text Kerning instructions on the Wiki site but I haven’t tried them yet)
2.   Set Photoshop Magnify glass to "Fit on Screen"
3.   Highlight everything in the Layers Panel
4.   Click "Text Tool" 
5.   Choose new font and be sure all characters change (many fonts only have letters and numbers, but no symbols)
6.   Regardless, you may not need symbols
7.   Note: If any part of a font character gets outside the template cell you may have to adjust its position or size
8.     Note: The capital letter “W” may need moved slightly to the left or other characters may be missing and need retyped into the cell 
9.   Uncheck black background on Layer’s panel
10.   Save as new PSD, and also save as new PNG
11.   Substitute any existing text PopcornFX particle Diffuse in iClone with the new PNG
12.   Note: Keeping the background checked has interesting effect too.
13.   Here is a great font site: DaFont.com
Please let me know if the instructions are helpful, or there is a better way of doing this. Below is a sample I made from the PopcornFX Text Atlas Template using a font called November. It's a PNG with white letters and transparent background.
P.S. Thanks wires, I saw your helpful post after I made this post




CyberpowerPC, 64 GB Ram, 64bit Windows 10 Pro, Intel Core i9-10980XE 18 Core CPU,  ASUS TUF X299 Mark 1 Motherboard, ROG-STRIX-RTX2080TI-O11G-GAMING graphics card, Toshiba 3TB hard drive, 3 x Seagate 3TB hard drives, RAGNAROK 801 Full Tower, LEPA G1600 1600W power supply, Killer WI-FI 6,  ASUS PA329Q 32" 4K/UHD IPS Monitor.
VirtualMedia
VirtualMedia
Posted 6 Years Ago
View Quick Profile
Distinguished Member

Distinguished Member (13.0K reputation)Distinguished Member (13.0K reputation)Distinguished Member (13.0K reputation)Distinguished Member (13.0K reputation)Distinguished Member (13.0K reputation)Distinguished Member (13.0K reputation)Distinguished Member (13.0K reputation)Distinguished Member (13.0K reputation)Distinguished Member (13.0K reputation)

Group: Forum Members
Last Active: Last Year
Posts: 557, Visits: 19.0K
Thanks for the info JimmyB7 this will be helpful..


Virtual Media® / VTV® / The Virtual Entertainment Network...
http://VTVLive.com
chrismattos
chrismattos
Posted 6 Years Ago
View Quick Profile
Distinguished Member

Distinguished Member (1.1K reputation)Distinguished Member (1.1K reputation)Distinguished Member (1.1K reputation)Distinguished Member (1.1K reputation)Distinguished Member (1.1K reputation)Distinguished Member (1.1K reputation)Distinguished Member (1.1K reputation)Distinguished Member (1.1K reputation)Distinguished Member (1.1K reputation)

Group: Forum Members
Last Active: Last Year
Posts: 17, Visits: 642
Thank you a lot!!!!!!!



Reading This Topic