PSDRockstar.com

Add to Technorati Favorites  Delicious

Write for PSDRockstar.com

Posted by Joe on Tuesday, August 4th, 2009

Are you a photoshop guru? Writing tutorials can be quite a challenge, and PSDRockstar.com is always on the lookout for talented photoshoppers

continue reading

Download 30 sets of free Social Bookmarking Icons

Posted by Joe on Monday, December 15th, 2008

This free icon sets collection contains all most all popular social media icons like del.icio.us, Digg, Mixx, DesignBump, StumbleUpon, Reddit, Developer Zone, DesignFloat, Technorati, Twitter and RSS feed. The icons which you see below are some real creative and most beautiful, ranging from web 2.0 to hand drawn designs. Although initially intended to be used […]

continue reading



}

Tutorial: Create a realistic chalkboard using photoshop

Posted by Joe on Friday, December 26th, 2008

 

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

Posted in: Interface Design.

Tags: , , , ,

7 Responses to “Tutorial: Create a realistic chalkboard using photoshop”

  1. Gini Says:

    I love it! I especially like the glass effect. Thanks!

    Ginis last blog post..How to Turn Photographs Into Custom Text

  2. » Tutorial: Sleek Blog Header Design using photoshop Says:

    […] Tutorial: Create a realistic chalkboard using photoshop […]

  3. Mohammad Meghyassi Says:

    its very nice.
    many thanks.

  4. Agirs Says:

    Not bad , not bad at all :)

    Agirss last blog post..Lullaby

  5. Tutorial: Sleek Blog Header Design using photoshop | X Design Blog Says:

    […] Tutorial: Create a realistic chalkboard using photoshop […]

  6. namrata bajwa Says:

    loved it

  7. Ricky Orlando Napitupulu Says:

    simple but creative :)

    like it :)

Leave a Reply