SEARCH
 
Join our free newsletter for useful tips and valuable resources in web design industry.
It doesn't look like an e-mail address
  Tutorials Photoshop Web Layout (1753 materials)

Content Box in a Few Steps

test
 
1. Create a new document approximately 350 x 250 with a white background. Press "D" on your keyboard to reset the colors to the default settings. Create a new layer by going to Layer > New > Layer and name it "Box Bg". Then grab the Rounded Rectangle Tool from the toolbox then go up to the optio...
 

Glass Orbs

test
 
1. Make a new image of any size and background color. Make a new layer. 2. Now create to glass orb shape. I'm using the Rounded Rectangular tool. Now fill it in with any color, as the color you choose in this step will not affect the color of the final product. 3. Next right-click on the ...
 

Layout Slicing

test
 
1. First of all, you will need to find the image or layout that you would like to slice. I'm going to use one from the Professional Web Host Layout tutorial. 2. Using the slice tool, create your slices that you would like to use. Things to consider before you slice: You really need to take...
 

Complete Layout

test
 
In this tutorial, you will learn how to create a complete and detailed layout in Photoshop without using mass amounts of blending options.
 

Professional Web Host Layout

test
 
This is no doubt my longest tutorial yet, so I suggest you save this every few minutes incase you loose it. (ie. computer freeze, which everyone hates)
 

Smooth Button (video tutorial)

test
 
In this video tutorial you will learn how to customize the blending options to make smooth and coloured buttons.
 

3D Button

test
 
1 Make a new layer, select Ellpitical Marquee Tool , hold down the Shift key ( Mac : Option key) and draw a cirlce. 2 Select the Gradient Tool , set it to radial gradient and make sure your foreground color is white and background is black . Drag the gradient as illustrated. 3 ...
 

Metal Interface

test
 
Well in this quick tutorial I will try to show you how to use Dodge tool (and also burn tool) to - create new file i chose 175X150 - make a new layer - with the rectangular marquee tool make a selection and fill it with a dark shade of gray; I chose #333333 - grab your dod...
 

How to create a Navigation Bar

test
 
This tutorial will teach you how to make Navigation Bar.<br/>1. Make a new file in photoshop, about 500X200. Select the gradient tool, click once on the gradient that shows up at the top to edit the gradient. Click once in the middle of the gradient to set a new gradient point, select white ...
 

Create a nice professional stlye banner

test
 
Create a nice professional stlye banner / advertising banner.. Create a new document anysize around 550x100 and fill it in with white. Then after you have done...