fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Chalk Photoshop Effect

Tutorials Text Effects 47818 Views June 3rd, 2011

I know that there are several Photoshop tutorials on the internet about creating chalk effect. But nevertheless I want to create my own chalkboard with chalk text effect.

All the elements are made entirely from scratch, using vectors, layer mask and textures. I will not use one of the many chalk font sets available for free on the internet, I will try to create my own font instead. Nothing too complicated, so let's start!

Advertisment

Black Chalkboard

There are different types of chalkboard, the most common are black or green chalkboard. I choose black color. To start open a new PSD file, 600x600 px. Create a layer called Chalkboard. Fill it with color #1d1d1d. Duplicate this layer and call it Chalk Effect. You all know that no matter how much we try to clean the chalkboard, there are various chalk trails that still remain. I will try to recreate this effect.

Make sure that the Foreground Color is #1d1d1d and the Background Color is white. Go to Filter, Render Menu and pick Clouds.

Apply another filter to this layer, this time go to Blur, Motion Blur and make the following settings:

Sharpen, Smart Sharpen is the last filter applied to this layer. You can see the settings below. Remember that you can play with pther filters and effects to obtain the washed chalk effect. Simply reduce the opacity of Chalk Effect layer to 20%.

Chalkboard Frame

Draw a new shape with the Rectangle Tool, color #53390c. Call it Frame Layer. Make sure that the Vector Mask Thumbnail of the Frame Layer is selected. Choose again the Rectangle Tool and press Substract from Shape Area from the toolbar as shown in the image. Simply substract a rectangle inside the previous shape to create a frame. Do again with the Line Tool, 1 px size and substract also from the initial shape.

Open the Layer Style Window of this layer and add Outer Glow and Inner Glow with these settings.

This is how our chalkboard looks like so far.

Wood Texture

Create a new layer called Wood Texture and fill it with #8e651f. Make sure that the Foreground Color is #8e651f and the Background Color is #4c340a. As you probably know, some Photoshop filters like Fibers and Clouds work with the background/foreground colors so it is important that you don't forget to set them. There are other filters that work with shapes like Distort Filter(s) with Contrast like Sharpen Filter(s). So go to Render, Fibers Filter and set the variance and strenght.

Return to Frame Layer and press CTRL and click the Vector Mask Thumbnail. You will see that a selection was made. Return to Wood Texture Layer and press Add Layer Mask. We obtain the frame layer shape with wood texture.

Change the Blending Mode of Wood Texture Layer to Overlay, opacity 70%. Add Inner Glow to the Chalkboard Layer, blend mode normal, color black, choke 50% and size 100 px. This is the final result of the chalkboard with wooden frame.

Chalk Text Effect

There are lots of chalk font sets on the internet but I want to try to create my own chalk effect. For that I will use Carbon Block Font, size 180 pt. You can see all the settings in the image below. Call this layer Chalk Text 1.

Duplicate the Chalk Text 1 and call it Chalk Text 2. Change the opacity of Chalk Text 1 Layer to 60%. Now press SHIFT and move the Chalk Text 2 Layer to the left once.

Press CTRL and click the Thumbnail of the Chalk Text 2 Layer.

Go to Select, Modify, Expand Menu and choose Expand by 4px. Select Inverse from Select Menu. Go to Chalk Text 1 Layer and Add Layer Mask as we did in the previous steps. This is how your image should look like:

Change the opacity of the Chalk Text 1 Layer to 100% again. Duplicate the two layers. Hide the first two text layers and work with the duplicates. Change the Blending Mode of the two duplicates layers to Disolve 75%.

Select the two duplicates and convert to Smart Object. Go to Filter, Blur, Motion Blur and make the following settings:

Add another Filter, this time Smart Sharpen Filter. You can adjust to obtain a realistic chalk look. Below you can see my settings:

Change the opacity of the initial text layers to 35% and make them visible. You can add some simple chalk sticks and that is all, you can see our result for chalk Phooshop text effect and wooden frame chalkboard.

You can easily change the font family, the font color, the color of the Frame Layer, the color of the Chalkboard Layer making it green for example and you obtain a completly different result. I am working at different kinds of chalkboards to give them as freebies along with the PSD file of course. So stay tune!

8 comment(s) for "Chalk Photoshop Effect"

Raju Mishra
Raju Mishra
7:00 AM Saturday, June 04, 2011
Thanks to send me like this tutorial
As I am a learner of Photoshop So, Please be continue to send me like this article.
reply
Jessica
Jessica
7:00 AM Thursday, July 14, 2011
Thank you very much for this! This tutorial outbeats all the others in my opinion:) reply
PSDDude
7:00 AM Thursday, July 14, 2011
Thank you Jessica,
that is so nice of you to say that!!! reply
Jenny
Jenny
12:16 AM Friday, August 10, 2012
Thanks for the tute...it was awesome. Love when I'm able to learn something new. reply
Casey
Casey
10:08 PM Tuesday, August 21, 2012
Extremely helpful! Thanks so much!! reply
PSDDude
10:11 PM Tuesday, August 21, 2012
Thanks Casey, I am planning to make another chalk text effect soon and even create a Photoshop action to obtain a chalk effect with just 1 click :) reply
Steven
Steven
11:51 PM Wednesday, May 01, 2013
I'm kind of new to photoshop, but in the first part of creating the frame you say to have the Vector Mask selected. I'm having issues there. It doesn't allow me to have both the Vector Mask and subtract shape area. I can do one or the other, not both. Any ideas of what my problem might be? reply
PSDDude
1:16 AM Friday, May 03, 2013
Hi Steven,

if you are talking about this part :

"Make sure that the Vector Mask Thumbnail of the Frame Layer is selected. Choose again the Rectangle Tool and press Substract from Shape Area from the toolbar"

I mean that you click once on the Vector mask thumbnail just to make it active (not to make a selection) ... otherwise the Substract from Shape Area option will not be available.

reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
Learn how to make a spooky pumpkin 3D typography in Photoshop for the upcoming Halloween celebration...
Grab this amazing set of free Halloween web buttons perfect to decorate your website/blog for the up...
Today's giveaway is a great set of flat eCommerce icons perfect for online stores. These icons can b...
The Halloween is coming again and so I decided to create a nigh witch Photoshop manipulation. This p...

      Torn Photo Effect Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top