Answers.Body: <p>Text animators are an essential part of working with text in AE, I suggest you read up on them, <a href="https://helpx.adobe.com/after-effects/using/animating-text.html" rel="nofollow noreferrer">which you can do here.</a> Text animators give you lots of tools for doing the kind of effects you want, but they're slightly unintuitive. However for the beginner there are dozens of presets included.</p>
  
  <p>As far as the boxes go, it's a fairly simple animating task, that could be achieved with masks, matte layers, animated shape layers, a combination of the above, or probably a dozen other techniques. A good tip is to slow down the video you want to reproduce, and work out what exactly is going on frame-by-frame. </p>
  
  <p>For example the <em>eat less junk food</em> text box starts as a series of boxes which you could create using shapes that have their scale animated, until they overlap and form a single box. Or perhaps you could have a single box that is revealed by a number of masks that are animated to grow.</p>
  
  <p>The box is then split in two which you could achieve with another animated mask using the subtract masking mode that starts with zero width and grows until it covers the box completely. Notice that as this happens the green shape is growing slightly, so you animate its scale as well.</p>
  
  <p><strong>TL;DR</strong>: the plugin you need is called Animation™.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-04-01T05:16:49.587Z
Answers.LastActivityDate: 2020-04-01T05:16:49.587Z
Answers.UserDisplayName: stib
Answers.Body: <p>these animations are called Lower thirds. You can achieve this by adding a mask layer to the text or by using a plugin. </p>
  
  <p>There are 15 minute videos tutorials in youtube that explains every step of the animation.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-04-20T23:58:47.500Z
Answers.LastActivityDate: 2020-04-20T23:58:47.500Z
Answers.UserDisplayName: Tony Logarta
Body: <p>What tools or techniques do you think are used to create the following motion graphics in After Effects?
  Do you think they are created using presents, plugins, expressions, or just by keyframing every step of the way? There is also Pins&amp;Box script which could make similar results, but I am not sure.</p>
  
  <p><a href="https://i.sstatic.net/GeD03.gif" rel="nofollow noreferrer"><img src="https://i.sstatic.net/GeD03.gif" alt="enter image description here"></a>
  <a href="https://i.sstatic.net/MzFU7.gif" rel="nofollow noreferrer"><img src="https://i.sstatic.net/MzFU7.gif" alt="enter image description here"></a></p>
  
  <p>Thanks for you response</p>
  
Tags: <after-effects><animation><motion-graphics>
Title: What techniques/tools are used to create this text motion graphics in After Effects?
UserDisplayName: Shahin Fooladray
ThreadText: # What techniques/tools are used to create this text motion graphics in After Effects?
  
  (Asked by: username_0 on 2020-03-30)
  
  What tools or techniques do you think are used to create the following motion graphics in After Effects?
  Do you think they are created using presents, plugins, expressions, or just by keyframing every step of the way? There is also Pins&Box script which could make similar results, but I am not sure.
  
  [![enter image description here](https://i.sstatic.net/GeD03.gif)](https://i.sstatic.net/GeD03.gif)
  [![enter image description here](https://i.sstatic.net/MzFU7.gif)](https://i.sstatic.net/MzFU7.gif)
  
  Thanks for you response
  
  **Tags:** after-effects, animation, motion-graphics
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_1 on 2020-04-01. Score: 2 | Accepted answer
  
  Text animators are an essential part of working with text in AE, I suggest you read up on them, [which you can do here.](https://helpx.adobe.com/after-effects/using/animating-text.html) Text animators give you lots of tools for doing the kind of effects you want, but they're slightly unintuitive. However for the beginner there are dozens of presets included.
  
  As far as the boxes go, it's a fairly simple animating task, that could be achieved with masks, matte layers, animated shape layers, a combination of the above, or probably a dozen other techniques. A good tip is to slow down the video you want to reproduce, and work out what exactly is going on frame-by-frame.
  
  For example the *eat less junk food* text box starts as a series of boxes which you could create using shapes that have their scale animated, until they overlap and form a single box. Or perhaps you could have a single box that is revealed by a number of masks that are animated to grow.
  
  The box is then split in two which you could achieve with another animated mask using the subtract masking mode that starts with zero width and grows until it covers the box completely. Notice that as this happens the green shape is growing slightly, so you animate its scale as well.
  
  **TL;DR**: the plugin you need is called Animation™.
  
  
  ---
  
  ### Answer by username_2 on 2020-04-20. Score: -2
  
  these animations are called Lower thirds. You can achieve this by adding a mask layer to the text or by using a plugin.
  
  There are 15 minute videos tutorials in youtube that explains every step of the animation.
  
  
  ---
  
  