CrisisDesigns Posted June 24, 2014 Share Posted June 24, 2014 (edited) 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, 2014 by Disaster Quote Link to comment Share on other sites More sharing options...
Impassive Posted June 24, 2014 Share Posted June 24, 2014 I hope this tutorial wasn't a . Lol. Quote Link to comment Share on other sites More sharing options...
Master Chief Posted June 24, 2014 Share Posted June 24, 2014 (edited) 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, 2014 by Master Chief Quote Link to comment Share on other sites More sharing options...
Debot Posted June 24, 2014 Share Posted June 24, 2014 Say no to photoshop animation! After effects! Quote Link to comment Share on other sites More sharing options...
CrisisDesigns Posted June 24, 2014 Author Share Posted June 24, 2014 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. Quote Link to comment Share on other sites More sharing options...
Lancer Posted June 27, 2014 Share Posted June 27, 2014 one hell of a guide grats Quote Link to comment Share on other sites More sharing options...
Wax A Posted July 16, 2014 Share Posted July 16, 2014 Simple but good tutorial, nice! Quote Link to comment Share on other sites More sharing options...
ProtectedForum Posted July 24, 2014 Share Posted July 24, 2014 thats a very good guide man A+ ty Quote Link to comment Share on other sites More sharing options...
os99Magics Posted October 2, 2014 Share Posted October 2, 2014 Nice guide. Quote Link to comment Share on other sites More sharing options...
