Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Chalk Board Splash Page

Chalk Board Splash Page


Step 1. Background

Start by creating a new document, I'll be using a size of 540 x 540 pixels. Now fill the background with #a48034.

Now go and apply Filter > Noise > Add Noise, use similar settings to these:

Chalk Board Splash Page image 1

Duplicate the Background layer then apply Filter > Artistic > Underpainting, you can use the default settings.

Chalk Board Splash Page image 2

Lower the opacity for this layer to 25% and change the layer mode to Overlay.

Chalk Board Splash Page image 3

Step 2. Base

First of all, get the Rectangular Marquee Tool then make a set-sized selection of 366 x 220 pixels in the middle of the document.

After making the selection, make a new layer then fill the selection with a dark brown color, I used #56220c.

Chalk Board Splash Page image 4

Right-click the layer you just created and go into the Blending Options, apply the following settings:

Inner Shadow

Chalk Board Splash Page image 5

Outer Glow

Chalk Board Splash Page image 6

Gradient Overlay

Chalk Board Splash Page image 7

Pattern Overlay. To use this pattern, first download it from here, open it in Photoshop then define it as a pattern (Edit > Define Pattern).

Chalk Board Splash Page image 8

Stroke

Chalk Board Splash Page image 9

Be sure you paid attention to all the settings, and you should have gotten a result like this:

Chalk Board Splash Page image 10

Step 3. Making the chalk board

Create another new layer then with the Rectangular Marquee Tool make a selection of about 360 x 190 pixels inside of the other layer.

Chalk Board Splash Page image 11

Fill this selection with a dark gray I used #232323. After filling your selection, apply the following layer styles:

Drop Shadow

Chalk Board Splash Page image 12

Inner Glow

Chalk Board Splash Page image 13

Gradient Overlay

Chalk Board Splash Page image 14

You should now have a chalk board like this:

Chalk Board Splash Page image 15

Create a new layer then do a little bit of soft brushing on the inside of the chalk board. You can either leave the brushing, or erase away a bit with a grunge brush like I did.

Chalk Board Splash Page image 16

After finishing off, change the layer mode to Soft Light and lower the opacity if you think it needs it.

Chalk Board Splash Page image 17

Lastly you should add in your text. You can download the font that I used from here.

Chalk Board Splash Page image 18

After writing out my text in white I lowered the fill to 70% and apply the following layer styles:

Drop Shadow

Chalk Board Splash Page image 19

Inner Shadow

Chalk Board Splash Page image 20

Chalk Board Splash Page image 21

Step 4. Logo

Get the Horizontal Type Tool out and write your text in white.

Chalk Board Splash Page image 22

The font I used above is called Helvetica Neue, but you'll have to make use of what you have, be creative.

After writing your text, apply the following layer styles:

Drop Shadow

Chalk Board Splash Page image 23

Inner Shadow

Chalk Board Splash Page image 24

Chalk Board Splash Page image 25

Lastly for the logo I added in a 'fresh' stamp, I've written a similar tutorial on this effect before, you can view it here.

Chalk Board Splash Page image 26

Step 5. Navigation text

Lastly for this tutorial you'll want to add in some navigation text, I added mine at the bottom of the blackboard in the brown area. First get the text tool and write out your links, then change the font and such.

Chalk Board Splash Page image 27

In the above image I used the font Tahoma, size: 11 pt, color #ffffff.

Lower the fill for your text layer to 70% then apply the following layer styles:

Drop Shadow

Chalk Board Splash Page image 28

Gradient Overlay

Chalk Board Splash Page image 29

Chalk Board Splash Page Tutorial: Final Result

That's pretty much it for this tutorial, you can download the PSD file from here if you need any help.



About the Author:

I started Web Design 5 years ago, and I now make a substantial monthly income each and every month, and so can you.

Author's URL: Michael Dunlop
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Chalk Board Splash Page"

Only registered users can write comment

No comments yet...