-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Start a new project in photoshop. I use the forums width and length. If you are using this tutorial for HackForums, I suggest you use 650 x 200.

To create a colored background, we are going to select the rectangle tool. After, we are going to get the color of the forums signature space. For HackForums it's #333333. Once we have the color selected, drag the tool from one corner to the other corner. This will fill up the transparent or blank space.

This step is very simple, all you need to do is create text; with the text tool. The fun part of this step is the possibilities you have. You may choose whatever font you'd like, size of the text, color, and so on. For me, I chose the word "Airness" and the color red.

To enable our timeline, we are going to select the "Window" tab and enable "Timeline". After that, select "Create timeline" at the bottom.

Now we are going to be switching to a different timeline mode. When we switch, it will be more like an actual timeline.

STEP 6 | Enabling "No Delay"

This isn't a step you should get confused you, just watch the gif and you will understand.

I didn't really know what to name this step but its basically starting to create the "reflections" effect. You will need to create a White rectangle with the rectangle tool.

For this step, you may do whatever you want. Then again, you may do whatever you want for any step! Anyways, I like to tilt my rectangle. 

This step is fairly simple and easy to understand. We are going to be masking the white rectangle to our text from before.

STEP 10 | Making the effect to our liking

This step, you may do whatever you please. For this tutorial, I will only be lowering the opacity of the white rectangle.

This step is super simple, all you have to do is create a new frame to your timeline.

On the newest frame, we just created, click on the white rectangle layer and hit Ctrl + T and use the right arrow key to move it all the way to the other side. Use the arrow key because if you don't, you can mess up how its lined up properly.

STEP 13 | The "Motion Tween"

For this step, we are going to be creating a motion tween. This is basically what makes the animation smooth. When it asks you how many frames to add, depending on how fast or slow you want it; add anywhere from 25 being slow to 50 being fast. I use 25.

This isn't really a step but just here so you can see how yours turned out.

To render it's really easy. Just click the 3 little rectangles at the bottom left of your screen.

After you do that, click the arrow on the bottom and put in the settings you want.

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------