Make a Chalkboard Effect in Photoshop


It’s no secret that chalkboard anything is totally in style right now.

For this tutorial, you’ll need Photoshop or Photoshop Elements and some basic photoshop knowledge. Be sure to check out the downloadables I am including at the bottom of the post for both my chalkboard background and the texture overlay I am using.

If you don’t have Photoshop, don’t worry. You can still get an awesome chalk look! Head on over to my girl Kellie from Nest of Posies fabulous blog for an awesome tutorial and some wonderful font choices!

First off, open up a chalkboard background (or set a size image you’d like to make and place the chalkboard image as the background).

Next, pick a font (styles with a chalk look are easier, but any style font can be used with this method) and type out your text.

Next, you’ll add a textured overlay to your text. To do this, click “layer”, then “layer style” and “pattern overlay”. 

Choose the crumpled paper (download below), or a parchment styled look. Set the opacity to something very light- it will depend on your font, but you’ll generally want something that you can just see a little- under 30 usually does it.

Now we’re going to add a little noise to make the text look a little grainy. You’ll need to rasterize your layer (right click on it and chose “rasterize”- you will not be able to change the text anymore after this), and then click “Filter”, “Noise” and “add noise.

Again, this will depend on your individual font, but generally an amount under 30 will look best. I chose uniform distribution and did not choose monochromatic noise- but you can play around with all of the choices to see what you like best and what works the best for your font choices.

We’re now going to add a little more texture to the font to make it look more like individual brush (or chalk) strokes.

Pick an eraser brush that looks like dots, or even an eraser. You can download the one I am using here.

Set the eraser opacity to under 30% (yep- again- it’s a trend here), and swipe through your text in different places. Keep swiping until you get a texture you like. I will usually use the eraser more in some areas and less in others just so it looks hand done and not uniform.

Starting to like the way this looks? We’re almost there!

To finish it all up, I like to add some swipes to the background (like an eraser went over it) and even more texture on the font.

To do this, I set the paintbrush to white (or your chalk color), keep the spackled dots brush, and set the opacity to under 30%.

Swipe around the background, over letters- anywhere you want a little more texture. Reduce and increase the opacity and the brush size as you go for even more of a hand-done feel.

Now, the white swashes below are a little dramatic, but it is a good example of how you can use different brushes to add different looks to your “chalkboard”.

What would you want to make a chalkboard image of?

Choose the crumpled paper (download below), or a parchment styled look. Set  You can download the chalkboard background here: Download Chalkboard

And here is the texture overlay I am using. To set it as a pattern, open the file in photoshop and then click “Edit”, “Set as Pattern”. You’ll then see it in your dropdown pattern menu!

Download crumpled paper

 

CS5 users– try these other file extensions if the above doesn’t work– Download crumpled paper TIF or Download Crumpled paper PNG.

If you loved making chalk text, don’t miss my tutorial on making glitter text in Photoshop, here!

Comments

  1. Shandea says

    I’m trying this for the first time. I’m using photoshop elements and am lost at step 1. How do I open the jpeg as a background? please help.

  2. says

    Please don’t use the ‘Eraser’ Tool. Everyone should learn how to MASK. Erasing will destroy your pixels where Masking will simply hide. You can always UN-hide but you can not UN-Erase.

  3. kate says

    Love this tutorial so cute! I am using Elements and am having a hard time locating the layer, layer style, overlay. I go to layer and layer style but do not have the style overlay option. I am new to all of this and was wondering if you could help me out! :) Thanks!

    • says

      You can choose “Layer” and then “New Fill Layer” then make sure to check the box that says “use previous layer to create a clipping mask”. Hope that helps!

  4. says

    You are the best! You just saved me soooo much time today!!!! Seriously, I love you. :) My project turned out so cute. I’ll try to post it on my blog so you can see.

  5. Max Smart says

    Thank you. This was very helpful! Most appreciated. Awesome and exactly what our teams here wanted. I used it at the office and love your tutorial. You make teaching easy. I’m savvy with Photoshop. Your links were great. It’s all wonderful Huge thanks!!

  6. says

    Thanks for the tips! I’m loving digital chalkboards at the mo’.
    There are a gazillion effects to try in Photoshop, aren’t there? You really could go on and on and on!
    I also like using the smudge tool to make the text appear, well, smudged :)

  7. Ashton says

    I don’t seem to have a dots eraser tool and it does not appear in your article to download. Can someone respond and let me know a link to one. Thanks.

  8. Kristie says

    I just wanted to say THANK YOU for this! this is the closest I’ve come to finding something that works for a simple color image (a logo in 3-4 colors) that I wanted to convert to chalk. I’m a novice, but use PS a lot. But def not a true artist, so your tutorial helped a TON in my efforts to make a logo look chalky! THANKS!

  9. Kara says

    Thank you so much for taking the time to share this. I’m so grateful for wonderful people like you who impart their knowledge, creativity and talents on to the rest of us. Thank you again!

  10. says

    Thanks for sharing this tutorial! I am making a “love story” board for my sister’s wedding. I couldn’t get everything to work with my old PSE edition but I’m liking how it turned out.

  11. says

    This is a great tutorial! I was wanting some little extras to make the font really look like chalk and this did the trick! I had to do a work around on the pattern step because I use elements but it ended up with the same result! Thanks for the awsome tips!

  12. Jen Bee says

    This worked so awesomely!!! I am saved! client wanted a poster with a chalkboard. ooookaaaay. wasn’t sure how to accomplish that but this tutorial saved me! now i have a killer chalkboard. now i need a frame for it. hmmm….

  13. says

    Thank you! Is there any way to add a little color to the text once it is rasterized? After I apply the pattern overlay, my color disappears.

    • says

      Kari, I will do the pattern overlay first, then the color. That should help! Also try setting your text the color you want first, then rasterize and pattern overlay. Make sure to set the pattern’s opacity pretty low and the color should still peek through. You might want a slightly darker color to begin with.

  14. Andrea says

    thanks for this tutorial… I could not find a link to the brush you used. I think mine is not working because I don’t have the proper brush?

  15. says

    This is a great tut! Very simple to follow. I’m using CS6 the only issue I have is to add the crumpled paper as a pattern. I don’t seem to have the link “set as pattern” when I click on “edit”. Bit stumped there. But I am able to do everything else. Also I used the smudge tool at 30% strength and the 100 brush pattern (It looks like dots) and that works out like the eraser too. : )

    • Heather says

      For CS6, you should be able to go to “edit” then click “define pattern.” Name it and then click ok. After that, it should be under your pattern overlay options. Just be sure you click to see all of your overlay options, rather than just the default.

      • says

        Thanks Heather for adding that. I have wanted to give that tip, but I don’t have cs6 (or the funds to get it right now) so I havent been able to verify the solutions I have found.

  16. Karlee says

    I LOVE chalkboard art! I was just wondering were you downloaded the dotted eraser brush? Thanks for the tutorial :)

  17. says

    I just made my first chalkboard art and am thrilled with the results. Thanks so much for the tutorial! I had to make a few adjustments for PSE, but it was easy enough to figure out.

  18. Project Inspre says

    I use Paint Shop which is very similar to Photoshop and I had no idea you could do this. Thanks so much for the tip! Can’t wait to try it out. :)

  19. says

    Hi!

    I love this tutorial and would to try it but I am having some trouble. Do you select the text and then go to layer>>pattern overlay? I’m am not seeing this option. Any help would be greatly appreciated! Thank you for this tutorial! Sabrina

  20. sam says

    With your font Clementine Sketch, the “d” at the end of chalkboard is open, but there’s a way to close those. When you come to the end of a word, all you have to do is add a ^. Problem solved! That’s one of my favorite fonts, and that drove me crazy when I tried to use it until I realized the download came with a info file that I ignored. :)

  21. says

    Can you share how to get the “crumpled paper” into a pattern? Since its a jpeg file (i’m guessing that’s the problem since all other patter files are .pat files), my CS5 won’t allow it to be used as a pattern…?

  22. says

    just tried it out and LOVE it. I didn’t know how to add patterns to photoshop, I had no idea it was so simple. Learn a new trick every day:) I’m using it in an upcoming post….I’m going to feature your tute and make sure you get some more love for this fabulous trick:)

  23. says

    Thanks for the wonderful tutorial… it’s clear and very easy to understand. On my blog, I’ve been making these chalkboard blog “titles” – using a DIY mini chalkboard stand as background to Photoshop text – and they don’t look right… maybe now I can nail it :)

  24. says

    Thanks so much for the tutorial, I had a printable I was wanting to do this for, now I don’t have to figure it out for myself, hehe! Pinning and sharing!

Trackbacks

Leave a Reply