Loading...

Search Results in category “Web Layout”

Basic Web Page Techniques
in Web Layout
Basic Web Page Techniques

You must have all seen them by now. This aint at all hard. A bit different from other pixel borders. but you'll learn the difference here. So first open a new image. I suggest not using a white background, but just for the first part...

read more
Orange Blast Layout
in Web Layout
Orange Blast Layout

Editor's Pick in Photoshop Tutorials, December 2005
Orange is a rare color for web design that can make your site look fresh and unique if used properly. This tutorial demonstrates how to take advantage of the color in creating a sites layout. The process of layout creation can al...

read more
Retro 2 Tone Website Layout
in Web Layout
Retro 2 Tone Website Layout

Note most of the images we be logged in at 50%
Phase One: Open up you image sized 800 x 700.
Set your foreground colour to: FFFFFF
And your background to: 7F6302
S1: On our first layer, simpy fill it with our foreground colour, and go Layer>New Layer...

read more
Create Realistic Assembled Pipes
in Web Layout
Create Realistic Assembled Pipes

1- Get your pipes ready - if you don't know how - click here to learn it. Place them on the background like this:
2- Create a new layer, drag it under the pipe layers and name it "Mask":
3- Choose white as foreground color, pick the line tool (Under Rectangle tool)...

read more
Create Realistic Pipes with Text
in Web Layout
Create Realistic Pipes with Text

1- Open a new image and mask a square area like this:
2- Choose white as foreground color and black as background color.
Use the the gradient tool, starting in the middle dragging it down to the end of the selection.
3- Let's add some grooves for a more realistic efect...

read more
Pill Shaped Button Graphics
in Web Layout
Pill Shaped Button Graphics

There will never be a "universal design language". With every tutorial that we offer, I seem to get at least one email asking, "Why did you do it that way?" Well, simply because that is the way that seems easiest to me...

read more
Segmented Pipes
in Web Layout
Segmented Pipes

Here is my Version of the ever popular Segmented Pipes. A staple for interfaces.
1. Create a new layer and make a retangular selection.
2. Select the linear gradient tool and the copper gradient.
3. Drag from the top to the bottom of the selection, you now have a copper pipe....

read more
Creating Web Layouts
in Web Layout
Creating Web Layouts

I'm gonna teach you how to make a pro layout with mainly layer styles, selections, and gradients. So open up a new Image, I suggest 720 x 400 pixels. Fill In the background with a crimson red color. Then make a new layer. Make a selection, almost covering the whole image from top to bottom and fill...

read more
Inset Orbs
in Web Layout
Inset Orbs

Editor's Pick in Photoshop Tutorials, October 2005
Everybody loves floating orbs. Be they plastic or metallic, great looking orbs work well for splash pages and logos. Try this one.

read more

Copyright © All Rights Reserved