<p>Create a mask on the layer you want to apply the effect to. In that case in the form of a circle but it can be any desired shape of course.</p>

<p>Then apply the "Stroke" effect on the same layer and in the "Path" option of the effect you choose the circle mask you just created. The Stroke effect allows you to animate start and end point of your line individually, enabling you to create exactly this effect.</p>

<p>The grey area is just to visualize that this is the mask I drew.</p>

<p><img src="https://i.sstatic.net/66DZE.gif" alt="enter image description here"></p>

CC BY-SA 3.0
2014-10-05T17:31:53.900Z
2014-10-07T18:32:13.160Z
2014-10-07T18:32:13.160Z
timonsku
<p>This can easily be achieved using a write on effect and altering the start and end point positions independently.  You make a path that you want the line to follow and you then have the start point of the line animate slightly more slowly than the end point, resulting in the end slowly catching up.</p>

CC BY-SA 3.0
2014-10-06T14:53:33.983Z
2014-10-06T14:53:33.983Z
AJ Henderson
<p><div class="youtube-embed"><div>
                <iframe width="640px" height="395px" src="https://www.youtube.com/embed/zYeIqZzmTKs?start=0"></iframe>
            </div></div></p>

<p>If you watch the above video at 29seconds, there's a line that is drawn around the number 1. Many of these animations are littered throughout this video (again at ~1:02) and I'm wondering how I can create this effect in AE?</p>

<p>To be more specific, the main part of the animation I want to create is the "trailing" effect the line has. The tail tries to catch up with the head of the line, the tail doesn't just stay at the beginning, it follows the same path of the head of the line.</p>

<p>If there's a tutorial I can follow that'd be great. Sorry I don't know what this animations are called.</p>

<after-effects><animation>
Line animations
bigubosu
# Line animations

(Asked by: username_0 on 2014-10-05)

If you watch the above video at 29seconds, there's a line that is drawn around the number 1. Many of these animations are littered throughout this video (again at ~1:02) and I'm wondering how I can create this effect in AE?

To be more specific, the main part of the animation I want to create is the "trailing" effect the line has. The tail tries to catch up with the head of the line, the tail doesn't just stay at the beginning, it follows the same path of the head of the line.

If there's a tutorial I can follow that'd be great. Sorry I don't know what this animations are called.

**Tags:** after-effects, animation


---

## 2 answers

### Answer by username_1 on 2014-10-05. Score: 3

Create a mask on the layer you want to apply the effect to. In that case in the form of a circle but it can be any desired shape of course.

Then apply the "Stroke" effect on the same layer and in the "Path" option of the effect you choose the circle mask you just created. The Stroke effect allows you to animate start and end point of your line individually, enabling you to create exactly this effect.

The grey area is just to visualize that this is the mask I drew.

![enter image description here](https://i.sstatic.net/66DZE.gif)


---

### Answer by username_2 on 2014-10-06. Score: 1

This can easily be achieved using a write on effect and altering the start and end point positions independently. You make a path that you want the line to follow and you then have the start point of the line animate slightly more slowly than the end point, resulting in the end slowly catching up.


---

