Friday, November 7, 2008

Blur Text Transition

Step 1:
To start, open up an advertisement banner, or the document on which you want to apply the effect to. I used the following banner, you can download the .psd in the members section.

Step 2:
OK, So basically this is how the effect works: you have one line of text, and then it blurs out and a new line of text appears. To start grab the Text Tool and type out three lines of text. Each on there own layer and on top of each other. In our case we used:
“Only quality tutorials”
“New updates every 3 days”
“Downloadable PSD’s and Video”

Step 3:
Now We have to create 3 blurred layers. To do this simply make a copy of one of your text layers (CTRL+J), Rasterize the copy (Layer>rasterize>type), and apply motion blur with the following settings:

Step 4:
Duplicate the blurred layer 3 times (CTRL+J x3), then merge them together (CTRL+E x3). We do this to make the blur a bit more visible. You should now have a blur layer like mine.

Step 5:
Create a blurred layer for each line of text you have (in our case three). You’re layers should look similar to mine.

Step 6:
Hide all of the text and blurred layers except for the un-blurred first line of text. To do this simple un-check the eyeball next to each layer.

Step 7:
Open up the animation Window. To do this go to Window>Animation. It looks something like this.

Note: in older versions of Photoshop you must switch over to Imageready.

Step 8:
Set the delay of the first frame to 3 seconds. Create a new frame, now hide the line of text, and un-hide its blur layer. Here’s how frame 2 should look.

Step 9:
Create a new frame, on this frame lower the opacity of the blur layer buy 10%. Continue creating new frames and lowing the opacity all the way down to 20%.

Step 10:
On the 20% frame un-hide the second line of text. Now create a new frame and hide the blur layer, leaving the second line of text. Set the delay to 3 seconds. You should now have something like this:

Step 11:
Repeat this process for the remaining two lines of text, when you finish it should look like this:


=== For more tutorials keep visiting ;) ===
= =

No comments: