| What to avoid? | | | | Next we will have to drag the flipped text below the |
| Here are a few things that you must avoid when | | | | initial text. To obtain a perfect vertical movement |
| designing a Web 2.0 website: | | | | keep the Shift key pressed when dragging |
| 1. Animated GIFs, blinking logos or banners, anything | | | | downwards. |
| that can distract the main contetn atention | | | | 7. Edit Layer in Quick Mask Mode |
| 2. Flash Web Sites | | | | Select the duplicated layer which contains our |
| 3. Websites without CSS | | | | vertically flipped text and then from the Tools |
| In this tutorial you will learn how to create Text | | | | Palette click the "Edit in Quick Mask mode" button or |
| Reflections in Photoshop. | | | | press the Q key on your keyboard. |
| 1. Create a new Document, or if you already have | | | | 8. Select the Gradient Tool from the Tools Palette |
| the text in another document that you want to | | | | We have to use the Gradient tool in order to create |
| create a reflection skip this step. | | | | the fade of our reflections. Click the Gradient Tool |
| To create a new document go to File, New and set | | | | from the Tools Palette, or press the G key on your |
| the width and height as you wish. I will choose a | | | | keyboard. Make sure you are still on the Quick Mask |
| 300px width and 100px height document size. | | | | Mode. |
| 2. Enter your desired text | | | | 9. Choose the Gradient |
| Select the Type tool from the Tools Palette and | | | | From the Options bar we will choose the Foreground |
| start typing your text. | | | | to Transparent gradient. Click the arrow next to the |
| 3. Duplicate the Text Layer | | | | gradient bar to open the Gradients palette. |
| Because our reflection will be vertical , first we need | | | | 10. Drag the Gradient over the Text |
| to duplicate the text layer. Select the layer containing | | | | Next with our Foreground to Transparent gradient |
| the text, right click on it choose Duplicate Layer and | | | | selected we will drag from the center of our text |
| the click the Ok button in the new dialog box that | | | | downwards to the bottom of the text...Do not |
| opens. | | | | exceed the text area!! After you release the mouse |
| 4. Rasterize the Duplicated Text Layer | | | | button you will see a red fade over the text. |
| This method is used to make the layer directly | | | | 11. Edit in Standard Mode |
| editable. | | | | After you have finished with the gradient it's time to |
| Attention!!! | | | | exit the Quick Mask Mode. To do that click the same |
| After you rasterize a layer you cannot make further | | | | button which is now called "Edit in Standard Mode" or |
| modification to this so check for spelling errors, colors | | | | press again the Q key. |
| and so on. To rasterize the duplicated text layer right | | | | 12. Delete the Marquee Selection |
| click on it and choose Rasterize Type. | | | | The result will be a Marquee Selection around our |
| 5. Flip the duplicated layer vertically | | | | vertically flipped text. Next we will delete the |
| Next we have to flip the duplicated layer vertically so | | | | selection by pressing the Delete key. Remember that |
| we can create the text reflection. With our | | | | you must have the flipped layer selected. After you |
| duplicated layer selected (in our case "Text Reflection | | | | delete the Marquee Selection the fade will appear |
| Tutorial copy" we will go to the Edit menu, choose | | | | giving us the Text Reflection. You can press |
| Transform and then Flip Vertical. | | | | CTRL+D to deselect the selection. |
| 6. Nudge flipped layer | | | | |