YT YouTube2Text

YouTube2Text → Transcripts → How to Master Smooth Text Animations in CapCut

How to Master Smooth Text Animations in CapCut — Transcript

by Zeven 7 · 3,060 words · 494 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

0:00Text isn't just for reading. It's for
0:01directing attention. Most text
0:03animations are boring because they're
0:04overused or they simply don't fit the
0:06video. Instead of helping the viewer,
0:08they become just another distraction.
0:09[music]
0:09But when text is animated the right way,
0:11it alone can make your videos feel much
0:13better. In this video, I'll teach you
0:15everything you need to know about text
0:16animation and show you how to make it
0:18look premium even inside CapCut. So,
0:20[music] I did the homework for you.
0:21After analyzing a bunch of different
0:23edits, I found that every text animation
0:25can be broken down into three pieces:
0:27typography, composition, and motion.
0:30Once you understand these [music] three,
0:31creating great text animations becomes
0:33ridiculously easy. Typography is
0:35everything about how your text looks.
0:37And if it's about looks, you know it's
0:39about fonts. There are five main font
0:41families: [music] serif, sans serif,
0:42slab serif, script, and display. Then
0:45every font comes in different weights:
0:46thin, regular, and bold. But throwing
0:48fancy fonts everywhere doesn't
0:50automatically make your text look good.
0:52The secret is choosing the right font
0:53for the right situation. Composition.
0:55This is all about where your text sits
0:57on the screen. Things like its position,
0:59the white space around it, and
1:00principles like the rule of thirds and
1:02safe margins. [music] Basically, it's
1:04the layout of your text. Then comes
1:05motion. This is what most people think
1:07text animation is, but it's actually
1:09just one piece of the puzzle. There are
1:11three main categories of text animation:
1:12[music]
1:13in animations, how your text enters the
1:15screen; emphasis animations, how you
1:17direct attention and add energy; out
1:19animations, how your text leaves the
1:20screen. Now, enough with the theories.
1:22Let's get into the real business. I'm
1:24going to show you seven of the most
1:25viral and eye-catching text animation
1:27styles and recreate every single one
1:29from scratch. As the first style, let's
1:31start with the basics. These are the
1:33three fundamental text animations.
1:35Almost every text animation you've ever
1:37seen is just an upgraded variation of
1:39these three. So, let's start with basic
1:41number one. This is just a word-by-word
1:43animation. Each word simply pops up one
1:45after another. First, import your
1:46voiceover into the timeline. Then I add
1:48a white background so it's easier for
1:50you to follow. Now, go to the text tab
1:52and generate captions using auto
1:54captions. Once they're generated, move
1:56the captions to the center of the
1:57screen. Change the text color to black.
1:59For the font, I'm using Coolvetica. Now
2:01for the animation, CapCut already has
2:03this one built in. If you go to the
2:04caption tab, you'll find an animation
2:06called bounce out. But if you want to
2:08make it manually, here's how. Open this
2:10caption tab, you'll see every word is
2:12editable text. Simply separate each word
2:14by pressing enter after every word.
2:16That's literally [music] it. You're just
2:17placing each word on its own text box.
2:19Now for the second basic style, it's
2:21still word by word, but instead of every
2:23word appearing in the center, each new
2:25word appears next to the previous one,
2:27building a single sentence. Just like
2:28before, [music] import your voiceover
2:30and add a background.
2:32Generate auto captions and customize
2:34[music] the text.
2:36Then duplicate the text layer, select
2:37the original layer, and lower its
2:39opacity.
2:40Now select the duplicated layer, open
2:42the caption tab, and separate every word
2:44by pressing enter. Only do this on the
2:46duplicated layer.
2:48Next, place every word onto its own text
2:51layer, creating a staircase on the
2:52timeline.
2:54After that, extend each text layer so
2:56they all end at the same time as the
2:57guide layer. Now all the words are
2:59sitting in the center. Using the faded
3:00guide underneath, move each word into
3:02its correct position to build the
3:04sentence.
3:06You can use the zoom box for more
3:07accurate placement.
3:11Once everything lines up, delete the
3:12faded guide layer, and that's it. Now
3:14for the third basic animation, it's
3:16almost identical to the second one, but
3:18the difference is in the previous
3:19animation, only the new word moved. In
3:22this one, the entire sentence moves
3:23every time a new word appears, keeping
3:25everything perfectly centered. Start the
3:27same [music] way, generate your auto
3:29captions, and customize the text.
3:31Then separate every word just like
3:32[music] before.
3:35Now it looks exactly like the first
3:37animation. Here's the [music] trick.
3:38Select the first text layer and copy the
3:40word. Go to the second layer and paste
3:42that word before the second word. Now
3:43copy that entire line, move to the third
3:45layer, and paste it before the next
3:47word. Repeat [music] this process until
3:48you've built the entire sentence.
3:52>> [music]
3:58>> Here is the second text animation,
4:00bounce up. It's basically the first
4:01word-by-word animation, just enhanced
4:03with a few keyframe movements. Start by
4:05generating auto captions for your
4:07voiceover. Customize [music] the text
4:08however you like.
4:10CapCut does have a built-in animation
4:12called spring, but honestly, the bounce
4:13doesn't feel very accurate. So, let's
4:15make it ourselves. Separate every word
4:17just like we did before.
4:20Now, select the first text box. At the
4:22very beginning, add a transform
4:23keyframe. Move forward three frames and
4:25add another keyframe. Then, move forward
4:27another three frames and add one more.
4:29Go back to the first keyframe and set
4:31the scale to zero. Now, right-click the
4:32text layer and open the keyframe graph.
4:35Create a smooth bounce curve like this.
4:41>> [music]
4:43>> Feel free to adjust the spacing between
4:45the keyframes until the bounce matches
4:46your voiceover. Once you're happy with
4:48it, close the graph. Now, you have two
4:50options. You can repeat the same process
4:52for every text layer, or simply
4:53duplicate the first animated text layer,
4:55replace the text, then convert it into a
4:57compound clip, trim off the unwanted
4:59part, and place it on the timeline so it
5:01lines up. That'll save you a lot of
5:03time.
5:06>> [music]
5:09>> If you want, you can also save it as a
5:10preset. Unfortunately, CapCut doesn't
5:12apply it like a one-click template.
5:14You'll still need to tweak it every
5:15time. But, once you get used to it, it
5:17only takes a few seconds. [music] And
5:18that's the bounce up animation. Next,
5:20we've got the bouncy slide up. I'm
5:22pretty sure you've seen this one before.
5:24It's one of the most viral text
5:25animations. I already have my caption
5:27layer ready. For this one, we're going
5:29to follow the exact same process as the
5:31second basic text animation. [music]
5:33Duplicate the text layer, lower the
5:34opacity of the original layer. Now,
5:36select the duplicated layer and separate
5:38every word.
5:41Place each word on its own layer,
5:43creating that staircase layout we made
5:45before. Extend all the layers, trim the
5:48unnecessary parts, then use the faded
5:50layer underneath as a guide to position
5:52every word into a sentence.
5:53>> [music]
5:54>> Once you're done, delete the faded guide
5:56layer. Now, let's animate it. Select the
5:58first word layer, add a transform
5:59keyframe at the beginning, move forward
6:01about 10 frames, and add another
6:03keyframe. Then move another eight frames
6:05and add a third one. Go back to the
6:07first keyframe and set the Y position to
6:09around minus 200. Right click the layer
6:11and open the keyframe graph. Create a
6:13bounce curve on the Y graph like this.
6:18Now, go back to the first frame, add a
6:20blend [music] keyframe, and set the
6:21opacity to zero. Move forward three
6:24frames and change the opacity back to
6:26100. Open the blend graph and apply
6:28cubic out.
6:33Now, repeat the same animation for the
6:34rest of the [music] text layers.
6:46At this point, you'll end up with
6:47something like this. It's not bad, but
6:49it still feels a little plain. [music]
6:50So, let's make it look even better.
6:52Select all the text layers and convert
6:54them into a compound clip.
6:56Now, add two transform keyframes, one at
6:58the beginning and one at the end. Go
6:59back to the first keyframe, set the
7:01scale to 150, then move the text
7:03slightly to the right around 1,000 on
7:05the X position. Open the keyframe graph
7:07one last time and apply cubic out to
7:09both the scale and X position graphs.
7:14And there you go, a much cleaner and
7:16buttery smooth animation.
7:19Next up, the upgraded version of this
7:21one, bouncy slide up with glow pops.
7:23This is probably the most eye-catching
7:24animation on the list. For this one, use
7:26a dark background, the glow will stand
7:28out much better. I'll keep it simple and
7:30just type some text manually. Customize
7:32it however you like.
7:34Now, we need to recreate the bouncy
7:35slide up animation first. Just follow
7:37the exact same steps we did before. This
7:39time, I'm not using a voiceover, so you
7:41can see how to make it manually, too.
7:42The only difference is, without a
7:44voice-over, you'll need to type the text
7:46yourself and position each layer
7:47manually. For short animations like
7:49this, that's much easier.
7:51All right, once your text placement is
7:53done, create the bounce up animation
7:55exactly like before, but skip the blend
7:57keyframe part this time.
8:01Once the slide up animation is finished,
8:03let's make the glow pops. Duplicate the
8:05first text layer, change it to any color
8:07you like.
8:08Right-click [music] it and convert it
8:10into a compound clip. Now, add a blend
8:12keyframe at the beginning.
8:13Move forward about five frames and set
8:15the opacity to zero. Then, trim away the
8:18remaining part of the clip. Repeat the
8:19same process for the rest of the text
8:21layers.
8:24Now, you'll notice the colored text
8:26smoothly fading away. Honestly, this
8:28version already looks pretty cool. If
8:29you like that clean fade, [music] you
8:31can stop right here. But, if you want
8:32that glowing effect, simply add the glow
8:34two effect to all of the compound clips.
8:36And just like that, [music] you've got
8:38one of the cleanest and most
8:39eye-catching text animations. All right,
8:41next up is this text composition
8:43animation. I actually don't know a name
8:45for this one. It's basically arranging
8:47words around other words using primary
8:49and secondary text. The special thing
8:51about this style is that you're not
8:52limited to a single font. I've used this
8:54style a lot in my own videos, and
8:56honestly, it's much easier to make than
8:58you might think. So, let's build one
8:59from scratch. I start by generating auto
9:01captions. Then, I change the text color
9:03to black and place everything in the
9:05center for now. After that, separate
9:07every word and create that staircase
9:08layout on the timeline.
9:13Now, you need to pick a primary word
9:14from your sentence. Select all the other
9:16text layers and move them aside for now.
9:19Change the primary word to a bold font.
9:21I'm using Coolvetica. Increase the font
9:23size to around 10 and make sure the
9:25primary word is noticeably bigger than
9:26the rest. Now, you just have to build a
9:28composition. Start placing the other
9:30words around your primary word. Use
9:32different fonts, different weights like
9:33thin and regular, and experiment with
9:35different styles. There's no rule saying
9:38you have to keep the words in the same
9:39order as the sentence. Just make it look
9:41clean.
9:42Try not to leave huge empty spaces. Keep
9:44the layout compact. Actually, this
9:46composition part mostly depends on the
9:48sentence you're working with. For words
9:50you want to emphasize, try using a
9:52script font.
9:53You can also mix black, dark gray, and
9:55gray text. Using slightly different
9:57shades instead of one solid color gives
9:59the composition more depth.
10:03Once you're happy with the composition,
10:05it's [music] time to animate it. You
10:06don't have to animate every single word.
10:08A simple slide up, pop up, or even a
10:10typing animation on the primary words is
10:12more than enough. Here's how I make a
10:13smooth slide [music] up. Add a transform
10:15keyframe at the first frame. Move
10:17forward about eight frames and add
10:18another transform keyframe. Go back to
10:20the [music] first keyframe and slightly
10:22lower the Y position.
10:24Now add a blend keyframe at the
10:26beginning [music] and set the opacity to
10:27zero. Move forward about four frames and
10:29change the opacity back to 100. Open the
10:32keyframe graph and apply cubic out to
10:34both the Y position and blend graphs.
10:37And that's it. Here's the final result
10:39after adding the slide up animation.
10:40Text composition is what guides the
10:42viewers' eyes. As the sixth one, let's
10:44make this SaaS-style text animation. If
10:46you don't know what SaaS means, it
10:48stands for software as a service. The
10:50special thing about this style is that
10:51it's incredibly smooth and fancy, yet
10:54still minimal. So, let's make it. I
10:55start by generating auto captions.
10:57Customize them however you like. For
10:59this one, I'm using Creato Display
11:01Medium as my font.
11:02Now duplicate the text layer and reduce
11:04the opacity of the original layer. Just
11:07like before, separate every word and
11:09create that staircase layout.
11:11>> [music]
11:14>> Then place all the words into a single
11:16line using the faded layer as your
11:18guide.
11:24Once you're done, you'll end up with
11:25this basic text layout. Now I'm going to
11:27make a quick bouncy slide up. Just
11:29follow the exact same steps we used
11:31before.
11:47After that, duplicate the first text
11:49layer and change it to any color you
11:51like.
11:53Add a blend keyframe at the beginning.
11:55>> [music]
11:55>> Move forward about 5 to 10 frames and
11:57set the opacity to zero.
11:59Repeat the same process for the rest of
12:01the text layers.
12:03>> [music]
12:06>> Now I'm selecting the last word layer
12:08and splitting it into two near the end.
12:10Select the second half, change its color
12:12to blue, then make it bold and italic.
12:13[music] This part is completely
12:15optional. I'm just doing it because it
12:16gives the animation a little extra
12:18personality. [music] Now trim the
12:19unnecessary parts of all the colored
12:21layers.
12:22Next, let's animate the part where the
12:24first three words disappear. Move the
12:26playhead to where the next word starts
12:27and cut the first text layer there. Move
12:29forward about three frames and cut the
12:31second layer. [music]
12:32Then move another five frames and cut
12:34the third layer.
12:35Now apply this type two out animation to
12:37those three layers.
12:41Adjust the animation duration so it
12:42matches your timing. Also, make sure the
12:44animation starts after the previous
12:46layer ends. Otherwise, it'll begin
12:47disappearing before the previous
12:49animation finishes. Once that's done,
12:51select all the text layers and convert
12:53them into a compound clip.
12:55Open guides and rulers and add a
12:57vertical guide.
12:59Add a transform keyframe at the
13:00beginning of the compound clip and align
13:02the first word to the center.
13:04Now move to the point where the first
13:06three words have finished appearing and
13:08center that group.
13:10Then move to the final part of the
13:11animation and center the last two words.
13:16Open the keyframe graph [music] and
13:17apply cubic ease to the X position
13:19graph.
13:22And there [music] you go. Now you've got
13:24a smooth sauce animation. Build your
13:26identity using fonts. And for the last
13:28one, I picked this text highlighting
13:30animation. It's one of the most popular
13:32animations in Apple style UI motion
13:34design. The best thing about it is how
13:36versatile it is. You can use it on its
13:38own or combine it with slide ups, bounce
13:40[music] ups, or pretty much any other
13:41text animation. I'll show you how to
13:43make the standalone version so you can
13:44easily combine it with your own
13:46animation styles later. Start by adding
13:48a text layer and type any word or
13:50sentence you [music] want. I'm using
13:51Creato Display Medium as my font.
13:54Next, add another text layer and type a
13:56single dot. Change its color to blue and
13:58increase the font size to around 30.
14:00Now, [music] duplicate that text layer
14:02and replace the dot with a straight
14:03line. Change it to a thin font.
14:05>> [music]
14:05>> If it looks too thin, just switch it to
14:07bold.
14:08Place the line on the circle like this
14:10to create the highlighter shape. Now,
14:12select both layers and convert them into
14:14a compound clip. Duplicate that compound
14:16clip. Double-click the duplicated clip
14:18to open it. Move the blue dot to the top
14:20of the line.
14:21Then, click this arrow to go back to the
14:23main timeline. Place one highlighter
14:25shape on the left side of your text
14:26[music] and the other on the right.
14:29Now, duplicate your main text layer.
14:31Select the bottom copy, delete the text,
14:33then press space until it's roughly the
14:34same width as the original text. Enable
14:37a background for that text layer and
14:39choose the second style. Change the
14:41background color to a light blue like
14:42this.
14:44Set the rounded rectangle value to zero.
14:47Adjust the width, height, and position
14:49until it creates a highlight behind your
14:51text.
14:52>> [music]
14:52>> Also, adjust the two highlighter shapes
14:54so they line up perfectly with the
14:55background.
14:56>> [music]
14:57>> Now, the composition is finished. All
14:58that's left is the animation. Select the
15:01right highlighter shape. Add a transform
15:03keyframe at the beginning. Move forward
15:04about 1 second and add another transform
15:06keyframe. Go back to the first keyframe
15:08and move the right highlighter so it
15:10sits directly on top of the left one.
15:12Now, select the background text layer
15:13and convert it into a compound clip.
15:16Apply [music] a split mask. Rotate the
15:17mask to minus 90°. Add a transform
15:20keyframe at the beginning and position
15:22the mask over the left highlighter.
15:24Then move to the second key frame you
15:26created earlier and slide the mask all
15:28the way to the right.
15:31Finally, open the key frame graph for
15:33both layers and apply cubic ease to
15:35their X position graphs. [music]
15:37And that's it. You've just created that
15:38clean Apple style text highlighter
15:40animation. So, that's how you create
15:42these text animations from scratch. I
15:44hope you learned something new and
15:45remember, you can do all of this inside
15:47CapCut. So, go open CapCut and actually
15:49make something. Experiment, break
15:51things, try your own variations because
15:53that's how you take your editing to the
15:55next level. That's it for now. I'll see
15:57you in the next one.
16:00>> [music]

About this transcript

This page contains the full transcript of How to Master Smooth Text Animations in CapCut by Zeven 7, generated from the public captions YouTube serves with the video. The transcript has 3,060 words across 494 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.