Ornamental Fonts - Calligraphic Frames

with 43 Comments

Ornamental Fonts.

They're free. They're fabulous. They're flexible.

I'd like to take a couple weeks to show you just HOW flexible they are!

I've got some simple ideas for using ornaments to dressy up your scrapbook page and get you thinking outside the box.

The focus of this tutorial will be on this free ornamental font: Calligraphic Frames Soft Two.

Simply copy and paste the name of the font into your browser and your search engine will reveal the different places it can be downloaded.

Tutorial:

For Adobe Photoshop Version click here.

Step One: Prepare Your Workspace

  • I'm going to start out with a 12x12 inch scrapbook page that already has one of my favorite backgrounds added to it. This is paper 10 from Joanne Brisebois's kit, Recollection. Recollection is a gorgeous kit with a bazillion possibilities. If you don't own it, you should!

  • I've also added the 4x6 inch photo mask from the same kit and clipped a photo of my beautiful niece, Isabelle, to it.

Not sure what a Clipping Mask is or how to use it? Check out these videos: What is a Clipping Mask? and How Do I Clip a Photo to a Photo Clipping Mask Layer?

  • I've already downloaded and installed the Calligraphic Frames Soft Two font. If you haven't done that, do it now.
    The image below is not a link to the font. It is just to show you what the font looks like. 🙂

  • Press the letter D to reset the Color Chips to the default of black & white.
  • Press the letter X to make white the Foreground Color Chip. In the next step, the Type tool will use the Foreground Color Chip to determine the color of the ornament.

Step Two: Add an Ornament Frame

  • In the Layers panel, click on the topmost layer to activate it.
  • Get the Horizontal Type tool.
  • In the Options Bar, open the Font Picker and choose the newly downloaded font - Calligraphic Frames Soft Two.
  • In the Options Bar, set the Font Size to around 900 pts for now. You can always go back and change that later.

When using an ornamental font such as this, each ornament (in this case, each frame) is represented by one character on your keyboard. Lowercase letters and uppercase letters often produce an entirely different result, depending on how many ornaments are included in the font you downloaded.

So how do you know which keyboard character represents the frame you are after?
Been there. Done that. Check out these tips for viewing dingbats (or ornaments):

View and Use Dingbat Fonts (Mac) OR View and Use Dingbat Fonts (Windows)

  • For the frame I am using, I typed a lowercase u.
  • Click on the check mark in the Options Bar to Commit the changes.

Step Three: Choose a Placement and Blending Mode

Different positions in the Layers panel along with different Blending Modes gives you many options to achieve the Oohs and Aahs you are looking for.

Here is my frame (ornament) when positioned at the top of the Layers panel and then again when positioned under all the mask layers.

In both images, the frame (ornament) has a Blending Mode of Overlay.

The final look is completely dependent upon your frame (ornament), photo, and background paper combination. So there is no right or wrong combo, you just have to play until the Oohs and Aahs start coming.

Step Four: Finishing It Up

When you are certain you have the right frame at the right size in the right color, you will want to Rasterize the Type layer (the ornament) so it will not get in the way of any other journaling or titles that you wish to add later. To do that:

  • In the Layers panel, activate the Type layer by clicking on it.
  • In the Menu Bar, choose Layer > Simplify Layer.
  • Take some good advice: Save (File > Save As) early and save often.
  • Let us see what you've created! Post your scrapbook page in the Digi Scrap Tutorial Gallery.

So that's one quick possibility for this set of frame ornaments. Would you like to see more? I'll keep them coming if there is interest. Simply leave me a comment and let me know.

Here is my finished scrapbook page of Isabelle, by the way. My love for her is never-ending!!

Credits:
Digi Scrap Tutorial: Jen White
Software: Adobe Photoshop Elements 10.0
Photo and Scrapbook Page: Jen White
Paper and Elements: Recollection, Joanne Brisebois
Fonts: Calligraphic Frames Soft Two, Ginette

Download a PDF version of this "Ornamental Fonts - Calligraphic Frames" tutorial.

Windows: Right click on the link and choose "Save Target As" or a similar command.
Mac: Click on the link to download the file.

Step One: Prepare Your Workspace

  • I'm going to start out with a 12x12 inch scrapbook page that already has one of my favorite backgrounds added to it. This is paper 10 from Joanne Brisebois's kit, Recollection. Recollection is a gorgeous kit with a bazillion possibilities. If you don't own it, you should!

  • I've also added the 4x6 inch photo mask from the same kit and clipped a photo of my beautiful niece, Isabelle, to it.

Not sure what a Clipping Mask is or how to use it? Check out these videos: What is a Clipping Mask? and How Do I Clip a Photo to a Photo Clipping Mask Layer?

  • I've already downloaded and installed the Calligraphic Frames Soft Two font. If you haven't done that, do it now.

  • Press the letter D to reset the Color Chips to the default of black & white.
  • Press the letter X to make white the Foreground Color Chip. In the next step, the Type tool will use the Foreground Color Chip to determine the color of the ornament.

Step Two: Add an Ornament Frame

  • In the Layers panel, click on the topmost layer to activate it.
  • Get the Horizontal Type tool.
  • In the Options Bar, open the Font Picker and choose the newly downloaded font - Calligraphic Frames Soft Two.
  • In the Options Bar, set the Font Size to around 900 pts for now. You can always go back and change that later.

When using an ornamental font such as this, each ornament (in this case, each frame) is represented by one character on your keyboard. Lowercase letters and uppercase letters often produce an entirely different result, depending on how many ornaments are included in the font you downloaded.

So how do you know which keyboard character represents the frame you are after?
Been there. Done that. Check out these tips for viewing dingbats (or ornaments):

View and Use Dingbat Fonts (Mac) OR View and Use Dingbat Fonts (Windows)

  • For the frame I am using, I typed a lowercase u.
  • Click on the check mark in the Options Bar to Commit the changes.

Step Three: Choose a Placement and Blending Mode

Different positions in the Layers panel along with different Blending Modes gives you many options to achieve the Oohs and Aahs you are looking for.

Here is my frame/ornament when positioned at the top of the Layers panel and then again when positioned under all the mask layers.

In both images, the frame (ornament) has a Blending Mode of Overlay.

The final look is completely dependent upon your frame/ornament, photo, and background paper combination. So there is no right combo, you just have to play until the Oohs and Aahs start coming.

Step Four: Finishing It Up

When you are certain you have the right frame at the right size in the right color, you will want to Rasterize the Type layer (the ornament) so it will not get in the way of any other journaling or titles that you wish to add later. To do that:

  • In the Layers panel, activate the Type layer by clicking on it.
  • In the Menu Bar, choose Layer > Rasterize > Type.
  • Take some good advice: Save (File > Save As) early and save often.
  • Let us see what you've created! Post your scrapbook page in the Digi Scrap Tutorial Gallery.

So that's one quick possibility for this set of frame ornaments. Would you like to see more? I'll keep them coming if there is interest. Simply leave me a comment and let me know.

Here is my finished scrapbook page of Isabelle, by the way. My love for her is never-ending!!

Credits:
Software: Photoshop CS5
Photo and Scrapbook Page: Jen White
Paper and Elements: Recollection, Joanne Brisebois
Fonts: Calligraphic Frames Soft Two, Ginette

Download a PDF version of this "Ornamental Fonts - Calligraphic Frames" tutorial.

Windows: Right click on the link and choose "Save Target As" or a similar command.
Mac: Click on the link to download the file.

43 Responses

  1. Dawn Thurston
    | Reply

    What a great tutorial, Jen. I can’t wait to try it out!!!

  2. Reni
    | Reply

    Oh, this is just yummy! Thank you, Jen.

  3. Cindy Borklund
    | Reply

    This is the kind of stuff I like. Thanks so much!

  4. Nannette
    | Reply

    I can think of lots of fun ways to use this wonderful tip… thank you

  5. Jenifer Juris
    | Reply

    This was fun! I tried to upload a copy of what I did but I can’t seem to save the file in a small enough size/format. (I’m VERY new to this so if there’s a tip on how to do this – that would be great.) Thx again!

    • Jen White
      | Reply

      I emailed Jenifer privately, but just in case someone else needs to know how to do this in a nutshell….
      In the Menu Bar, choose File > Save For Web. Change the Size to 600×600 pixels and adjust the Quality until the Kbs (kilobits) are lower than 125.

  6. Barbara
    | Reply

    Who knew? Thanks for sharing!

  7. Claudia
    | Reply

    Keep them coming! Love them…

  8. Phillis
    | Reply

    Love this, Jen! Can’t wait to try it out. Thanks and yes, please keep the tutorials coming.

  9. dimorr
    | Reply

    A great tutorial Jen, keep it coming 😀

    BTW, in Elements we don’t ‘rasterise’ do we? Isn’t it ‘Simplify’?

    • Jen White
      | Reply

      Thanks!! You are so right! Simplify away. 🙂

  10. Sarah
    | Reply

    1) Love the tutorial!
    2) Would love to learn more, so I say, keep ’em coming
    3) Love your sense of humor & directness! It always makes me smile. BTW, I loathe politics too!!!!!
    Thank you Jen!!!!

    • Jen White
      | Reply

      woot! you are welcome, Sarah!

  11. Charlotte
    | Reply

    Hi Jen, I absolutely love all your Elements tutorials!! Thanks for providing so many of them. I can’t wait to use these ornamental fonts. I would like to view the clipping videos but all I see when I click on them is a black square. Help??? Thanks!!

    • Jen White
      | Reply

      Hi Charlotte. I’ve checked the links and they seem to be working fine. Couple of possible issues…
      #1 The video will be loading and playing in your browser. You have to connected to the internet and you might need to just give it time to load. For me it all happens in about 5 seconds – but my internet is running pretty ‘quick’… today. 🙂
      #2 You might want to check to see if your browser is up to date or even try a different browser. Browsers can be as stuck up as a cat! One day they love you, the next day they are completely contrary! 🙂

  12. chris wilson
    | Reply

    wow Jen you never cease to amaze me, makes me wonder what other mysteries we will discover in the next few weeks. Many thanks

  13. Gloria
    | Reply

    Beautiful. I can’t wait for more of these tips.

    Thank you so much.

  14. Mandy Gee
    | Reply

    I just love ALL of your tutorials ! I print them out and then show a group of nine 70 to 80 year olds how to do that one, they love it because your instructions are so clear and precise and they “Get It” ! You are amazing ! Please keep them coming !

    • Jo
      | Reply

      Ditto . . . I also copy and show these clear and easy to read tutorials to other ‘grey nomads’ I’m travelling with. They appreciate and love them. Thanks heaps.

  15. Linda Burnette
    | Reply

    Jen, the download button for the fonts does not work. Thanks for advising what the problem might be.

    Linda

    • Jen White
      | Reply

      Hi Linda. I’m sorry for the confusion. The image of the font in this tutorial is not a link. We don’t typically offer download links to other sites because webpages change so frequently.
      To download the font, you will have to search for it on your own. 🙂

  16. Lu Ann
    | Reply

    SQUEEEEE! Love this tutorial! Actually, I have lovee all of your tutorials that I’ve read because they are creative and beautiful and you explain them well, but this one? Combining blending and fonts, oh fontalicious fonts, its magical! Thanks and, yes, please do more! Thank you!

    • Linda Laney
      | Reply

      This was my very 1st attempt at any tutorial. I think I did okay. I even got the new font installed, which wasn`t easy in Windows 7. I didn`t understand blending modes? You seemed so ecstatic and I want that too. Thanks, Linda

      • Jen White
        | Reply

        Welcome aboard, Linda! I hope to see you around galleries! 🙂
        Blending Modes are actually very complicated and somewhat unpredictable – but to gain a basic understanding, think of a color wheel.
        if you mix red and blue together, you get purple. if you mix yellow and blue together, you get green. the result is entirely dependent on what colors you start with.
        blending modes react very similar to that. they take two colors (pixels) and mix them together in different ways. so the red mixed with the blue is not always purple.

  17. Barb
    | Reply

    OH yes! keep them coming, Jen! I love fonts!! Also, I use your tip for viewing dingbats all the time – I have the Character Map on my Taskbar.

  18. Claudia
    | Reply

    Jen,
    By the way…would love to see your handwriting in a font…it is great!

  19. Tiffany
    | Reply

    I love these tips and I save each one as a PDF to refer to later in case I forget the steps.

    Thank you so much. Keep these coming!
    Tiffany

  20. Carla Jo Peterson
    | Reply

    Much to my surprise, I found it! I am enjoying your lessons. Thanks!

  21. Joyce
    | Reply

    Thank you . Love the tutorials .Thanks for sharing and teaching so generously.

  22. Carol Priebe
    | Reply

    Love your tip very easy to follow. Please keep this coming.

  23. Barbara VanNoy
    | Reply

    Jen, Thanks for the wonderful tip. I downloaded the font, but it is just a PDF and will not install in my font file. I’m new to downloading fonts. What’s wrong?

    • Jen White
      | Reply

      Hi Barbara. I’m sorry you are having problems. I’ve downloaded the font from three of the top font shops. I’m not getting a PDF in any of the downloads. The font does download as a zipped file, so you do need to unzip it. [HERE] is a link for you to download the font. Try this and see if it helps. Let me know how it works out for you. 🙂

  24. May
    | Reply

    Hi Jen, seem to be lost again, got to step four went to the menu bar, selected layer – can’t find Rasterize – just have type. Have I done something wrong prior to this step, or am I looking in the wrong place?

    • Jen White
      | Reply

      Hi May. That’s my fault. Sorry. It should say Layer > Simplify Layer instead of Rasterize Layer. Rasterize is for Photoshop users! Every now and again, I forget to change it. Sorry about that. I’ve changed it on the web copy, but the PDF will be wrong.

      • May
        | Reply

        Thanks Jen, I feel better, I completed my practice !

  25. Janytime
    | Reply

    Thanks, Jen, for another great tutorial. They are always so interesting, and we can never stop learning. Yes! Yes! Keep them coming!!

  26. miniloudon
    | Reply

    This is exactly what I have been looking for. It really softens the edge of the photo.

  27. Cecilia
    | Reply

    Always love your tutorials. I like to use fonts as ornaments. Please keep them coming. Thank you.

  28. Vivian
    | Reply

    Great tutorial. Yes, please keep them coming. Who knew dingbats could be such a good thing?

  29. Kelsey
    | Reply

    Thanks, Jen! What a great tutorial! I am going to go download that font as soon as I get home – and I’m going to look for that “recollection” kit too – beautiful! Keep these coming! 🙂

  30. Deborah Blodgett-West
    | Reply

    Thanks for a great tutorial! You’re my favorite “tutor”. Your instructions are always clear and understandable. Not to mention, your photo is sooo cute!

    • Jen White
      | Reply

      Thanks for your kind words, Deborah!

  31. 4grand
    | Reply

    Thanks Jen – great tutorial…and thanks for linking to the tut about finding the Character Map. It is now on my taskbar -going to love having it there. So often I’ve given up on the ‘dingbats’ because it was taking too long to find what I wanted !!!!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.