How To Create A Dynamic Text Bubble Effect In After Effects
Фильм және анимация
➡️ Here's the link to the template if you just want to save some time: bit.ly/3A14SvN
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
s=thisComp.layer("My Text Layer");
w=s.sourceRectAtTime().width;
h=s.sourceRectAtTime().height;
[w,h]
Section 2
s=thisComp.layer("My Text Layer");
w=s.sourceRectAtTime().width/2;
h=s.sourceRectAtTime().height/2;
l=s.sourceRectAtTime().left;
t=s.sourceRectAtTime().top;
[w+l,h+t]
To be able to read these pieces of code in context you can visit our original post of this video on our website: bit.ly/3R8U1rR
San Francisco Font:
developer.apple.com/fonts/
#aftereffects #textmessage #textbubble
Пікірлер: 142
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!
@MotionArrayTutorials
3 жыл бұрын
Oh wow! Thank you so much! Glad it was helpful! Cheers Peggy!
Awesome dude! What an incredible tutorial, slow paced, eazy to follow. Thanks!
you are a literal lifesaver. your end product even looks like the real deal. ohmydays, thank you so so so so so much
Really impressive. You're a great teacher.
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.
@MotionArrayTutorials
3 жыл бұрын
I appreciate that! Thanks so much Imran!
I just recently found your videos and oh god do you save my day... Thanks a lot!
I love your tutorials
Really great tutorial! Detailed, clear instructions that are easy to follow for a complete beginner. :) Thank you!
You’re a great instructor, thanks!
You are doing a wonderful job by giving Knowledge many thanks
Fantastic tutorial. Thank you so much~
An excellent video turned out, everything is well thought out, a very clear instruction turned out)))
So much work for such a simple effect. Insane.
@MotionArrayTutorials
2 жыл бұрын
Sadly true. This is why we made templates to make it a bit easier 😅 if an easier way is created / discovered we will be sure to let you know
you always helps me. Thank you...
THANKS FOR THIS IV BEEN SEARCHING FO SOOO LONG
BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK
Wow! it's Amazing I did it well ! Perfect work !
THANK YOU. You are the best.
You're awesome. This tutorial help me a lot and makes me wish to have Motion Array. Thanks!
Thank you so much! 💯 Got yourself a new sub
Thanks you so much for this you are a legend
Thanks for sharing this tutorial! There must be a way to write the expression in a way so that it takes the name of the layer before it, to save from creating all those precomps
This is amazing ♥
@MotionArrayTutorials
3 жыл бұрын
So glad you liked it!
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? 😃
thank you, a lot. your video is very amazing. it's help me a lot.
YES! I LOVE YOU!
Incredible! ❤️❤️
@MotionArrayTutorials
3 жыл бұрын
Thanks!
Thank you sir!
Awesome dude, thanks for sharing 👍👍👍💖
@MotionArrayTutorials
2 жыл бұрын
Any time! Happy it was helpful!
will be using it
Its very good! Working! Thanks
@MotionArrayTutorials
Жыл бұрын
Awesome! So happy to hear! 😄
Thanks, you saved me
Great video!
@MotionArrayTutorials
3 жыл бұрын
Glad you enjoyed it! Thanks Robert!
thank you sir .. Love from India
working fine thank you
Thanks so much for tNice tutorials video, it helped so much!
@MotionArrayTutorials
Жыл бұрын
So glad it was helpful! 😄🙏
Amazing
yes its the best. im watcNice tutorialng all Nice tutorials tutorials now
tNice tutorials really helped
Wow! So great Sir. for sharing this chat made by After effect
@MotionArrayTutorials
3 жыл бұрын
It's my pleasure! Glad you liked it!
best teacher ever....
@MotionArrayTutorials
3 жыл бұрын
That's so kind of you! Cheers!
thank you so so so much your a great person you helped
@MotionArrayTutorials
Жыл бұрын
So glad to hear! 😄🙏
thank you so much dude you're a god
@MotionArrayTutorials
Жыл бұрын
So glad I could help! 😄
I was looking for a normal crack for a long time and stumbled upon you, thank you very much
@MotionArrayTutorials
Жыл бұрын
You're welcome! Glad the text bubble effect was to your liking! 😄
Need videos like these bro😀
@MotionArrayTutorials
3 жыл бұрын
Glad to hear AMAL! Cheers!
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?
@MotionArrayTutorials
3 жыл бұрын
Yes, correct! Apologies for not including that. I ended up not actually liking the look personally despite it being more "correct" but all you would have to do is add that shape with the pen tool and parent it to the same null layer that's controlling the position changes 😄
Great👍
@MotionArrayTutorials
3 жыл бұрын
Happy you liked it!
Hey great video. In case of the footage video used here. How would you add the reflection, of the text, into her glasses?
I'm looking into creating fake text messages for my next film project. And can't wait to do this.
Thanks for this. Very good teacher!. The San Francisco font works only for Mac?
Hello ! Nice tuto, Do you have an idea of how to fix the fact that the height changes according to the text? For example, if I write "play" or "fire" or "axis", the height of the bubble changes. I would have to add a minium size expression. But I don't know how. And also, force to fix bubble on the left or on the right, because sometimes if I add "spaces" the bubble moves. You understand that I try to animate the appearance of the text and therefore the bubble grows in a nice way. The "typewriter" effect doesn't work with the automatic bubble. So I had to animate the text source letter by letter. thanks for your answer !
can you do a full tutorial from downloading a free vst till importing into soft soft please?? im new to the interface and software
Nice! You should do some black magic fusion tutorials!
@MotionArrayTutorials
3 жыл бұрын
That sounds awesome! I’d like to as well!
Awesome. Would be great to get a tutorial where you show how to use the motion array AE templates and edit them and take them all the way to PP.
@MotionArrayTutorials
Жыл бұрын
Great suggestion! Actually you're right that would be helpful, I should have done that sooner 😅
Замечательное видео!
@MotionArrayTutorials
3 жыл бұрын
Cheers!
Nice video! But would be awesome to know how to make not just messages but "typing..." effect as well
Great vid. How do we make the boop sound?
Gracias bro, sin virus y activado, like y sub:)
any progress on showing how to use AE template? Just bought a subscription to motion array for this template and completely lost on...pretty much everything. Great video tho!
MotionArrayTutorials I started using this a few hours ago. Is there a way to set it up as a group chat? There are only two image composition (left and right). When I decide to use a third character, it will automatically overide the previous character so it'll be as if the 3rd character spoke prior to entering.
Hi, thats a great tutorial. But I didnt find "rectangle path" in my ae. Version 22.2.1 Can somebody help me?
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
Hi, Its not working with the typewriter effect. Can we you make a video on that too?
Still Valuable after 2 years
@MotionArrayTutorials
Жыл бұрын
Stoked to hear 😁🙏🏻
Thank you..this is amazing... Jordan... Do you have this kind of templates also for premiere pro packages in motion array subscription?
@MotionArrayTutorials
3 жыл бұрын
Glad to hear Jorgino! Thanks! These two would probably be the closest for what you are looking for: motionarray.com/premiere-pro-templates/text-messages-kit-886201 motionarray.com/premiere-pro-templates/text-messages-191494
@ExtranjeroyPeregrino.
3 жыл бұрын
@@MotionArrayTutorials Thank you very much... Appreciated 🙏
From now on i am demanding that every youtube tutorial has jazz playing on the background 1:42
@MotionArrayTutorials
2 жыл бұрын
Haha, yes!!! Glad you feel the same way we do 😁😁😁
Hey, great video! Just a quick question, what keyboard do you yse?
@MotionArrayTutorials
Жыл бұрын
Thanks! I use the Corsair Gaming K 70 😄
this is a great tut. BEWARE of SF PRO FONT though- it can cripple your MAC - there is another font called ROBOTO that WORKS
where do I get that whoop sound {when text pop up ???? I don't want to download templates...I like to create my own.....
Thank you that was nice tutorial! Excuse me but the music in the background sounds good can you provide me a link of it? And thanks again.
@ismvhvvn
3 жыл бұрын
0:41 the music in here
@MotionArrayTutorials
3 жыл бұрын
Hi ishmahan, we actually used this song here: artlist.io/song/11625/dear-daydreamer
could I use the template on premiere pro?
When I open my shape layer contents looking for Rectangle Path 1, it just says "Path." Is there a way I can add the "Rectangle Path" or do I need to adjust my Shape Layer in some way? Help?! Thanks so much for making this tutorial!
@TheRyguy333
Жыл бұрын
Nevermind! I realized that if you have the "Bezier Path" option checked at the top of the toolbar when you go to create your shape layer, "Rectangle Path 1" option won't appear in the Contents dropdown after you've created your Shape Layer! community.adobe.com/t5/after-effects-discussions/after-effects-rectangle-roundness/td-p/9998958
Do you teach after effects for beginners?
At 14:01 when I move up 8 frames and adjust position, the key frame doesn’t appear. I tried to manually make a key frame using the animation tab, but found no success. I couldn’t right click the key frame. I’m not sure how I messed this up. Does anyone know how to resolve this issue?
after connecting to the nul, my text bubbles disappear, please what do i do??
I’m mad this seem like a very easy thing but it’s not
@YoungBlaze
6 ай бұрын
Did you learn, I'll pay you to do mine
WHAT ABOUT THE AUTO SCALE?? HOW SHOULD IT BE EXECUTED AFTER??
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
If I select 3d camera track is work of not
hi, how to install templates to after effect after downloading a template from motion array?
@MotionArrayTutorials
2 жыл бұрын
Hi 😄 if it's really a template then it's actually an After Effects project and doesn't have to be "installed" but instead "opened" by double clicking on the project file in the download folder. If it's a preset, then you can install through the following method: bit.ly/3tJ1vaA
Tanchuuuu
@MotionArrayTutorials
Жыл бұрын
Any time!
soft interface support.
My text isn't moving with the null what do I do?
Can anyone help me add typing and receiving text tones to my video? I haven’t found anything to help me yet.
to download i need a plan
Wooow good video bro pls creat a transition free for iranian peaople
@MotionArrayTutorials
3 жыл бұрын
Thanks Shahrokh! I'll see if I can talk to our team about free transitions 😄 but for the moment our "Shifter" plugin transition is free 🎉
@teenhere24
3 жыл бұрын
@@MotionArrayTutorials thanks for your help,in which part of your website can i download these?
send you the link of it
unfortunately it's quite difficult for windows users to install apple's font. Great tutorial though :)
for some reason the auto scaling doesn’t work for me:(
I click on instruntals and I hear no soft
Can this be done with png bubbles?
@MotionArrayTutorials
Жыл бұрын
I'd have to see the materials themselves, but yeah most likely 😄
8:19 my add feature is gone
no tails on text bubble? thats to sad
compress it
Where is the link for the San Francisco font 😭😭😭
@MotionArrayTutorials
3 жыл бұрын
Hi Zedd, it's located below the expressions in the description 🙂
@zeddfilms2388
3 жыл бұрын
@@MotionArrayTutorials thank you. Can you reach out to me? I would really love to learn some tutorials from you.
I read "gift of totalitarianism"...
Sa
@MotionArrayTutorials
Жыл бұрын
😄
sa
sa lol
@MotionArrayTutorials
Жыл бұрын
😄🙏