How To Create A Dynamic Text Bubble Effect In After Effects

In this After Effects tutorial we look at how to create a text bubble effect in Adobe After Effects. We show you how to create this text bubble effect and also how to make it a dynamic autoscaling text box that reacts to whatever you type! It's awesome!

Section 1

[w,h]

Section 2

[w+l,h+t]

San Francisco Font:

#aftereffects #textmessage #textbubble

[peggyrichardson]

You're very good at giving detailed and clear instructions! Thank you, very helpful, and looking forward to going through your entire library of videos!

[aspen]

Really great tutorial! Detailed, clear instructions that are easy to follow for a complete beginner. :) Thank you!

[willgreat]

I’m mad this seem like a very easy thing but it’s not

[AndroDojo]

I don't usually comment on videos, but you did a great job and keep making these amazing videos. Thank you for sharing this knowledge.

[jjmfesl]

That is a really easy to follow video thank you very much!
but how to actually show the typing part with the growing bubble in that texting?

[noahjoseph]

So much work for such a simple effect. Insane.

[FlyinHawaiianLala]

It’s amazing how well you explain! Can you do a tutorial on how to show a character scrolling through Instagram or social media on screen? 😃

[danielloaizad.]

You're awesome. This tutorial help me a lot and makes me wish to have Motion Array. Thanks!

[marktomphotography]

Nicely done and very helpful. For the nub that appears on the bottom outside corner of every bubble, would you make that with the pen tool?

[zakarianassar]

This lesson is the first for me using AE, the first media effect production program, I mean the first real example composition). I can't imagine that production media world working like this. The result as yours exactly. Because of the following:
1- I am not english profession, you talk quicky, and make everything in the program easy and simple "just keep everything nice and organized" but you also quick here. So I reduced the speed to 0.75x,
2- I repeat some parts many times (again & again & again)
you miss to tell that the bar to run timeline smoothly hhh, but I found it by guessing hhh.
3- Trying to understand what is the point of this even! after a lot of thinking to get answers without using another video. (only installing and using that media encoder and get H246 formate, etc.)
I just need to do this.
Thanks by the way to show how to do this amazing thing

After understanding frames, keyframe, that fucken clock or that diamond to make a keyframe, smart bars, also grids, guides. All of that because of you. I just take 2 days to get the same result as yours. Professonal.

My Respect & Pleasue

[nyang]

you are a literal lifesaver. your end product even looks like the real deal. ohmydays, thank you so so so so so much <3

[MicroondasBrastemp]

Awesome dude! What an incredible tutorial, slow paced, eazy to follow. Thanks!

[bosibsoito]

I was looking for a normal crack for a long time and stumbled upon you, thank you very much

[yanntessier]

Really impressive. You're a great teacher.

[QJapan]

Fantastic tutorial. Thank you so much~

[mwatutorials]

Thank you for the great tutorial

You can save time while making these two steps to add the padding

Just at the End of Section 1 . Make it

[w+28, h+28]

These numbers because I am in 1920 * 1080 P Comp and not 4K Like yours

But the idea is just to increase these values

[blaqkheenxbeatz]

thank you so much dude you're a god

[imbuantursolis]

I just recently found your videos and oh god do you save my day... Thanks a lot!

[a.m.amedia]

BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK

[itratachannel]

You are doing a wonderful job by giving Knowledge many thanks