Web 2.0 Design Articles and Tutorials

Open your image in Photoshop - Open Photoshop, go to the File menu and choose Open or press the keyboard shortcut CTRL+O and open your image.
Check Canvas Size and Remember the image - In order to check the canvas size we will right click our image name and then choose Canvas Size or go to the Image menu and choose Canvas Size. Remember the image dimensions.
Create a new document/image - To create a new file go to the File menu and choose New or press the keyboard shortcut CTRL+N. Here we will modify the image dimensions and in this case the width will remain the same, but we will change the height of the image.
We will increase the height with 50% which will represent the image reflection. So in other words if we have a 300 pixels height we will make it 450 pixels.
300 px + 150 px = 450 right?
Create a new fill solid color layer - In order to create a new fill solid color layer we will go to the Layer menu, choose New Fill Layer and then Solid Color. Remember this layer will be created on the new document created. Click OK in the pop-up window that opens. In the “Pick a solid color” dialog box drag the circle to the white part. If it is already set to white click the OK button.
Or in the RGB value fields enter 255 for all three of them…Or enter ffffff in the hexadecimal code field.
Drag the image into the new created document- Click the document which contains your image, click the image and without releasing the mouse drag it into the new created document…then release the mouse button.
Duplicate the image layer- Because our reflection will be vertical , first we need to duplicate the image layer. Select the layer containing the image, right click on it choose Duplicate Layer and the click the Ok button in the new dialog box that opens.
Flip the new layer vertically- Next we have to flip the duplicated layer vertically so we can create the image reflection. With our duplicated layer selected (in our case “Layer 1 copy” we will go to the Edit menu, choose Transform and then Flip Vertical. Or we can press the keyboard shortcut CTRL+T, to enter the Free Transform mode, right click on the image and choose Flip Vertical.
Nudge flipped layer- Next we will have to drag the flipped image below the initial image. To obtain a perfect vertical movement keep the Shift key pressed when dragging downwards.
Edit Layer in Quick Mask Mode- Select the duplicated layer which contains our vertically flipped image and then from the Tools Palette click the “Edit in Quick Mask mode” button or press the Q key on your keyboard.
Select the Gradient Tool from the Tools Palette- We have to use the Gradient tool in order to create the fade of our reflections. Click the Gradient Tool from the Tools Palette, or press the G key on your keyboard. Make sure you are still on the Quick Mask Mode.
Choose the Gradient- From the Options bar we will choose the Foreground to Transparent gradient. Click the arrow next to the gradient bar to open the Gradients palette. Or you can click once on the gradients bar and then from the Gradient Editor window choose the Foreground to Transparent one.
Drag the Gradient over the Image- Next with our Foreground to Transparent gradient selected we will drag from the center of our image downwards to the bottom of the image…Do not exceed the image area!! After you release the mouse button you will see a red fade over the image.
Edit in Standard Mode- After you have finished with the gradient it’s time to exit the Quick Mask Mode. To do that click the same button which is now called “Edit in Standard Mode” or press again the Q key.
Delete the Marquee Selection- The result will be a Marquee Selection around our vertically flipped image. Next we will delete the selection by pressing the Delete key. Remember that you must have the flipped layer selected. After you delete the Marquee Selection the fade will appear giving us an Image Reflection. You can press CTRL+D to deselect the selection.