Home Nezaradené 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:

Quick Tutorials: Text Message Chat Animation in After Effects

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

Comments

comments

Latest articles

Easy Ways to Select Artwork in Illustrator | Adobe Creative Cloud

Explore a variety of methods for making selections in your projects to make creating and editing faster and easier in Adobe Illustrator. To download the sample files and learn more about Artwork selection methods, click on https://adobe.ly/2AXMTv1 Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Transform Artwork Freely in Illustrator Using Puppet Warp | Adobe Creative Cloud

Learn how to transform artwork using the Puppet Warp and Free Transform tools in Adobe Illustrator. To download the sample files and explore more tutorials on Artwork selection in Illustrator, go to https://adobe.ly/2vul87Y Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

How to Make a Custom Brush with Adobe Capture CC | Adobe Creative Cloud

Create a brush from a simple sketch. Start from scratch, or download practice files [https://learndownload.adobe.com/pub/learn/mobile-apps/make-a-custom-brush.zip] for a head start. Steps below. Prep your project: 1. Save the practice image (source-image.jpg) provided here to the Camera Roll on your mobile device, or use your own. 2. Download the Adobe Capture CC mobile app from the App Store for your iOS device, or from the Play Store for you Android. Open the app and sign in with your Adobe ID. 3. Tap Brushes from the top menu. Create a custom brush: 1. Tap Brushes from the menu. 2. Tap the image icon at the bottom, then tap Camera Roll. 3. Choose an image from your Camera Roll. 4. Tap areas to erase unwanted marks. Tap the checkmark. 5. Drag the resize handles (white dots) to position the blue box around the part of the image you want to use as the brush. 6. Tap Styles from the main menu. Tip: For the example in the video, we chose a style in the Photoshop CC & Adobe Sketch Brushes section. 7. Tap Presets. Adjust the Size, Spacing, and other settings as you like. Tap Done, or the right arrow on Android devices. 8. Choose the appropriate Creative Cloud Library. Tap Save. Apply style in Adobe Photoshop CC: 1. Open artwork in Photoshop. 2. Choose the Brush tool. 3. Choose your new brush from the Libraries panel (Window – Libraries). 4. Use the new brush to enhance your creation. That's it! To learn more about Adobe Capture and Adobe's other mobile apps, visit our Mobile apps Tutorials page. Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Bring Dull Photos to Life Using Lightroom CC | Adobe Creative Cloud

Learn how to enhance sharpness, detail, and textures using Clarity and Dehaze sliders in Lightroom CC. Download sample files and learn more about image editing techniques in Lightroom: https://adobe.ly/2wbDUS0 Subscribe: https://www.youtube.com/user/adobecreativecloud?sub_confirmation=1 LET’S CONNECT Facebook: http://facebook.com/adobecreativecloud Twitter: http://twitter.com/creativecloud Instagram: http://www.instagram.com/adobecreativecloud/ Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.

Comments

comments