PSDRockstar.com

FITC 2010 Toronto
Cheap Digital Cameras and Lenses - Slr-Lens.co.uk
Add to Technorati Favorites  Delicious

Write a Photoshop Tutorial, Earn $50

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



 

Tutorial: Create a realistic chalkboard using photoshop

Posted by Narendra.s.v 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

 
  • RSS
  • Digg
  • StumbleUpon
  • Windows
  • Delicious
  • Reddit
  • Technorati
  • Twitter
 

Posted in: Interface Design.

Tags: , , , ,

4 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. Tutorial: Sleek Blog Header Design using photoshop | X Design Blog Says:

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

Leave a Reply