Loading...

Search Results in category “Web Layout”

Glass Effect Buttons
in Web Layout
Glass Effect Buttons

Our canvas have a size of 200 has x 200 pixels and we choose a dark gray as background color. First we make a circle in the size 50 x 50 pixels and give him a deep red color (#660000).
After this we make another two circles, which is a little smaller (46 x 46 px)...

read more
Hoe To Create Clean Business Header
in Web Layout
Hoe To Create Clean Business Header

1) Make a new document. I used 650x180. <br/> 2) Start out by making a new layer and grabbing the Rectangular Marque Tool. Make a selection like below: <br/>Fill it in with a dark color. I used #555555. <br/>3) Make a new layer. Using the Rectangular Marque Tool make a selection like this:

read more
Grunge Contentbox
in Web Layout
Grunge Contentbox

This tutorial will teach you how to create the grunge content boxes you see on a lot of gaming sites. You are going to use the basics of the Pen tool and advanced brush settings.

read more
Creating Button
in Web Layout
Creating Button

This is a button tutorial on how to make a cool clan Website style line of buttons, like the ones that you see on professional counter-strike clan website, or other such gaming sites. this tutorial was made in Photoshop CS2 but will also work with other versions.

read more
\
in Web Layout
"Go" Button

Step 1: Choose Rounded Reactangle Tool and make a simple shape like this one:
Step 2: Right click on the shape and select Blending Options > Drop Shadow:
Step 3: Select Bevel and Emboss in Blending Options:
Step 4: Select Stroke in Blending Options:

read more
Smooth Button
in Web Layout
Smooth Button

Step 1: Select Ellipse tool and make a shape looking like this:
Step 2: Right click on the shape and select Blending Options:
Step 3: Then click on Drop Shadow:
Step 4: Then select Color Overlay:

read more
How to Design Simple Button
in Web Layout
How to Design Simple Button

Step 1: First click on Rounded Tools and make a simple shape and then push in keyboard ( F7 ) and then write click on the shape and select Blending option: <br/> Step 2: Then select inner shadow in the blending option: <br/> Step 3: Then select Bevel Emboss in the blending option: <br/> S...

read more
Basic Button
in Web Layout
Basic Button

Step 1 : First of all make a new document (Ctrl + N)
width = 150 height = 30 Right-click on the background and select Duplicate layer...
Step 2 : Right-click on the copy of background and select Blending Options -> Bevel and Emboss...

read more
Stylish Small Layout
in Web Layout
Stylish Small Layout

Editor's Pick in Photoshop Tutorials, November 2005
This is a great little layout tutorial to suit users of all experience. So lets crack on, and make ourselves a stunningly simple site!

read more
Retro layout
in Web Layout
Retro layout

Welcome to Blueshout's, aka BSD's first layout tutorial. We shall today be making a simple and effective retro design! Throughout the tutorial, the design is displayed (Zoomed in) at 50%. I use a 800 x 600 image, but its up to you, for the res you want, so gladly change that.

read more

Copyright © All Rights Reserved