Loading...

Search Results in category “Web Layout”

Inset Lines
in Web Layout
Inset Lines

Ever want to chisel a line onto your interface instead of making it look like it doesn't belong there? Well, you can learn how to createw a chiseled or inset line here. Step-by-step instructions proceed...
1) Open up a new image, maybe 150x30 and fill your new image with a darkish gray...

read more
Plastic Button Design
in Web Layout
Plastic Button Design

Stuck on some ideas for your interface? Looking for a nice, subtle background for your navigation buttons that is both eye candy and subtle to other parts of your layout? Well, look no further, because now you can learn how to create a nice plastic-like background to those buttons...

read more
Cool 3D Button
in Web Layout
Cool 3D Button

Make a New Image. I've use 300 x 300.
1) With the Elliptical Marquee Tool set style to Fexed Size Im suppossing you are ussing 300 x 300, set Width 275 px and Height 275 px.
2) Press X and D to reset your colors. Check "Reverse". Watch the image and Gradient like it:...

read more
iMac Style Buttons
in Web Layout
iMac Style Buttons

1. Create a 120x80 file, RGB mode, background: Transparent, create a new layer, fill with white, create another new layer, drag a 40x40 circle selection, fill with #003366, seperate the circle from the middle.
2. Drag a rectangle selection in the middle and fill it with #003366...

read more
xBox Orb
in Web Layout
xBox Orb

1) Make a 400x400 document. Make sure your background is #CCCCCC.
2) Now select the Elliptical Marque Tool and make a nice selection in the middle of your canvas (hold shift to get a accurate circle):...

read more
Navigation Bar Designing in Photoshop
in Web Layout
Navigation Bar Designing in Photoshop

1. create a new file, switch to CHANNELS panel, following the screen shots below, create a shape like this (or anything that looks pleasing to you) 2. go back to layer panel, create layer1. execute select--> load selections, load the selections from alpha1, fill with gradient tool...

read more
Interface Bar
in Web Layout
Interface Bar

1) Create new file, 400x75 should work.
2) With the gradient tool fill it, use it Up to Down. Use this colors in your gradient:...

read more
Glossy Pill Button
in Web Layout
Glossy Pill Button

1) Make a new document, anysize doesn't matter. Press CNTRL+D to reset your pallete colors. Start off with any color of background, I used white.
2) Make a new layer. Use the Rounded Rectangle Tool and make a button shape like below:...

read more
Smooth Buttons
in Web Layout
Smooth Buttons

1) Make a new document, anysize doesn't matter. Press CNTRL+D to reset your pallete colors. Make your background any color. I used a light beige color.
2) Make a NEW LAYER. Ok use the Rectangular Marque Tool and make a nice selection, about the size of a button, for example:...

read more

Copyright © All Rights Reserved