Tutorial Wall

In this tutorial I will be teaching you how to make a sleek portfolio template. You will need basic knowledge of Photoshop.

Things You’ll Need:

- Adobe Photoshop CS2
- Journal Font (click here to download)
- Splatter Brush Pack (click here to download)

Step 1: New Document

Let’s open up Photoshop and make a new document. Use the settings below for best results:

Step 2: Template Background

Get your ‘Paint Bucket Tool‘ and color the background using the color #959595.

Step 3: Content Box

Now get your ‘Rounded Rectangle Tool‘ and make a good-sized square like below. Now add a gradient to your content box going from #476c00 at the bottom to #9ab709 at the top. Now add a simple 1px white stroke. You should now have something like this:

Step 4: Adding Tabs

Get your ‘Rounded Rectangle Tool‘ and make around 5-7 tab-looking squares at the top of your content box. Make sure to center them. Add that same gradient from the content box to the tabs. Make sure to place the tabs under the context box in the Layers Palette. You should now have something like this:

Step 5: Adding Text

Use Tahoma, size 12 to add white text to label your tabs. Make sure to center the text in the tabs. I added an anti-aliasing effect of “Strong”. Now with that same font, but size 10, go down to the bottom of your content box and add your copyright statement. Make sure to also center that. Then get the font you downloaded, Journal, and write the title of your portfolio on the top-left side of the content box. You should now have something like this:

If you want to add the dummy text I used, go to lipsum.com.

Step 6: Splatter Background

Now get the Brush Pack you downloaded and select the brush you like most. In a new layer, make a few grey splats and place it under everything except the background. You should now have something like this:

And now you’re done! You can play with the colors and fonts to make it even more personal.

Well I hope you liked the tutorial and you learned what you needed!

Technorati Tags: adobe photoshop guide, adobe photoshop portfolio, adobe photoshop tutorials, photoshop background, photoshop tutorial background

Related Posts

• Photoshop a Neon Beer Sign
• Monotone Designer Signature Tutorial in Photoshop
• Cristiano Ronaldo Signature Photoshop Tutorial