Quick Tutorials: Text Message Chat Animation in After Effects

Quick Tutorials: Text Message Chat Animation in After Effects

In this After Effects Quick Tutorial, we will create a text message animation.

Visit our website https://www.sonduckfilm.com for more tutorials, giveaways and film and photo gear!

Download Project Files Here:

Script: We already have a 1080p comp with a background. Create a new solid by going up to Layer – New Solid. Change the color to blue or any color of your choice. Select the rounded rectangle tool and draw out a box. Then create another solid with the same color. Select the pen tool and draw out a message tail. When you create the tip of the tail, drag in the right vertices and then finish the shape. Move the tail to wherever you like on the bottom of the rounded rectangle. Precompose both solid elements. Set the new comp layer to Softlight. Go to your text tool and type out your text. Then let’s go to the Effects & presets window and search for the typewriter preset. Add the preset to the text. Keep in mind this is optional. Move the anchor point of the text message background to the tail. Then animate the scale from 0% to 100%

Copy and paste the background elements of the text message and paste them into your comp. Go up to layer – Transform – Flip Horizontal. Move the tail back into position. Readjust your new elements and type your new text.

For the last step, Lets create a null object by going up to layer – Null Object. Parent the layers to the null and hit p on your keyboard for position. Animate the null to move up as the new text message appears. Now you have the basic elements to build a longer text message chat.

Social Media:
Drop a like on Facebook: https://www.facebook.com/sonduckfilm
Hit me up on Instagram: http://instagram.com/sonduckfilm
Connect with me on Linkedin: https://www.linkedin.com/in/joshnoel
Follow me on Twitter: https://twitter.com/SonduckFilm

Suggested After Effects Tutorials:
Design Beautiful Motion Titles: https://youtu.be/RpW8zn-AFO0
Stroke Lower Third: https://youtu.be/hyEATndKkYo
Best Free Fonts: https://youtu.be/OtyibmNGDGM
Audio React Anything: https://youtu.be/k6xZUlhlZxs
Quick Tutorial Custom Distortion: https://youtu.be/Ri51–HlLck
3D Light Text Stroke Effect: https://youtu.be/r4hYFOcRwoY

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *