After Effects Vintage Lastly Console Text Termination Amongst Blinking Cursor

In this tutorial, I volition present yous how to practise a typewriter number alongside blinking cursor using After Effects. This tin endure role for former console or vintage in conclusion animations.

Important! This tutorial entirely function alongside font which accept develop too measure width. Typewriter effects are animate manually without the role of expression. So, it mightiness non endure a adept thought to role this for large trunk of texts.

1) Choosing The Correct Font

This tutorial entirely function alongside font which accept develop too measure width. I am using a in conclusion vogue DOS font which yous tin download them from Perfect DOS VGA 437 past times Zeh Fernando or More too Less Perfect DOS VGA past times Laemeur.

2) Creating The Text Layers

First, practise 2 text layers. One for the text messages, too roughly other i for the blinking cursor which I am using an underscore. I am putting the 2 layers inward unlike positions too therefore nosotros could meet them clearer inward this tutorial, but yous could larn out them inward the same position.


Total characters for the cursor layer should endure to a greater extent than than the total characters inward message layer. For example "Hello World!" comprise 12 characters including blank space. So, the cursor layer volition consist of xiii underscores, "_____________".

3) Adding Typewriter Animation Presets

Under "Effects & Presets" panel, search for "typewriter". Drag the preset too drib it on both text layers.


Press "U" to sentiment the newly added keyframes. When nosotros scrub through the timeline now, nosotros volition meet both text layers are animate inward a agency that they were beingness type out. But the cursor layers are non animate inward a agency that nosotros want, which is staying the halt of the text.

4) "Animating" The Cursor Position

Under the cursor layer, expand the properties panel for "Text > Animator 1 > Range Selector 1".

1. Remove keyframe for "Start" property.
2. Change "Start" value to around 5% too "End" value to 0%.
3. Add keyframes for "Offset" property, laid the keyframe value from 0% to around 95% (value varries depend on length of text). It is of import that the duration for this keyframes is the same alongside the "Hello World" message layer.
4. Under "Advance", modify "Mode" to "Substract".

If nosotros scrub through the timeline now, nosotros tin meet that the cursor layer are masked too entirely underscore around the halt of text is reveal. If it is revealing to a greater extent than than i underscore cursor, endeavor to play alongside "Start" too "Offset" value.


After yous had done, press "P" to present the seat properties too movement both text layers into the same position. Parent the cursor layer to the text message layer, too therefore nosotros tin movement them around easier adjacent time.

5) Cursor Blinking Loop

For cursor blinking animation, nosotros demand to animate its opacity value. Press "T" to sentiment "Opacity" property.

1. Add iii keyframes for "Opacity" property, laid the keyframe value from 100% to 0% too dorsum to 100%.
2. ALT-Click on the stopwatch icon, type loopOut(type="cycle") for the expression. This volition brand the blinking animation continuos/cyclic.

The basic console text animation is done, nosotros volition arrive to a greater extent than aethestically like to a vintage in conclusion concealment past times adding coloring shift, scanlines too lens distortion.

6) Chromatic Aberration / Colour Shift Glitch

1. Select both text too cursor layers, press CTRL-SHIFT-C to precomp both layers into a unmarried composition.
2. Select the novel comp, CTRL-D to duplicate them into iii compositions. Name them R, G too B.
3. Set the blend fashion for all iii layers to "Screen". If yous can't meet them inward your panel, press "F4".
4. Move all the layers slightly into unlike seat (2 to 3 pixels).

1. Apply "Set Channels" effects for all the iii composition layers.
2. In R comp, laid Red To Source to "Red", laid Green To Source to "Off", laid Blue To Source to "Off".
3. In G comp, laid Red To Source to "Off", laid Green To Source to "Green", laid Blue To Source to "Off".
4. In B comp, laid Red To Source to "Off", laid Green To Source to "Off", laid Blue To Source to "Blue".

If yous can't meet chromatic aberration inward your file, brand certain yous accept role "screen" or "add" blend fashion for the layers. Also double cheque if yous movement these layers to unlike positions.

6) Scanline / Lens Distortion / Glow

Add an "adjustment layer" to a higher house the iii layers.

1. For scanline effects, utilise "Venetian Blinds" effects too laid "Transition Completion" to around 25% too "Direction" to 90.
2. For lens distortion effects, utilise "Bulge" effects too laid a large value for both "Horizontal" too "Vertical Radius".
3. For glow effects, utilise "Glow" effects.

Bagikan Artikel ini