Loading...

Search Results in category “Web Layout”

Button from a background
in Web Layout
Button from a background

1. Make a new picture (CTRL+N) i used the format 477x250 pixels.
2. Make a background, look in theese other tutorials to learn how, this, this, or this.
3. Click on the 'Rectangular Marquee Tool' and select a box inside the image. (look at the image below)...

read more
Expanding Contentbox
in Web Layout
Expanding Contentbox

Editor's Pick in Photoshop Tutorials, May 2005
Forget about measuring your content boxes. This tutorial shows you how to create expandable ones for coding your web pages, proving that size doesn’t always matter.

read more
Pixel Button
in Web Layout
Pixel Button

1. Make a new picture (CTRL+N) i used the format 477x250 pixels.
2. Make a new layer. Press 'D' to reset the colors.
3. Select the 'Pencil Tool' and set the brushsize to 1 pixel. (look at the image below)...

read more
Big Button
in Web Layout
Big Button

1. Make a new picture (CTRL+N) i used the format 477x250 pixels.
2. Click on the 'Ellipse Tool'.
3. Press SHFT and draw a circle on your image. (look at the image below)...

read more
Clean Website Banner
in Web Layout
Clean Website Banner

1. Begin with a new file, 700x150, with #707070 as your background color, then create a new layer in the layers palette.
2. Now take the Rectangular Marquee Tool and draw out a rectangle as the image below shows, fill the rectangle with #D0D0D0...

read more
Make Navigation Bar for your website
in Web Layout
Make Navigation Bar for your website

1. Begin with a new file, 400x50, with #707070 as your background color, then create a new layer in layers palette.<br/> 2. Now take the Polygonal Lasso Tool and draw a shape as the image below shows. Hold down Shift to get straight lines.<br/> 3. Go to Layer>New Fill Layer>Gradient...

read more
Soft blue website banner
in Web Layout
Soft blue website banner

1. Begin with a new file, 700x100, with a transparent background. Now set the foreground color to white, and then take the Paint Bucket Tool and click on your canvas.
2. Now set your foreground color to black and then take the Brush Tool...

read more
Shiny Navigation Bar
in Web Layout
Shiny Navigation Bar

1. Begin with a new file, 400x50, I choose #7E7D7D as my background color for this tutorial. Then set your foreground color to #D0D0D0. Now create a new layer in the layers palette.
2. Take the Rounded Rectangle Tool and make a shape similar to the one below...

read more
Smooth Content Box
in Web Layout
Smooth Content Box

1. Begin with a new file, 500x500, with #999999 as your background color. Then create a new layer in the layers palette.
2. Now take the Rounded Rectangle Tool and create a shape similar to the image below...

read more

Copyright © All Rights Reserved