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