Search my world!
Trina Eliza Designs
  • Home
  • About
  • Designs
  • Photography
  • Fine Art
  • Contact
  • Blog

Tutorial: Create Stunning Chalkboard Effects!

7/6/2014

4 Comments

 
Picture
Chalkboards are everywhere! They are not only used in school, but in decor and design projects. In this tutorial, I'm going to teach you how to create a chalk-effect with just about any font.

A while ago, I was asked by Always Something Thrift Store to create a 'Secret Coupon' for them using a chalkboard effect. For this tutorial, I'm going to use some of the design elements from that project. 


Note: Click on any image to view in larger size.

Step 1

Picture
See Red Arrow 1: Select the Type Tool in the Tools Panel. See Red Arrow 2: Go to the top and select a font of your choosing. For this tutorial, I selected the font, Honey Script Semi Bold. See * Go to the Color Picker and select a color of your choosing. See Red Arrow 3: Make a copy of the layer with the text on it.  With the copied layer selected, right click the layer and select Rasterize Layer. Rasterizing the layer will enable you to edit it.

Step 2

Picture
See Red Arrow 1: Make sure to keep the copied layer selected. See Red Arrow 2: At the top, go to Filter>Stylize>Diffuse. 
See Red Arrow 3: A Dialogue Box will appear. Select Darken Only and hit OK.

Step 3: Optional Step

Picture
If you felt like the diffuse effect was a little too much, you can always tone it down by going to See Red Arrow 1: Edit>Fade.
* A Dialogue Box will appear and you  can move the slider to any number you want.

Step 4

Picture
Now our font has some texture to it, but it doesn't look realistic enough. I'm going to add some more texture using a picture of dust and scratches, When you find a similar picture, See Red Arrow 1: Go to File>Place Embedded or File>Place depending on which version of CS you are using.

Step 5

Picture
See Red Arrow 1: With the textured layer selected, go to Image>Adjustments>Invert. This will give the image a negative effect. 

Step 6

Picture
See Red Arrow 1: Hold the Shift Key down and select the textured layer and the secret coupon layer. With both layers selected, hold down the Alt Key and move your arrow to the center of the two layers. A black arrow and a white box symbol will appear. As you're holding the Alt Key down, select the two layers. 

The texture has been instantly applied to the text! As you can see here, it has made the text white. It looks great, but we still want that blue color. Continue to the last step!

Step 7

Picture
See Red Arrow 1: Only have the textured layer selected. See Red Arrow 2: Go to Opacity and move the slider down to 50%. 

Picture
I would love to hear from you. If you have any questions, please leave them in the comments section below. Thank you.
4 Comments

    Author

    Katrina Christoffersen 
    Graphic Designer

    Picture

    Archives

    December 2015
    November 2015
    October 2015
    September 2015
    August 2015
    June 2015
    December 2014
    November 2014
    September 2014
    July 2014
    June 2014
    November 2013
    October 2013
    September 2013

    Categories

    All
    Always Something Thrift Store
    Chalkboard Tutorial
    Fonts
    Fonts For Personal And Commercial Use
    Free-Arts Education Workshop Program
    Lil' Art Bodega
    Mount Baker Boy Scouts
    Photography
    Photoshop Tutorial
    Relax. Relate. Create
    Thrift Store Logo
    Trina Eliza Designs Logo
    Type:Rider
    Typography
    Washington Rental Owners Association

    RSS Feed

2012-2023 TrinaEliza.com