Navigate to your saved font file and Install it on your machine. When you're satisfied with your font, hit Export in the Fontself Maker panel, give it a unique name, and hit OK. You can also move around any letterform or punctuation character as you see fit. While that works for most of them, characters with descenders, like lowercase j, g, y, p, and q, can all be dragged below the baseline manually within the panel.
Step 4īut wait, there's more! All of my glyphs are currently floating above the baseline. Below are two examples of spacing within the font I made. Will your letters butt against each other or have a large amount of space around each character? It's entirely up to you. Play around with this spacing as you see fit. Right below this preview are two buttons that control the spacing between letters. You can check out your font in action in the Live Preview section of the Fontself Maker panel. Notice in the image below how without my selected lowercase j being grouped, it was missing its dot. For characters that have more than one object, make sure they're Grouped (Control-G) together so they remain a part of the glyph. One by one, add all of your glyphs to your font. Simply select each object, type the letter or character you want it to represent, and hit Create Glyph in the Fontself Maker panel. Since we've already prepared our character set in the previous tutorial, you can simply open your Adobe Illustrator document that has your original vector objects if it's not open already, and we can begin adding glyphs to our font. This panel allows us to create a simple font without leaving Adobe Illustrator.
Under Windows > Extensions, you'll be able to open the Fontself Maker panel. Once you see the message below, restart Adobe Illustrator and your extension will have been installed. My instructions involved going to File > Script > Other Scripts in order to load the script.
Once you've purchased and downloaded it, you'll find a zip folder with instructions for installation.
If you're working with Fontself, you'll need to install the script. Check out the market's font category for inspiration for your personal designs. This tutorial should easily prepare you to create simple and fun fonts that can be sold as digital assets on Envato Market. The first will use Fontself, a paid Adobe Illustrator extension, and the second will use FontForge, an open-source font-creation program. In this tutorial we'll explore two fantastic methods of creating a custom font with our vector letterforms. Check out part one if you haven't already! We've planned out our letter set, gone over ways to refine the font design, and prepared files for use in a font-making program, all from the comfort of Adobe Illustrator. So I’m not too worried about that any longer.If you're a designer or illustrator who's more comfortable creating glyphs in Adobe Illustrator, this tutorial is right up your alley! This tutorial is part two of two.
The spacing problems I had might be caused by my text editor. (Just ignore the j for now, I’ll export special version for you) And I’m unsure about the y since it looks different on different screens. 4 lost a pixel to look less similar to Y. I was also pointed out that A was quite similar with the R, so that was changed. Since the stretching turned the p identical to the P, I had to adjust that. So when I get more into fonts, I can fix your j as an exercise then.Īnyway. Fortunately, I found out that besides FontForge and ShoeBox, there’s such great solutions like Glyphr, Fonstruct and BirdFont, that give bit more options than BitFontMaker2. I would have to adjust that manually in order the j not to be so lonely. The font thinks they have 1 pixel space yet visually there’s mostly 2. Here’s an illustration what I mean by it. So, while the compact version stays, I can still export version with the j you want for you. I’ll admit that your (the original) j looks better than this compact one though. The j was squeezed together since it visibly goes below the base line and shouldn’t get confused with the i. I think the font lost over 1/3 of its width compared to the original draft, before I posted here anything.