Her

Home Photoshop Tutorials Web Layout Mac OS Template Tutorial

Mac OS Template Tutorial

Author: Aviva Directory Author's URL: www.avivadirectory.com More by this author

Step 1: New Document:Let's first start off by opening up Photoshop and making a new document using the settings below:

image 1

Step 2: Template Background

Now let's add the template background. We will be adding the Aqua Blue Mac OS X Wallpaper. You can make your own or download it here. Crop the part of the wallpaper you want and fit it into the new document.

Step 3: Template Body

In a new layer, make a nice-sized box using the 'Rounded Rectangle Tool' where you will be placing all your content. Make sure to vertically-center it. Below is what it should look like:

image 2
Click to enlarge

To make your content box look exactly like mine use the settings below:

image 3

Step 4: Template Navigation Footer

We are now going to add the navigation for the template. Search online for a screenshot of a mac desktop. If you would like to use the one I used then click here. Now once you have that, move it down to the bottom of your template and center it. You should have something like this:

image 4
Click to enlarge

Step 5: Template Title Bar

To add the title bar get out the 'Rounded Rectangle Tool' again and make a title bar at the top of your content box. Then go to Layer > Rasterize > Layer. Using the 'Marquee Tool' cut the bottom half of the layer to make it look like a clean title bar. You should have something like this:

image 5
Click to enlarge

To give your title bar the effects that I have use the settings below:

image 6

Now let's add the red, yellow, and green orbs at the left of the title bar. First, get your 'Custom Shape Tool' and make 3 small circles. Once you've done that you need to apply these settings:

Settings for the Red Orb:

image 7

Settings for the Yellow Orb:

image 8

Settings for the Green Orb:

image 9

Now you should have those 3 orbs at the left side of your title bar.

Step 6: Adding Text

That last step was a lot of work so this step will be much easier! All we have to do is add a few lines of text here and there. All you have to do is add a Template Title on your title bar, your welcome statement, your content in the content box, and you're ending statement! Here's the final result of this tutorial:

Mac OS Template Tutorial
Click to enlarge

And after all that hard work, you can finally enjoy your one-of-a-kind masterpiece!