<p>There's some text animation effects you can use to automate it.
This tutorial <a href="http://www.videocopilot.net/tutorials/text_blur_titles/" rel="nofollow">http://www.videocopilot.net/tutorials/text_blur_titles/</a> uses the text animation blur, one of the others is text typing.</p>

CC BY-SA 3.0
2012-06-05T21:08:43.493Z
2012-06-05T21:08:43.493Z
Phasefire
<p>This may not be exactly what you are after, but the simplest way could be to use a screen recording tool to record you typing the code. Have a look at <a href="https://video.stackexchange.com/q/4096/674">this question</a> for guidance - it is very easy to do, and you can time it as you like, rather than have to worry about setting animation schedules etc.</p>

CC BY-SA 3.0
2012-06-06T19:38:01.490Z
2012-06-06T19:38:01.490Z
2017-04-12T07:32:19.270Z
Dr Mayhem
<p>I dont know of any tutorials off hand (you will need to do a google) but to animate text to make it look as if its typing on isnt too hard:</p>

<ol>
<li>Create your text layer</li>
<li>Expand the later (clicking the white triangle next to the name)</li>
<li>Click on the animate button > select Opacity</li>
<li>Now you can use the range selectors to animate what is changed.</li>
</ol>

<p>There is also a typewriter preset in the Effects and Presets panel which does the same thing. </p>

CC BY-SA 3.0
2012-05-30T04:22:27.230Z
2012-05-30T04:22:27.230Z
OrangeBox
<p>Are there any tutorials on how to create animated 'coding', where it looks like code is being typed in? I want to do something similar to this: <a href="http://footage.shutterstock.com/clip-1355773-stock-footage-a-d-animation-about-the-network-data-flow.html" rel="nofollow">http://footage.shutterstock.com/clip-1355773-stock-footage-a-d-animation-about-the-network-data-flow.html</a>. In that video about half way through it pans to a section where it looks like code is being typed in. </p>

<after-effects>
After Effects - How do I create animated coding
LordZardeck
# After Effects - How do I create animated coding

(Asked by: username_0 on 2012-05-29)

Are there any tutorials on how to create animated 'coding', where it looks like code is being typed in? I want to do something similar to this: <http://footage.shutterstock.com/clip-1355773-stock-footage-a-d-animation-about-the-network-data-flow.html>. In that video about half way through it pans to a section where it looks like code is being typed in.

**Tags:** after-effects


---

## 3 answers

### Answer by username_1 on 2012-06-05. Score: 1

There's some text animation effects you can use to automate it.
This tutorial <http://www.videocopilot.net/tutorials/text_blur_titles/> uses the text animation blur, one of the others is text typing.


---

### Answer by username_2 on 2012-06-06. Score: 1

This may not be exactly what you are after, but the simplest way could be to use a screen recording tool to record you typing the code. Have a look at [this question](https://video.stackexchange.com/q/4096/674) for guidance - it is very easy to do, and you can time it as you like, rather than have to worry about setting animation schedules etc.


---

### Answer by username_3 on 2012-05-30. Score: 1

I dont know of any tutorials off hand (you will need to do a google) but to animate text to make it look as if its typing on isnt too hard:

1. Create your text layer
2. Expand the later (clicking the white triangle next to the name)
3. Click on the animate button > select Opacity
4. Now you can use the range selectors to animate what is changed.

There is also a typewriter preset in the Effects and Presets panel which does the same thing.


---

