

Fontself automatically recognises the characters and applies the relevant keyboard identifier.įontself didn’t recognise the small collection of symbols in my character set, so these had to be set manually by entering the pressing the correct keyboard key.Ī more thorough professional-level Color Font would also contain punctuation glyphs and support multiple languages. The layers for 0-9 were selected and imported as numerals. Since my letters pack only features uppercase characters, I selected the relevant A-Z layers and imported them for both uppercase and lowercase.

Within the Fontself extension there’s buttons to automatically import A-Z characters, lowercase a-z character, numerals, or to import everything in one go and let the extension handle it. This is particularly important for characters with a descender, which would otherwise sit too high without the alignment to the guide.Ĭreating the actual font is easy. The alignment to the baseline was then set for each letter at a much higher zoom level. A guide helps set the baseline for the font.Īll the letters were roughly set in order first using the Selection tool and the crucial Auto Select Layer option in the top toolbar, so the graphics could be easily clicked and dragged. They just need to be laid out in a row, so the Canvas tool was used to provide a nice wide work area. Preparing the artwork for conversion into characters is easy. Resizing my document to 800px placed the letters in this recommended scale. The advised size for a Bitmap Color Font is in the region of 500-1000px, to balance between resolution and crash-inducing memory requirements. I already had all my letters from my vintage style marquee bulb sign pack saved as individual PNG file, so I used the Load Files Into Stack command in Adobe Photoshop to automatically layer them all into a single document.Įach letter was originally saved with a transparent background, which is a crucial requirement for Color Font usage. The Color Font technology solves this problem! After converting the letters into an OTF font file using Fontself, it’s now possible to work with these marquee letters like any other font, by quickly spelling out the words with your keyboard.
#Tutorials and the premium fonts photoshop full#
Because fonts (until now) could only contain a flat shape, those full colour marquee letters had to be saved as individual PNG images, or layers within a Photoshop document for the designer to then copy and place each character to spell out their desired words. Amongst my most popular downloads on Spoon Graphics are my sets of vintage style marquee bulb sign letter packs.
