[Disaster Tutorials] Animation with Photoshop.

Followers

June 24, 201411 yr

Result:

Instructions:

1) Create a new project with a transparent background.

2) Add any text you like. Be sure the text almost goes all the way across THE ENTIRE canvas.

3) Create a new layer using the paper icon on your "layers" tab.

4) Grab your brush tool, and draw a straight stroke vertically on your canvas like so:

5) Open your timeline by going to "Window" ---> "Timeline"

6) Select "Create Frame Animation"

7) Your timeline should like this:

8) Duplicate frame 1 by pressing the paper icon under your timeline.

9) Select your move tool and move the line you created in step 4 all the way to the end of your text, like so:

10) Select this tool that's under your timeline and type "40" for "Frames to Add", then hit "OK". (The more frames, the slower the gif)

11) Remember that new frame you created in step 3? Well, right click it and select "Create Clipping Mask".

12) To make this loop forever, click where it says "Once" and change it to "Forever". (Should be under your Timeline)

13) You can choose the play button which is located under your timeline to see the gif in action, or simply save it by going to "File" ---> "Save for Web" ---> "Save". (Don't touch any of the settings if you're saving)

This can be a really cool signature/avatar if you use your colors and fonts correctly. I hope this tutorial wasn't a . I want to see what you all came up with.

Edited June 24, 201411 yr by Disaster

June 24, 201411 yr

I hope this tutorial wasn't a .

Lol.

June 24, 201411 yr

Not a bad tutorial but the animation is low quality in my opinion and not very appealing

Perhaps adding some opacity to the white bar, and slanting it a bit would make it a bit nicer. Also a faster animation, and a few seconds wait between animations

Edited June 24, 201411 yr by Master Chief

June 24, 201411 yr

Say no to photoshop animation!

After effects!

June 24, 201411 yr

Author

Not a bad tutorial but the animation is low quality in my opinion and not very appealing

Perhaps adding some opacity to the white bar, and slanting it a bit would make it a bit nicer. Also a faster animation, and a few seconds wait between animations

This tutorial just gives the person a base to work on. I decided to leave the minor details up to the designer.