Writing Effect After Effects



Handwriting effect in after effects

Effect

Writing Effect In After Effects

  1. Create your text.
    This tutorial will work with any sort of text. You can begin by typing your words in any font, but a typeface reminiscent of handwriting will give the most authentic final result. To do this, click on the text tool (), draw on a large box, and adjust the settings in the character window until you have the desired font, size, and spacing.
    For this tutorial, I am using a font called “Rockness” with a size of 200 on a blue canvas that is 540 by 360 px.
    You can also use an image of your own handwriting, if you’ve created an illustration or signature in Illustrator, Photoshop, or even a piece of paper. For this option, a .png with a transparent background will probably work best.
    Once your text is created, it’s time to get started.
  2. Apply an effect called “stroke”.
    In the effects and presets panel, select an effect from the “generate” folder called “stroke.” Drag it to the text layer you created in Step One. (You can learn more about stroke, and the other generate effects, by checking this handy guide.)
    Type “stroke” into the search bar to find it faster.
  3. Using the pen tool, create masks in the shape of each letter.
    With this same layer selected, click the pen tool and begin drawing lines that follow each segment of the text. If your text is in cursive, it is okay to use one line/mask for the entire word. Work in order from the beginning of the word to the end, making sure to make separate lines for the crosses on T’s and dots on I’s.
    Hold down your cursor to create a curved line, like I did for most of the letters above.

    If you accidentally draw your masks in non-sequential order, drag the mask layers in the timeline window to put them back in order. This will be important later.
  4. Adjust the stroke thickness until the font is covered.
    Open the effect panel to see the settings for the stroke effect we applied in Step Two. In this panel, make sure the “all masks” and “stroke sequentially” boxes are checked. Then, select a crazy color for your stroke—this will be invisible, so just choose something that makes it easy to see.
    To make it easier to see, I am using this lime green color as my stroke.

    Now begin increasing your stroke width until all of your text is covered. You want it to be as thin as possible while still concealing every letter. You may have to adjust your masks using the arrow tool.
    Increase the stroke width until the text is completely covered.
  5. Set the paint style to “reveal original image”. Then, add your keyframes.
    Once your mask path looks good, change this setting in the effect window. In the timeline, set “End” to 0 and hit the stopwatch. Then, move the playhead to the point in your composition where you would like the text to have completed drawing on. Type “100” into End.
    In this example, the drawing begins at the start of the composition and finishes around 4 seconds later.
  6. Optional: Edit the paths to remove any unwanted “limbs”.
    You may notice that letters with intersecting pieces that create tiny bumps I like to call “limbs”. Sometimes, this problem can be fixed by using more accurate masks and a thinner stroke width.
    If the problem persists, it might be helpful to break problematic letters into separate segments. Convert your text to a .png and save the main stem of the letter from the limb part—for example, separating the cross from the stem of the T or breaking a B into a stick and two bumps. It might be tedious, but for short words that only contain a few letters, the difference is worth the added time.
  7. You’re done! Write on!
    After following these quick steps, you should have completed the tutorial. Drag your playhead to the beginning of the timeline and press the spacebar to preview the animation.
    You can create a clean transition by having the text write off, too. If you would like the text to draw off from left to right, use “start” keyframes from 0 to 100. If you would like the text to draw off from right to left, like I do below, use “end” keyframes again in reverse, from 100 to 0.

Best After Effects Text Effects

Download Free After Effects Templates. Create impressive videos fast, with these free After Effects templates. Download professionally designed transitions, text animations, slideshows, logo reveals, intros and more made by talented creators. The Typewriter Effect template is not a plugin. It's an Adobe After Effects project file, commonly known as a 'template' because the work is already done and the user needs only to make their own adjustments. This template is compatible with version CS3 as well as all later versions of After Effects. Learn how a cool animated TYPEWRITER EFFECT with Adobe After Effects. Once completed, I will show you how to export the video with a transparent background. This will allow you to place the text on top of your existing footage. Using Premiere Pro. You can see the typewriter effect in many YouTube vlogs, Hollywood movies and TV shows. Learn how to create the handwriting effect! In this After Effect tutorial, we will take text and animate it on with a “write-on” style. This effect is very e. For the top mask’s Stroke effect, set Start keyframes from 0 to 100% across the same span of time as the End keyframes, and then drag the pair of Start keyframes ahead in time by a few frames. Now you’ll see a two-toned stroke write the title across the screen.





Comments are closed.