In this Tutorial you will learn how to create a realistic Chalkboard using photoshop.

Preview:

Chalkboard Design.

Tutorial: Create a realistic chalkboard using photoshop

Step 1:

Let’s start out by creating a new file. I used a 600×400 pixels canvas set at 72dpi, and I filled my background with black color. Now make a new layer then draw a lighter brown rectangle with #451008 color shade and 346 x 179 px dimensions.

Tutorial: Create a realistic chalkboard using photoshop

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow, Satin and Pattern Overlay blending options to your lighter brown rectangle layer as below.

Tutorial: Create a realistic chalkboard using photoshop

Tutorial: Create a realistic chalkboard using photoshop

Tutorial: Create a realistic chalkboard using photoshop

Result:
Now you will have something like this.
Tutorial: Create a realistic chalkboard using photoshop

Step 3:

In a new layer draw a large dark rectangle with #0A0607 color shade and 328 x 163 px dimensions.

Tutorial: Create a realistic chalkboard using photoshop

Step 4:

Under Layer Style(Layer > Layer Style) add an Outer Glow, Inner Glow and Gradient Overlay blending options to your dark rectangle layer from step three.

Tutorial: Create a realistic chalkboard using photoshop

Tutorial: Create a realistic chalkboard using photoshop

Tutorial: Create a realistic chalkboard using photoshop

Result:
Now you have glass effect to your board
Tutorial: Create a realistic chalkboard using photoshop

Step 5:

Now create a new layer then draw a smaller black rectangle with 289 x 123 px dimensions on the center of the chalkboard design.

Tutorial: Create a realistic chalkboard using photoshop

Step 6:

Under Layer Style(Layer > Layer Style) add an Inner Glow and Pattern Overlay blending options to your smaller black rectangle layer. Then set the layer’s blending mode to Lighten at 93% opacity level.

Tutorial: Create a realistic chalkboard using photoshop

Tutorial: Create a realistic chalkboard using photoshop

Result:

Tutorial: Create a realistic chalkboard using photoshop

Step 7:

Create a new layer, with your rounded rectangle tool draw a small white rounded rectangle with 16 x 3 px dimensions just below the chalkboard design - this will be the chalk.

Tutorial: Create a realistic chalkboard using photoshop

Step 8:

Under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your small white rounded rectangle layer.

Tutorial: Create a realistic chalkboard using photoshop

Tutorial: Create a realistic chalkboard using photoshop

Result:
Tutorial: Create a realistic chalkboard using photoshop

Step 9:

Now if you want to add more chalk with different look just duplicate the first chalk design then use the eraser tool to make it unique.

Tutorial: Create a realistic chalkboard using photoshop

Step 10:

In a new text layer type your name or whatever text you want to add on the chalkboard.

Tutorial: Create a realistic chalkboard using photoshop

Step 11:

Under Layer Style(Layer > Layer Style) add an Inner Glow blending option to your text layer.

Tutorial: Create a realistic chalkboard using photoshop

Result:

Tutorial: Create a realistic chalkboard using photoshop

Results:

Here is the final result of Chalkboard Design.

Tutorial: Create a realistic chalkboard using photoshop