<p>Just a proof of concept. Steps to reproduce:</p>

<ul>
<li>on a new comp, create a shape object filled with black color;</li>
<li>animate some properties, in this case, I'm changing the Inner Radius;</li>
<li>duplicate this shape layer and move it a few frames ahead in the timeline (so it's out of sync with the layer below);</li>
<li>change its color to white and activate the <a href="https://video.stackexchange.com/search?q=%5Bafter-effects%5D%20track%20matte">Track Matte</a> pointing to the first layer as <code>Parent</code>;</li>
</ul>

<p>This is the result (showing all the frames at once):</p>

<p><a href="https://i.sstatic.net/UiuL1.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/UiuL1.png" alt="resulting animation"></a></p>

<p>And this is the base composition:</p>

<p><a href="https://i.sstatic.net/BcVCo.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/BcVCo.png" alt="animation timeline"></a></p>

CC BY-SA 3.0
2015-10-28T01:21:44.427Z
Hello brasofilo ! Sorry for long not answearing your response but i have a lot of work to do and i just now finally find time to test it and answer!
You are great man! I just do it and it's great! Didn't expect that it's so simple..
Thank you very much again! That is what i was looking for! 
Thaaaaaaaaaank you!
:)))))))))))
Raźnyy
CC BY-SA 3.0
2015-10-28T01:35:27.460Z
Glad to hear, Raznyy, have fun :)
brasofilo
CC BY-SA 3.0
2015-10-10T12:14:40.520Z
2015-10-10T12:14:40.520Z
2017-04-13T12:46:08.110Z
brasofilo
<p>I found this great video on youtube:</p>

<p><div class="youtube-embed"><div>
                <iframe width="640px" height="395px" src="https://www.youtube.com/embed/Tzd8_kkeYdE?start=0"></iframe>
            </div></div></p>

<p>and I just love this text animation at the beginning.
I mean that one which start like black and auto filling itself with white color and the animation also repeats with the logo and with other text but it changes the color to red.</p>

<p><em>I've tried using stroke effects, but I couldn't figure out how this can be achieved.</em> </p>

<p>Any Ideas?</p>

<after-effects><animation><color>
How to make this auto-filling text and logo animation?
Raźnyy
# How to make this auto-filling text and logo animation?

(Asked by: username_0 on 2015-10-04)

I found this great video on youtube:

and I just love this text animation at the beginning.
I mean that one which start like black and auto filling itself with white color and the animation also repeats with the logo and with other text but it changes the color to red.

*I've tried using stroke effects, but I couldn't figure out how this can be achieved.*

Any Ideas?

**Tags:** after-effects, animation, color


---

## 1 answers

### Answer by username_1 on 2015-10-10. Score: 1 | Accepted answer

Just a proof of concept. Steps to reproduce:

* on a new comp, create a shape object filled with black color;
* animate some properties, in this case, I'm changing the Inner Radius;
* duplicate this shape layer and move it a few frames ahead in the timeline (so it's out of sync with the layer below);
* change its color to white and activate the [Track Matte](https://video.stackexchange.com/search?q=%5Bafter-effects%5D%20track%20matte) pointing to the first layer as `Parent`;

This is the result (showing all the frames at once):

[![resulting animation](https://i.sstatic.net/UiuL1.png)](https://i.sstatic.net/UiuL1.png)

And this is the base composition:

[![animation timeline](https://i.sstatic.net/BcVCo.png)](https://i.sstatic.net/BcVCo.png)

> **Comments:**
> **username_0**: Hello username_1 ! Sorry for long not answearing your response but i have a lot of work to do and i just now finally find time to test it and answer! You are great man! I just do it and it's great! Didn't expect that it's so simple.. Thank you very much again! That is what i was looking for!  Thaaaaaaaaaank you! :)))))))))))  
> **username_1**: Glad to hear, Raznyy, have fun :)  

---

