Dingbat Mask Frame Tutorial

Title Image - Framed Bridge over Water

Inspiration for this PSP7 Group May Challenge tutorial came from several mask images used in online tutorials by Haylers' Heavenly Creations and Rhiannnon's Mask Tutorials . Some of the decorations in the masks they use reminded me of dingbat font characters. This tutorial is based on my own creations from scratch using PSP7 and the dingfonts others created. You now have no excuse for not using fancy frames on your graphics.

You should be familiar with the various PSP7 tools mentioned in here. If you've never used the mask feature before, please consider trying my Masks and Frames tutorial first. It focuses on creating a mask and making a frame while this one focuses on creating the image used to make the mask.

--

The only thing other than PSP7 you must have to do this tutorial is a dingbat font. Please read this information first to make your tutorial time more productive and answer some of your questions about dingbat fonts.

--
A Few of the Colors with Hue & Saturation Values
  Frame created as .jpg Frame as inverted mask Frame as mask
plain jpg frame frame as inverted mask frame as mask
White = no show through
Black - full show through
Grays = controlled show through
Invert means the white and black properties are reversed
If I want to use the middle frame, I would erase the useless middle after I deleted the mask from the frame.

For those who had trouble with the first 5 steps, here is a set of files to get you ready for step 6. Download this file and unzip it. Choose one of the files to open and work on. One is portrait and the other is landscape. You will need to have your dingfonts ready.

  1. Open a new 600x400 transparent image with 16 million colors
  2. Add a new layer named Black. Flood Fill Jasc flood tool with black. Save save tool your work.

    Jasc color selector

  3. Add a new layer named White. Choose the preset shapes tool Jasc shape icon and choose Rectangle, width 1. Set foreground to black and background to white. Using the preset shapes tool, draw a rectangle from 50,50 to 550,350.

    Save your work.white rectangle centered in black rectangle

  4. Now, use the magic wand Jasc wand tool icon to select the area outside the rectangle. Flood fill the "frame" with white. You should see a thin black border around your rectangle. That's why we did it this way- to get the white border and that special black border too. Select none. Save Jasc save icon your work.

    inner black border

  5. Now, use your magic wand to select that center white rectangle you made in Step 3. Go to Selections -> Modify -> Contract and put a 1 in the Number of Pixels field and then click the OK button. Hit your delete key. We don't need it anymore and you'll see the nifty thin inner white line it left for us. Select none. Save your work.(Are you noticing a trend here yet?)

    inner white line

  6. Now, time to create the pretty stuff with your dingbat fonts. Add a new layer. I'm calling mine Outer Top. Using the text tool Jasc text tool - foreground set to dark gray 808080 and background null, add a dingfont character of your choice. Text line width set to 1. I'm using 'q' from Ornaments 4 in size18. Place the character and copy/paste as new selection to fill the area across there. Save your work.

    top added

  7. Duplicate Outer Top layer. Rename this layer Outer Bottom. Image Flip and Effect-Sharpen Sharpen. Select none. Save your work.

    bottom added

  8. Paste as new layer. Rename layer to Outer Left. Image->Rotate 90 Right. Effects->Sharpen->Sharpen. Duplicate layer. Select none. Save your work.

    left side added

  9. Rename layer to Outer right. Image -> Mirror. Effects->Sharpen->Sharpen. Select none. Save your work.

    outer layer

  10. Cleanup time. On the various outer layers select and remove the excess material. I'm leaving my outer corners empty to add another character later. Save your work.

    empty outer corners

  11. Create a new layer named Inner Top. Change your foreground to C0C0C0 and set background style to null. I chose the Ornaments 4 font 'u' in size 20. Text tool set to width 1. Type the character and then Image->Flip and Effects->Sharpen->Sharpen. Copy and paste as new selection to fill the horizontal area. Save your work.
  12. Duplicate Inner Top layer. Rename this layer Inner Bottom. Image Flip and Effect-Sharpen->Sharpen. Select none. Save your work.
  13. Duplicate layer. Rename layer to Inner Left. Image->Rotate 90 Right. Effects->Sharpen->Sharpen. Duplicate layer. Select none. Save your work.
  14. Rename layer to Inner right. Image -> Mirror. Effects->Sharpen->Sharpen. Select none. Save your work.
  15. Cleanup time. On the various inner layers, select and remove the excess material. Save your work.

    excess material removed

  16. Merge visible all the outer layers and rename merged layer Outer.
  17. Merge visible all the inner layers and rename merged layer Inner. Save your work.
  18. Adding Corners. Jasc text tool I'm using the Ornaments 4 'a' width 1; Foreground white; Background null; Size 36; Selection and Antialias checked. Add a new layer Corners above your Outer layer. Add the corner character to the upper left corner. Copy and paste this in the other 3 corners. (Note: This font comes with the same corner already rotated for you. Characters are 'a', 'b', 'c' and 'd'.) Remember to Effects->Sharpen->Sharpen after any mirror or flip you do. Select none. Save your work.

    my completed frame

  19. Select Jasc wand and hold down Shift key while selecting each of the corners. Go to the Outer layer while the selection is on. Erase large areas directly in the selections. The selection keeps us erasing in the lines and not wiping out our frame that will be visible. Select none. Save your work.
  20. Continue to embellish your frame as you wish. When you are done, save as a psp file. Make a Shift-D copy to merge all or part of the layers and make into a mask. Masks->New->From Image. And Save to disk [mask stretches to fit your graphic] or save to alpha channel [mask stays the same size].
  21. To use these, I make a Shift-D copy of my image to frame. Add a new layer. Add the mask. You can fill the mask with any color or pattern you want and then delete the mask. Then, I add any effects to that layer if desired using any filters in PSP7. You can add drop shadows too. You can even save these frames alone as grayscale .pfr files to colorize yourself later.
  22. By using copies of your original .psp file, you can create a variety of mask frames by controlling which layers are visible when you create a mask from image.
--

Take a look at some samples of my work.

--

Do not send the file as a .psp -- it eats lots of space and irritates people in addition to costing some members $$$ to view their email. We all thank you.

--

Valid CSS!   Valid HTML 4.01!