Anubis Theme
  • Articles
    • Comparisons
    • Others
  • Downloads
    • Actions
    • Brushes
    • Fonts
    • Gradients
    • Patterns
    • Textures
    • Wallpapers
  • Inspiration
    • Digital Art
    • Photography
    • Web Design
  • Tutorials
    • Design
    • Photo Effects
    • Text Effects
  • Contact

Photoshop Tutorial – Ornamental Text Effect

Posted by carol On September 1st, 2010 In Text Effects, Tutorials With 8 Comments

This effect uses a few free resources and Photoshop's blending options - as with most of my tutorials, feel free to play around with the settings - you may find something you prefer - if not, you can easily go back or just delete the relevant layer!

Ornamental Text Effect

Resources:

Occoluchi Outline Font from dafont.com

Starwalt Textured Florals Brushes from deviantart.com

Watercolour Background and Tainted Love Gradients – download here


Step 1

Create a new file using the following settings:

New File Settings

Select the Type tool, Occoluchi Outline font, size 400pt, foreground colour black

Type your required letter

Right click on the layer in the layers palette and click Rasterize Type

Rename the layer ‘outline’

Step 2

Erase the ornament from the letter using the Erase tool, Pen tool or your chosen method.

Select the Magic Wand tool and click inside the letter

Select>Modify>Expand – set to 2px, click OK

Create a new layer

Fill the selection with white

Drag the layer to beneath the original text layer

Rename the layer ‘fill’

Step 3

Double click on the fill layer in the layers palette to bring up the blending options and apply the following Gradient Overlay and Bevel & Emboss settings:

Text Gradient Overlay Settings

Text Bevel & Emboss Settings

Step 4

Double click on the outline layer in the layers palette to bring up the blending options and apply the following Gradient Overlay and Bevel & Emboss settings:

Outline Gradient Overlay Settings

Outline Bevel & Emboss Settings

Step 5

Create a new layer

Select the Brush tool, Textured Florals brushes, foreground colour white

Select the first brush in the set, set the size to 450px

Click once on the canvas

Double click on the layer in the layers palette to bring up the blending options and apply the following Gradient Overlay settings:

Ornament Gradient Overlay Settings

Rename the layer ‘gem’

Duplicate the layer

Step 6

With the gem copy layer active

Select the Ellipse Marquee tool, hold down the shift key to maintain the proportions and drag out a circle the size of the gem

Circular Selection

Hit the delete key – do not deselect

Make the gem layer active

Select>Inverse – hit the delete key

Ctrl + D to deselect

Step 7

Double click on the gem copy layer to bring up the blending options and apply the following Gradient Overlay settings:

Gem Gradient Overlay Settings

Step 8

Drag the outline layer to the top of the palette – your layer order should now be as shown below:

Layer Order

Step 9

Ctrl + Click on the thumbnail of the fill layer to select the pixels.

Make the gem copy layer active

Edit>Copy (Ctrl + C)

Hit the delete key

Edit>Paste (Ctrl + V)

Double click on this new layer in the layers palette to bring up the blending options and apply the following Color Overlay settings:

Color Overlay Settings

Step 10

Turn off the visibility of the background layer

Right click on any visible layer and click Merge Visible

Step 11

Open the Watercolour Texture image

Edit>Copy (Ctrl + C)

Make your project active

Make the background layer active

Edit>Paste (Ctrl + V)

Add a layer mask by clicking on the icon at the bottom of the layers palette

Select a soft round brush

Make sure the foreground colour is black

Mask out the gem.

The finished project:

Ornamental Text Effect

Here is another example, using 2 characters.

The '1' had the gradient overlay of the fill layer reversed.

Another floral ornament was applied, the same gradient added and it was rotated 180°, then a layer mask was added and parts of it were masked out.

The top part of the '1' was masked out to appear to be behind the 'G'.

The serif of the 'G' was masked out to appear to be behind the '1'.

Ornamental Text 2


I hope you enjoyed this tutorial, and most importantly that you learnt something from it.

Please leave any comments or suggestions below.

Related Posts

  • Textured Text Photoshop Tutorial
  • 20 Glossy, Glittery & Glowing Text Effect Tutorials
  • Photoshop Tutorial – Gory Text
  • Photoshop Tutorial – Decorated Text Effect
  • Photoshop Tutorial – Liquified Text Effect
  • Art Deco Text Effect Tutorial
  • Summer Holiday Text Effect Tutorial
  • Cut Out Embossed Text Photoshop Tutorial
  • Bronze Text on Granite Plaque Photoshop Tutorial
  • Photoshop’s Adjustment Layers – A Complete Guide

Share!

Enjoy the article so far? Recommend it to your friends.

  • Digg
  • Delicious
  • Stumble Upon
  • Facebook

Subscribe! (Free)

Subscribe and be the first to get our latest updates

  • RSS Feed
  • Twitter
  • Pingback: Tweets that mention Photoshop Tutorial - Ornamental Text Effect | Graphix1 -- Topsy.com

  • Enforcer

    Step 3 and 4 should be reversed. Now you get the orange outline. But in your example the outline is grey.
    For the rest: Awesome tutorial!

    • http://www.graphix1.co.uk/ carol

      In my design the outline IS grey - that was how it was supposed to be - but if you have created an orange outline and prefer it - that's great :)

  • http://www.freepornclp.com/ Worker

    Todo dinбmica y muy positiva! :)

    Worker

  • http://www.affhte.com/ Worker

    Hola,
    http://www.graphix1.co.uk - da mejor. Guardar va!
    Gracias

    Worker

  • http://www.prestonracette.com/ Preston Racette

    This is a very good post! Keep them comming!

  • Flowerliy1

    Great tutorial...thanks!

    On a different note, just to let you know that the link for the brushes "Textured Florals Brushes" is no longer valid. starwalt is not on deviantart any more. The brushes can how be found directly at starwalt.com. I am not sure exactly which of the two brushes you used but I am assuming is one of the ones in this page.... (http://www.starwalt.com/photoshop_stuff6.html). Hope this helps =)

    • Carol

      Thanks for the info, but your link also doesn't work :(

      Here is the correct link to the Textured Floral Brushes at the Starwalt site:
      http://www.starwalt.com/photoshop_stuff6.html

Subscribe to Email Updates

  • Recent Posts

    • 40+ Examples of Beautiful Foggy/Misty Scenes Photography
    • Photo to Watercolour Painting Action for Photoshop
    • Unrealistic Natural Cloud Formations
    • New Year Gradients for Photoshop
    • Stunning Snowy Scene Photography
    • Red Sunset PSD Colouring File
    • Beautiful Scenic Digital Paintings
    • Bright Christmas Texture – Free Download
    • Dark, Grainy Portrait PSD – Free Download
    • Photoshop Tutorial – Colouring Quick Tip
  • Categories

    • Articles
      • Comparisons
      • Others
    • Downloads
      • Actions
      • Brushes
      • Fonts
      • Gradients
      • Icons
      • Patterns
      • PSD Files
      • Textures
      • Wallpapers
    • Inspiration
      • Digital Art
      • Photography
      • Web Design
    • Tutorials
      • Design
      • Photo Effects
      • Text Effects
  • Favourite Sites

    • Church Printing
    • FreeBrushes
    • Graphic Clouds
    • Onextrapixel
    • Pixeldamnation
    • PSDArtist
    • RS Wallpapers
    • Wallpapers Maniac
  • 40+ Examples of Beautiful Foggy/Misty Scenes Photography http://t.co/5jzf7rIA 02:28:32 PM January 31, 2012
  • About Us:

    Graphix1 is owned and run by Carol Francis. G1 is a site dedicated to bringing inspiration to creative minds.
  • Archives

    • January 2012
    • December 2011
    • November 2011
    • October 2011
    • September 2011
    • August 2011
    • July 2011
    • June 2011
    • May 2011
    • April 2011
    • March 2011
    • February 2011
  • Categories

    • Articles
    • Downloads
    • Inspiration
    • Tutorials
  • Social

    Follow us on the social networks:

Copyright © 2011. All Right Reserved.