One Cuckoo Short of a Nest Quick Links

News PoliticsReviews IT On A Friday Cabinet Unpacked
Showing posts with label Graphic Design. Show all posts
Showing posts with label Graphic Design. Show all posts

Friday, November 20, 2009

How To: Easily Create a Font for Free

Digg this

Fonts. You’re looking at one now. Look around your screen and chances are you will find at least one more, but have you ever wanted something different? Something unique to you? Well, what could be more unique than your very own, home made font!

To make a good font easily, you need two free programs:

  • Inkscape
    This is a cross-platform vector image editor (that is, images that can be resized without pixilation) that can export in the SVG format. Other similar programs may also work.
  • FontForge
    This is a cross-platform font creator. It is native to Linux, however there are ports (versions) which work well on Windows.

Once you have downloaded and installed these two applications, you can begin.

  1. Firstly, you need to get creative in Inkscape and create your font. Shapes can be created with the pen tool and the circle, square and polygon tools. Other tools may not export to FontForge well if at all. If you want your glyph (your individual font image) to have a Exclusion in Inkscapetransparent section within an opaque area, create the inner shape over the outer shape, select both and navigate to “Path>Exclusion”. This will make the middle transparent. 
  2. Save each glyph as a separate SVG file under an appropriate name.
  3. Font Forge 1Open font forge and at the “Open Font” menu,  select “New”. You will be presented with a table of empty glyph positions.
  4. Double-click on the glyph you wish to insert your image into.
  5. A rather daunting screen will appear (if the grid one wasn’t already scary enough!), but it is easier to use than it looks. Import in FontForgeIf you want to create your glyph from scratch with the FontForge toolbox (this is NOT what is being explored in this tutorial) you can do so now. However, as we have already created the glyph in Inkscape, simply select “File>Import”, choose “SVG” from the “Format” drop-down and navigate to and select the file made in Inkscape.
  6. Now we need to resize the imported image. Click and drag a box around the Just Importedglyph with the “Pointer” tool. Now either move the body of the image to the first bottom line in the guideline from the centre, or click “Scale the Selection” from the Toolbox (7th button down on the left) and resize it to the size you want it to be. Holding down the Shift key on the keyboard will help to keep the image in shape. At the end, the body of the glyph should line up with the first line, with any tail overlapping toward the second line. This second line should not be passed.
  7. Now you can adjust any point (or points) in the glyph that you are not happy with. Using the “Pointer” tool, select the nodes in the glyph and move or adjust them as you feel fit.
  8. Now the glyph needs to be finished by adjusting theR+L Margins margin between the edge of the glyph and the right and left sides of the bounding box. Usually an equal distance on each side works well. Simply select the whole glyph (as we did before) and nudge it left or right using the corresponding keys on the keyboard until the left margin is as large as you want it to be. Deselect the glyph and then drag the bounding box line on the right to be roughly the same as that on the left.
  9. Repeat for each glyph. Not all glyphs need to be filled, however it is recommended that most letters and numbers are created.
  10. When you have completed your font, on the grid screen select "Element>Font Info”. Here you set your font’s name. It’s acceptable to enter the same name in each of these, just make sure it is one that is unique to the font to avoid conflicts.Font Information
  11. Export the font! To do this, select “File>Generate Generate FontsFonts”. Select “True Type” from the first drop down menu and, if you choose to, select “upload it to the Open Font Library”. If you decide to upload your font to this resource, make sure you read the licensing requirements of this service as it makes your font open source. Click “Save” and accept the error dialogues and your font should work fine.
  12. There isn’t one! You have finally finished! A long process but well worth it.

Also see: How To: Install Fonts in Windows and Ubuntu

OCSN

Thursday, January 15, 2009

Windows 7 Beta 1 in depth: Paint V6.1

Digg this

Windows 7 marks the first major change in Window’s built-in image editor, Microsoft Paint (Of Paintbrush in Windows 3.x), since the program was first bundled in Windows V1.

The new version of the program features shape tools with stroke settings, new brushes, cropping and the ability to scan and e-Mail pictures. Paint 6.1 also features gridlines and rulers and sports the ‘ribbon’ interface introduced in the Office 2007 system. Thumbnail and full screen view are now easily accessible in the ‘Views’ tab.

Paint 6.1 saves files in the .PNG file format by default and can save in the usual JPG, BMP and GIF files and can quickly set the image as the desktop background with display settings.

Right-clicking on the image now brings up an improved menu of shortcuts.

Screen shots:

PAINT Paint1 PaintFly-out

Most Popular This Week on OCSN

Save the net from censorship!



Counter