How To Create A Dynamic Text Bubble Effect In After Effects

  Рет қаралды 188,748

Motion Array Tutorials

Motion Array Tutorials

3 жыл бұрын

➡️ 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

Пікірлер: 144
@peggyrichardson8553
@peggyrichardson8553 3 жыл бұрын
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
@MotionArrayTutorials 3 жыл бұрын
Oh wow! Thank you so much! Glad it was helpful! Cheers Peggy!
@MicroondasBrastemp436
@MicroondasBrastemp436 2 жыл бұрын
Awesome dude! What an incredible tutorial, slow paced, eazy to follow. Thanks!
@nyang438
@nyang438 7 ай бұрын
you are a literal lifesaver. your end product even looks like the real deal. ohmydays, thank you so so so so so much
@imbuantursolis
@imbuantursolis 5 ай бұрын
I just recently found your videos and oh god do you save my day... Thanks a lot!
@yanntessier7150
@yanntessier7150 Жыл бұрын
Really impressive. You're a great teacher.
@AndroDojo
@AndroDojo 3 жыл бұрын
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
@MotionArrayTutorials 3 жыл бұрын
I appreciate that! Thanks so much Imran!
@aspen1713
@aspen1713 3 ай бұрын
Really great tutorial! Detailed, clear instructions that are easy to follow for a complete beginner. :) Thank you!
@leilanipatrick111
@leilanipatrick111 Жыл бұрын
You’re a great instructor, thanks!
@itratachannel4994
@itratachannel4994 2 жыл бұрын
You are doing a wonderful job by giving Knowledge many thanks
@Q2Japan
@Q2Japan Жыл бұрын
Fantastic tutorial. Thank you so much~
@adnanrana5019
@adnanrana5019 2 жыл бұрын
I love your tutorials
@kkmtematik84kertamuktiunti32
@kkmtematik84kertamuktiunti32 Жыл бұрын
An excellent video turned out, everything is well thought out, a very clear instruction turned out)))
@musicxyz.724
@musicxyz.724 2 жыл бұрын
you always helps me. Thank you...
@danielloaizad.1566
@danielloaizad.1566 2 ай бұрын
You're awesome. This tutorial help me a lot and makes me wish to have Motion Array. Thanks!
@abdulrafay9410
@abdulrafay9410 2 жыл бұрын
Wow! it's Amazing I did it well ! Perfect work !
@a.m.amedia8553
@a.m.amedia8553 Жыл бұрын
BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK
@mynameisjaychou96
@mynameisjaychou96 Жыл бұрын
THANKS FOR THIS IV BEEN SEARCHING FO SOOO LONG
@casperhunter-reeds337
@casperhunter-reeds337 Жыл бұрын
THANK YOU. You are the best.
@Warl0ckxB
@Warl0ckxB 3 жыл бұрын
Thank you so much! 💯 Got yourself a new sub
@FlyinHawaiianLala
@FlyinHawaiianLala 2 жыл бұрын
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? 😃
@lucaswu9580
@lucaswu9580 2 жыл бұрын
Thanks you so much for this you are a legend
@TRY_SO_HARD
@TRY_SO_HARD 9 ай бұрын
thank you, a lot. your video is very amazing. it's help me a lot.
@noahjoseph5714
@noahjoseph5714 2 жыл бұрын
So much work for such a simple effect. Insane.
@MotionArrayTutorials
@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
@alexpittsley
@alexpittsley 5 ай бұрын
will be using it
@andyc7777
@andyc7777 3 жыл бұрын
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
@PressedOutMedia
@PressedOutMedia 3 жыл бұрын
Thank you sir!
@SweetCreature83
@SweetCreature83 3 жыл бұрын
This is amazing ♥
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
So glad you liked it!
@angelopalagano5830
@angelopalagano5830 10 ай бұрын
Thanks, you saved me
@lofisoul5591
@lofisoul5591 Жыл бұрын
working fine thank you
@rudrakshgupta4399
@rudrakshgupta4399 Жыл бұрын
YES! I LOVE YOU!
@CancerNoir
@CancerNoir 3 жыл бұрын
Incredible! ❤️❤️
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
Thanks!
@sigitsatriani
@sigitsatriani 2 жыл бұрын
Awesome dude, thanks for sharing 👍👍👍💖
@MotionArrayTutorials
@MotionArrayTutorials 2 жыл бұрын
Any time! Happy it was helpful!
@tilakpradhan5110
@tilakpradhan5110 5 ай бұрын
thank you sir .. Love from India
@Hunting996
@Hunting996 Жыл бұрын
yes its the best. im watcNice tutorialng all Nice tutorials tutorials now
@buttstudio6762
@buttstudio6762 2 жыл бұрын
Amazing
@lyloo.n1527
@lyloo.n1527 Жыл бұрын
Its very good! Working! Thanks
@MotionArrayTutorials
@MotionArrayTutorials Жыл бұрын
Awesome! So happy to hear! 😄
@letras3075
@letras3075 Жыл бұрын
thank you so so so much your a great person you helped
@MotionArrayTutorials
@MotionArrayTutorials Жыл бұрын
So glad to hear! 😄🙏
@robyneng
@robyneng 3 жыл бұрын
Great video!
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
Glad you enjoyed it! Thanks Robert!
@AspectCEH
@AspectCEH Жыл бұрын
Thanks so much for tNice tutorials video, it helped so much!
@MotionArrayTutorials
@MotionArrayTutorials Жыл бұрын
So glad it was helpful! 😄🙏
@marktomphotography
@marktomphotography 3 жыл бұрын
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
@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 😄
@b.sgaming6870
@b.sgaming6870 Жыл бұрын
tNice tutorials really helped
@bosibsoito1941
@bosibsoito1941 Жыл бұрын
I was looking for a normal crack for a long time and stumbled upon you, thank you very much
@MotionArrayTutorials
@MotionArrayTutorials Жыл бұрын
You're welcome! Glad the text bubble effect was to your liking! 😄
@graphixerstudio
@graphixerstudio 3 жыл бұрын
Wow! So great Sir. for sharing this chat made by After effect
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
It's my pleasure! Glad you liked it!
@ratedsu4984
@ratedsu4984 3 жыл бұрын
best teacher ever....
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
That's so kind of you! Cheers!
@timothyockhuizen7339
@timothyockhuizen7339 Жыл бұрын
Hey great video. In case of the footage video used here. How would you add the reflection, of the text, into her glasses?
@blaqkheenxbeatz
@blaqkheenxbeatz Жыл бұрын
thank you so much dude you're a god
@MotionArrayTutorials
@MotionArrayTutorials Жыл бұрын
So glad I could help! 😄
@razikhel
@razikhel 3 жыл бұрын
Great👍
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
Happy you liked it!
@AMALVINOD-MASHUPVIDEOS
@AMALVINOD-MASHUPVIDEOS 3 жыл бұрын
Need videos like these bro😀
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
Glad to hear AMAL! Cheers!
@theNegisan
@theNegisan 2 жыл бұрын
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 !
@JayBaggio
@JayBaggio 2 жыл бұрын
Thanks for this. Very good teacher!. The San Francisco font works only for Mac?
@BlackCatFilmProductions
@BlackCatFilmProductions 2 жыл бұрын
I'm looking into creating fake text messages for my next film project. And can't wait to do this.
@simbamufasa4800
@simbamufasa4800 Жыл бұрын
can you do a full tutorial from downloading a free vst till importing into soft soft please?? im new to the interface and software
@user-jj3mf3es4l
@user-jj3mf3es4l 11 күн бұрын
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?
@hourglassentertainment237
@hourglassentertainment237 3 жыл бұрын
Nice! You should do some black magic fusion tutorials!
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
That sounds awesome! I’d like to as well!
@codergrammerkode
@codergrammerkode Жыл бұрын
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
@MotionArrayTutorials Жыл бұрын
Great suggestion! Actually you're right that would be helpful, I should have done that sooner 😅
@kai_174
@kai_174 3 жыл бұрын
Замечательное видео!
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
Cheers!
@mariannasarmanho7527
@mariannasarmanho7527 Жыл бұрын
Gracias bro, sin virus y activado, like y sub:)
@GenXGamez
@GenXGamez 8 ай бұрын
Great vid. How do we make the boop sound?
@Blizzanity
@Blizzanity Жыл бұрын
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.
@jadeholloway9002
@jadeholloway9002 Жыл бұрын
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!
@tobiaskupper9320
@tobiaskupper9320 2 жыл бұрын
Hi, thats a great tutorial. But I didnt find "rectangle path" in my ae. Version 22.2.1 Can somebody help me?
@dankowalski2146
@dankowalski2146 8 ай бұрын
Nice video! But would be awesome to know how to make not just messages but "typing..." effect as well
@gabiludlum7248
@gabiludlum7248 3 жыл бұрын
could I use the template on premiere pro?
@ExtranjeroyPeregrino.
@ExtranjeroyPeregrino. 3 жыл бұрын
Thank you..this is amazing... Jordan... Do you have this kind of templates also for premiere pro packages in motion array subscription?
@MotionArrayTutorials
@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.
@ExtranjeroyPeregrino. 3 жыл бұрын
@@MotionArrayTutorials Thank you very much... Appreciated 🙏
@fadilamosvi6451
@fadilamosvi6451 7 ай бұрын
Hi, Its not working with the typewriter effect. Can we you make a video on that too?
@willgreat8384
@willgreat8384 Жыл бұрын
I’m mad this seem like a very easy thing but it’s not
@YoungBlaze
@YoungBlaze 7 ай бұрын
Did you learn, I'll pay you to do mine
@yedhukrishnan1551
@yedhukrishnan1551 3 жыл бұрын
where do I get that whoop sound {when text pop up ???? I don't want to download templates...I like to create my own.....
@iambluexd
@iambluexd Жыл бұрын
Hey, great video! Just a quick question, what keyboard do you yse?
@MotionArrayTutorials
@MotionArrayTutorials Жыл бұрын
Thanks! I use the Corsair Gaming K 70 😄
@syrush7349
@syrush7349 3 жыл бұрын
If I select 3d camera track is work of not
@MACADDICTRAY
@MACADDICTRAY Жыл бұрын
Do you teach after effects for beginners?
@brejka96
@brejka96 2 жыл бұрын
From now on i am demanding that every youtube tutorial has jazz playing on the background 1:42
@MotionArrayTutorials
@MotionArrayTutorials 2 жыл бұрын
Haha, yes!!! Glad you feel the same way we do 😁😁😁
@jonelledixon
@jonelledixon Жыл бұрын
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?
@ttemidayoo
@ttemidayoo Жыл бұрын
Still Valuable after 2 years
@MotionArrayTutorials
@MotionArrayTutorials Жыл бұрын
Stoked to hear 😁🙏🏻
@stickapot3623
@stickapot3623 Жыл бұрын
this is a great tut. BEWARE of SF PRO FONT though- it can cripple your MAC - there is another font called ROBOTO that WORKS
@ismvhvvn
@ismvhvvn 3 жыл бұрын
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
@ismvhvvn 3 жыл бұрын
0:41 the music in here
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
Hi ishmahan, we actually used this song here: artlist.io/song/11625/dear-daydreamer
@erlendvageskar3356
@erlendvageskar3356 7 күн бұрын
Is there something similar for Kdenlive?
@jaswanthprabakaran1617
@jaswanthprabakaran1617 Жыл бұрын
WHAT ABOUT THE AUTO SCALE?? HOW SHOULD IT BE EXECUTED AFTER??
@zakarianassar4264
@zakarianassar4264 2 ай бұрын
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
@elarcadenoah9000
@elarcadenoah9000 2 жыл бұрын
to download i need a plan
@TheRyguy333
@TheRyguy333 Жыл бұрын
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
@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
@LetsImproverYou
@LetsImproverYou 11 ай бұрын
Can anyone help me add typing and receiving text tones to my video? I haven’t found anything to help me yet.
@user-nc6zt9jz6i
@user-nc6zt9jz6i 4 ай бұрын
after connecting to the nul, my text bubbles disappear, please what do i do??
@mwatutorials8970
@mwatutorials8970 2 жыл бұрын
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
@piyushkumarsingh8926
@piyushkumarsingh8926 Жыл бұрын
soft interface support.
@bwtravelgo
@bwtravelgo 2 жыл бұрын
hi, how to install templates to after effect after downloading a template from motion array?
@MotionArrayTutorials
@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
@crycoreproductions
@crycoreproductions 4 ай бұрын
My text isn't moving with the null what do I do?
@nohtx9305
@nohtx9305 Жыл бұрын
send you the link of it
@afititus9688
@afititus9688 Жыл бұрын
Tanchuuuu
@MotionArrayTutorials
@MotionArrayTutorials Жыл бұрын
Any time!
@abdulwalial_khawlani8680
@abdulwalial_khawlani8680 2 жыл бұрын
I click on instruntals and I hear no soft
@NintendoKnightThefirst
@NintendoKnightThefirst 4 ай бұрын
8:19 my add feature is gone
@yakipapaya
@yakipapaya Жыл бұрын
for some reason the auto scaling doesn’t work for me:(
@PopsReid
@PopsReid Жыл бұрын
Can this be done with png bubbles?
@MotionArrayTutorials
@MotionArrayTutorials Жыл бұрын
I'd have to see the materials themselves, but yeah most likely 😄
@teenhere24
@teenhere24 3 жыл бұрын
Wooow good video bro pls creat a transition free for iranian peaople
@MotionArrayTutorials
@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
@teenhere24 3 жыл бұрын
@@MotionArrayTutorials thanks for your help,in which part of your website can i download these?
@DeleteEverythingAndEscape
@DeleteEverythingAndEscape Жыл бұрын
no tails on text bubble? thats to sad
@biancamerten5356
@biancamerten5356 Жыл бұрын
compress it
@user-wm6no8sk7h
@user-wm6no8sk7h 6 ай бұрын
unfortunately it's quite difficult for windows users to install apple's font. Great tutorial though :)
@zeddfilms2388
@zeddfilms2388 3 жыл бұрын
Where is the link for the San Francisco font 😭😭😭
@MotionArrayTutorials
@MotionArrayTutorials 3 жыл бұрын
Hi Zedd, it's located below the expressions in the description 🙂
@zeddfilms2388
@zeddfilms2388 3 жыл бұрын
@@MotionArrayTutorials thank you. Can you reach out to me? I would really love to learn some tutorials from you.
@medomarbedoui9667
@medomarbedoui9667 6 ай бұрын
@DamianGamingWorld
@DamianGamingWorld Жыл бұрын
I read "gift of totalitarianism"...
@user-qd3rt6py7k
@user-qd3rt6py7k Жыл бұрын
sa
How To Create A Liquid Transition In After Effects
14:00
Motion Array Tutorials
Рет қаралды 30 М.
Mama vs Son vs Daddy 😭🤣
00:13
DADDYSON SHOW
Рет қаралды 28 МЛН
Looks realistic #tiktok
00:22
Анастасия Тарасова
Рет қаралды 105 МЛН
ВОДА В СОЛО
00:20
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 26 МЛН
A Brief Look at Texting and the Internet in Film
5:01
Every Frame a Painting
Рет қаралды 1,7 МЛН
How To Easily Replace Screens In After Effects Using Mocha!
16:57
Javier Mercedes
Рет қаралды 17 М.
Make iPhone Text Effect - Adobe Premiere Pro Tutorial
10:08
Flat Pack FX
Рет қаралды 421 М.
Create Text Message Bubbles Inside After Effects
6:28
John The Video Guy
Рет қаралды 2,7 М.
Hologram Phone Effect in Adobe Premiere Pro 2023
8:21
Brooker Films
Рет қаралды 41 М.
How to edit SO good your viewers get addicted to your videos
14:32
Learn By Leo
Рет қаралды 1,2 МЛН
FREE Text Message Generator for After Effects!
2:57
ProductionCrate
Рет қаралды 10 М.
How To Use Roto Brush 3.0 in After Effects
7:00
Motion Array Tutorials
Рет қаралды 370 М.
БАТЯ И ТЁЩА😂#shorts
0:58
BATEK_OFFICIAL
Рет қаралды 1,4 МЛН
Девушка приехала на СТО. Женско-водительский словарь
0:56
Красавица и Чудовище ОФИЦИАЛЬНЫЙ КАНАЛ
Рет қаралды 6 МЛН
They got a Golden Buzzer 🤣✨
0:46
America's Got Talent
Рет қаралды 37 МЛН
Sagawa1gou funny video 😂😂😂 | SAGAWA Best TikTok 2024 #shorts
0:59
Sagawa /さがわ
Рет қаралды 14 МЛН