How To Use A Dingbat Font

This Tutorial was written in January of 2010. Please do not remove this tutorial from Ladyhawwk Designs in any way. This tutorial is copyrighted to Ladyhawwk Designs.

How To Use A Dingbat Font

**Note** This tutorial was written to help teach you how to paint a Dingbat Font.  This is not necessarily the ONLY way but it is the way I do it.  There may be easier or more preferable ways of doing it but if you don't know how, this may be a good starting point for you. 

For this tutorial you will need

A Dingbat Font of your choice.  If you don't have any then you can go to google and search "Free Dingbat Fonts"  and download whatever dingbat fonts that you like.
For this tutorial I am using "Lots Of Frames" dingbat font which you can download at HERE

Let's Begin

1.  Open up the "Lots of Frames" font and minimize. 
Whenever you open a font and minimize it, PSP will show that font when you go to look for it.  I never install any fonts in my fonts folder in my control panel.  Instead when it comes time to use a font of my choice I go to my fonts folder which I store all my fonts in, in "My Documents".  Doing it this way won't slow down your PSP program when you try to use your fonts.

2. Open a new canvas 600 x 600 transparent background.  We will crop it later but this gives you a nice big workspace to work with.

3.  With your text tool arrow down and find your font "Lot's of Frames", set the size to 155 and in your Background and Fill Properties on your layer palette choose a color of your choice. I used the color #ff00ffType in the letter "u" in lower case.
**Tip** Some dingbat fonts will only show the image in either upper or lower case.  You may have to play with some to find out which.  In this case Lots Of Frames Font uses lower case alphabet

4.  Centre it on your canvas by going to "Objects",  "Align", "Center In Canvas"

5.  On you layer palette right click and "convert to raster layer"

6. Select your Magic wand tool and use the following settings (see print screen below)
Mode - Add shift, Match Mode - RBG Value, Tolerance - 32, Contiguous - checked, anti alias checked, inside Feather - 0


7. Start Clicking inside some of the circles on your frame that you'd like to fill in with color.  In my case I clicked inside the top left large circle and the bottom right  large circle.  You should see running ants around the inside of the circles.
(see my print screen below)

8.  Go to "Selections",  "Modify",  "Expand" and choose "2" for the number of pixels.
(see my print screen below if you're having trouble finding where to do this)

9.  You're going to add a new layer by going to "Layers",  "New Raster Layer".  On your layer palette move this layer BELOW your frame layer.

10.  With your flood fill tool flood fill the circles on the layer you just added with a color of your choice.  I chose color #00ff00.  "Selections", "Select None".
(see print screen below for what i have now.  Also take note of the layer palette and my order in how I have the layers)

11.  On your layer palette click on your original frame layer to activate it.  It's VERY important that you always activate this layer before you use your magic wand tool to select your circles.

12.  REPEAT STEPS 6 - 11 choosing different circles.  In my case I then chose the large right side circle and bottom left side circle and used color #ffff00.  See my print screen below and note again the order of my layers.  You'll now see my yellow circle layer BELOW the original frame layer. 

13.  REPEAT STEPS 6 - 11 choosing different circles.  In my case I then chose the two circles on either side of each large circle. and used color #0000ff.  See my print screen below and note again the order of my layers.  You'll now see my blue circle layer BELOW the original frame layer.

14.  Now continue adding whatever colors you'd like to the remaining circles in the frame by following the same steps (Steps 6 - 11). You can see my finished coloring of circles in the print screen below.

15. REPEAT STEPS 6 - 11  to add a background color to the inside circular frame
(see my print screen below for what I did)

16.  Now that you have painted all the areas that you'd like you can play around with all those different layers.  For example you can add textures etc to them.  The nice thing about this is they are all on different layers so you can vary the different looks of the circles OR you can just leave them as is.

I'll give you an example of what I did.  The large interior circle of the frame I added a texture to it by clicking on that layer to make it active and went to "Effects",  "Texture Effects",  "Blinds".  Check my print screens below for the settings I used then the result if you're having trouble finding where to do this.

17.  Another great area to add different texture effects is to go to "Effects",  "Texture Effects",  "Texture"  Arrow down in the "Texture" box and you'll then see many different textures you can play around.   Click on your different layers and give it a try and see what you can come up with. 
(you can see my print screens below for where to find the Texture effects)

18.  After you have finished with adding any textures you'd like (or not) right click on any layer on your layer palette and "merge visible"

19.  With your magic wand tool click outside of your frame anywhere on your canvas, then "Selections",  "invert". 

20.  "Image", "Crop To Selection"

21.  Save as a jpg  and you're ALL DONE

This is the basics on how to paint a dingbat font.  You can also use the same methods and instead of using the flood fill tool you can use your paint brush tool. 

You can see below some other dingbat fonts I painted using the same methods.

I used the dingbat font "Designer Mix" for the result below.

I used the dingbat font "Face It" for the result below.

I hope you have enjoyed this tutorial

I always love to see the results of any tutorial people do. Click on my "contact me" on my website and send me an email. I also have a "tutorial results" page and love to post anyone's tutorial results.

Ladyhawwk Designs