Loading...

Search Results in category “Web Layout”

Shiny Button
in Web Layout
Shiny Button

Start of with opening a new picture 80x20
Fill it with a color you like. I'm goung to use a blueish color for this tutorial (#006CFF) Take out your Elliptical Marquee Tool and make a little selection at the top of the button.

read more
Multi-Layered Text Effect
in Text Effects
Multi-Layered Text Effect

In this tutorial, I will teach you how to make text seemed to be using multiple layers, even if the document that you wanted to use has just 2 layers. The way we will achieve this effect is by using a background layer and then a text layer with a layer mask on it.

read more
Creating a Navigational Header
in Web Layout
Creating a Navigational Header

Start by creating a new file. Draw an rectangle at the top using rectangular shape tool.
Create a line below the top rectangle.
Copy the line layer and palce it at the bottom. Create another thin line.

read more
Rough Buttons
in Web Layout
Rough Buttons

Create a new layer of width 200px and height 100px so we have enough room, fill the background with a colour, i used #9e622d. Now get out your marquee tool and create a button sized image. Around 70x40 and fill it with a dark brown.

read more
Navigation Box
in Web Layout
Navigation Box

Open a new image 400x400 and have the background transparent. Make two guides by going View > New Guide. Guide 1: 200px Vertical Guide 2: 200px Horizontal
2. Get out the Rounded Rectangel Tool and make a shape in the center of the image, this is what the guides is for.

read more
Website Orb
in Web Layout
Website Orb

Start with opening a new image. I used 400x400
Get out the eleptical marquee tool and make a selection inthe middle of the image.
Press Ctrl+Shift+I. Select inversed and delete (make sure that background layer isn't locked).
Make a new layer and get the eleptical marquee tool o...

read more
Simple Content Box
in Web Layout
Simple Content Box

Create a new document, fill the background with white. Create a new layer and now select the Rectangle Marquee tool and draw a nice sized content box shape, now fill it with #8f8f8f... Check image example.

read more
How To Slice Templates
in Web Layout
How To Slice Templates

Use the slice tool to select an area that you want to turn into link.
I have selected the Home image. Select all the images taht you want to turn into links. I would also have to select:

read more

Copyright © All Rights Reserved