Resizing images and file sizes for your Websites content with Adobe Photoshop and Image Ready and to load images faster in your Web browsers. If your images take to long to load then you could loose visitors so, it is best to optimize all of your graphics that are on your Website...

Step 1: Open a new document, and select the rectangle marquee tool. Draw a medium sized bar like the one in the example, filling it with colour. (I used #999999)
Step 2: Zoom in to about 300-400% and create a new layer. Call it 'light'...

Start off with a new image. Create a new layer and call it contentbox border. With your rounded rectangle tool, with a radius of 4 pixels, create a decent sized rectangle (depending on what you "need") and use whatever color you like (we will change this later!)...

Start off with a 150x150px white background. Now go edit - fill - choose the background color of your site and press OK!
Now create a small selection similar to the one I created below:...

Start off with a new image, whatever size. Create a new layer and call it gradient. Select your gradient tool and click on the properties of the gradient. Then this menu below should appear. Fix the colors and try to make it look exactly like mine!...

Ok, if you are going to do this tutorial, I suppose you have knowledge on how to create patterns. This pattern that we are making, is like small screws sticking out of the image. This pattern has a center, and it drops shadows. So what you are going to do is to create a new document (9x9px)...

1. Start off with an image at the size of mine with a white background. With your eliptical marquee tool create a circle. Create a new layer and fill your selection with orange.
2. Deselect. Click your dodge tool located on the toolbar. Choose an exposure of 50% and a 100px sized brush...

1. Ok we're gonna start out with a pattern as a background. This part is unecessary if you are using your own background pattern. With your rounded rectangle tool, with a 4 px radius create a rectangle with somewhat the same size as I did. Make it black.
2. Now create a new gradient...

Open up a new image in photoshop, any size, but preferably about 500X500 pixels. Go to the channels window beside your layers window, and click the "create a new channel" button at the bottom right corner of the window. It's name should be Alpha 1...

WDL exclusive tutorial.
To complete this tutorial you will need a photo of person you want to create a silhouette from. In addition, you will to select the silhouette of this person on white background. I will not describe how to do that in this tutorial.