Designer Today - Graphic Design Magazine
Designer Today is the premiere graphic design magazine and tutorial resource for designers

Photoshop Tutorials


 


Graphic Design 4 a Web Page - Adobe Photoshop CS2 Tutorial
Jacquelin Vanderwood

June 2006

Make a new layer. Use the Paintbrush tool to paint in a background similar to the one below.

Choose a Custom Shape and create several versions of it.

On a new layer use the Pen tool to make a shape then duplicate that shape in a new layer move the design up.

Apply Bevel and Emboss to the shape on the bottom.

Create a new layer below the two shapes and use the Rectangle shape to make a column.

For a button create a rectangle shape then apply a 1 px stroke and then a Drop Shadow. When you've completed this step, create a new layer and Shift+click to select this button layer then press Control+E to merge to flatten the layer.

Duplicate the button two more times.

Behind the buttons use the Rectangle tool and make a backdrop of rectangles and fill.

Using the Rectangle shape, create some contains. For each layer use the Group into New Smart Object.

So what we have so far should look like this.

Now it's time to add a title and text. I first typed in the text and then selected the second word and changed it's color.

I then added a Drop Shadow to the title text.

It was then embellished with a line of text below it.

More text verifies who the company is related to.

Next I added text to the side menu and set up sections for browsing and search that can then be programmed for buttons and a dropdown menu.

Finally, I decided it needed something more so I created a new layer above the top design and used the Paintbrush tool and painted in something of a white cloud, then blurred it and changed the transparency of the layer to 61%. Now the page is ready for text and photos or what else you'd like to put there.

Copyright (c) 2006, Jacquelin Vanderwood, All Rights Reserved



Be the first to bookmark or share this

 

 

 



Photoshop Tutorials for Photoshop 7, 8, 9, 10, CS, CS2, CS3, CS4

In this tutorial section you will find excellent Adobe Photoshop tutorials and training, as well as Photoshop tips, tricks, techniques and effects. Our writers work hard to provide free Photoshop training for you! We have tutorials covering Photoshop 5, Photoshop 6, Photoshop 7, Photoshop CS, Photoshop CS2 and Photoshop CS3. For more Adobe Photoshop tutorials visit the Designer Today resource directory. We have literally thousands of Photoshop tutorials.




Designer Today Tutorial CD

Designer Community Forum

Advertise on Designer Today

Search and register domains at 123 Domain Names UK, Domain Name Registration UK
and the
UK Domain Name Registration Centre

Designer Today - The Graphic Design Magazine for 2D and 3D graphic designers Hundreds of graphic design
and graphic design software tutorials, product reviews and design articles for the graphic designer


Graphic Design Articles | Graphic Design Newsletter | Graphic Design Training  
Photoshop Tutorials | Illustrator Tutorials | After Effects Tutorials


Also be sure to visit
Fun Meme Jokes and Humor | Favorite {fvrit} Blog |
Poser World | The Poser Gazette
Favorite Media |
Stock 3D wiki | Statesboro Magazine | Five Million Dots | Small Business Consumer
GMP Savings Store

Privacy Policy | Website Copyright and Terms & Agreement | Contact | Information | Site Map | Advertise | Submissions

DesignerToday.com runs on a Content Management System by GMP Services
Copyright © 1998-2008, GMP Services, Inc. -
Media Publishers of Statesboro Georgia, All Rights Reserved