Loading...

Search Results in category “Web Layout”

Professional Website Header
in Web Layout
Professional Website Header

Begin with a new file, 700x150 and with a white background. Now set your foreground color to #96AFCE, next step is to create a new layer in the layers palette, then take the Rounded Rectangle Tool and draw out a shape as the image below shows...

read more
Glass Button in e Few Steps
in Web Layout
Glass Button in e Few Steps

1. Begin with a new file, 150x100, with a white background. Then create a new layer.<br/> 2. Now take the Rounded Rectangle Tool and make a shape like this.<br/> 3. Now set your foreground color to #FFF602 and your background color to #D1C030...

read more
Expanding Content Box
in HTML Tutorials
Expanding Content Box

Begin with a new file, with #666666 as your background color, the size is up to you to decide. ( I choose 300x300 for this tutorial. ) Now create a new layer in the layers palette, and then take the Rounded Rectangle Tool and draw out a shape similar to the one below...

read more
Web Layout
in Web Layout
Web Layout

1. Begin with a new file, 750x600, with #515151 as your background color. Then create a new layer in the layers palette.
2. Now take the Rectangular Marquee Tool and draw out a shape similar to the one below, and fill the shape with white #FFFFFF...

read more
Simple Web Page
in Web Layout
Simple Web Page

Begin with a new file, 700x500, with #5C5C5C as your background color. Then create a new layer in the layers palette. Now when you have created a new layer set the foreground color to #500C0C, then take the Rounded Rectangle Tool and make a shape similar to the one below...

read more
Silver, Blue Navigation Bar
in Web Layout
Silver, Blue Navigation Bar

Begin with a new file, 500x50, with a white background. Then create a new layer in the layers palette. Now take the Rectangular Marquee Tool and draw out a shape similar to the one below...

read more
Stylish Content Box
in Web Layout
Stylish Content Box

1. Begin with a new file, 400x400. Then create a new layer in the layers palette and then take the Polygonal Lasso Tool and try to draw a shape similar to the one below.
2. Now head over to the channels palette and click on the Save selection as channel icon. Then click on the Alpha 1 channel.....

read more
How to Create Menu Button
in Web Layout
How to Create Menu Button

1. Begin with a new file, with a white background color. Then create a new layer in the layers palette.<br/> 2. Now take the Rectangular Marquee Tool and draw out a rectangle.<br/> 3. Then take the Gradient Tool, choose the Linear Gradient and apply this settings:...

read more
in HTML Tutorials
Expanding Header

Editor's Pick in HTML and CSS Tutorials, September 2005
Use the Rectangular Marquee Tool to make a website header and the Slice tool to convert it into an expanding one.

read more
Professional Website Banner
in Web Layout
Professional Website Banner

Begin with a new file, 720x150, with any background color you want. Then create a new layer in the layers palette. Now take the Rectangular Marquee Tool and draw out a rectangle, then choose the Gradient Tool and make a gradient like the image below shows...

read more

Copyright © All Rights Reserved