Fit to Comp in Adobe After Effects consists of three simple keyboard shortcuts. In this post, I will show you all three Fit to Comp keyboard shortcuts along with two practical examples of how you can use these keyboard shortcuts in your next project.
Example 1: Scale to the Width of the Composition
So, for this example, I have a text layer, and I want to scale it up to the width of my composition.
I do not want my text layer to stretch like this:
Instead, I want my text layer to scale up proportionally and still maintain its size like this:
We can scale our text layer with the keyboard shortcut CTRL+SHIFT+ALT+H on a PC/CMD+SHIFT+OPT+H on a Mac.
Example 2: Scale to the Composition Width
For the second example, I want to do the same thing we did in the first example but to the height of my composition. I want to do this:
Again, I want my text layer to scale up proportionally and still maintain its original size. The keyboard shortcut for this is CTRL+SHIFT+ALT+G on a PC/CMD+SHIFT+OPT+G on a Mac.
Example 3: Scale to the Composition Width
For the third example, I want to stretch my text layer to the exact size of my composition. Like so:
The keyboard shortcut for this is CTRL+ALT+F on a PC/CMD+OPT+F on a Mac.
Next, let me show you a few practical, real-world examples.
For my first example, I have six random text layers in my composition. I want all of my six text layers to have the same width.
One way to do it would be to scale and adjust each text layer one by one manually.
There’s nothing wrong with this approach. It works just fine, but it will take too long to do it. I am OCD so I can never get it perfect. This approach drives me nuts. So let me show you a better way.
Let’s undo everything with the undo keyboard shortcut CTRL+Z on a PC or CMD+Z on a Mac.
Select everything in the timeline and press CTRL+SHIFT+ALT+H on a PC/CMD+SHIFT+OPT+H on a Mac. As you can see, all of our text layers scaled proportionally to the width of my composition.
Select everything except for the first layer.
Parent the selected text layers to the first text layer by left-clicking and holding down the mouse button on the pick-whip icon and dragging the pick-whip icon to the first text layer. Once the target is highlighted, release and the code will be inserted in the expression field.
Select the parented text layer, which is the first SERGEI PROKHNEVSKIY text layer in the timeline.
Scale down the parented text layer.
Select all the layers again and set the parent option to None on all of our text layers.
Select the first text layer again, snap it to the top of our composition.
Select the last text layer and snap it to the bottom of our composition.
Select all the layers once again and align them.
Select each layer and align them one by one like so:
The result should look like this:
As you can see, the line on the left side is pretty straight.
I also have text layers for my second example, and each text layer describes something.
For example, the left text layer means that it is touching the left side of my composition; the rights text layer is touching the right side of my composition, and so on.
So you get the idea, but what if I want to scale this composition up in size? For example, press CTRL+K on a PC/CMD+K on a Mac to bring up the settings of our composition.
Right now, the width of my composition is set to 1920 px.
Let’s change the settings of my composition and bring it up to 4k.
You can see that my composition has increased, but my text stayed in the same place. In other words, my text layers did not scale up with the composition.
So how do I scale up my text with my composition?
One way to do it just do CTRL+SHIFT+ALT+Y on the PC/CMD+SHIFT+OPT+Y on a Mac.
Select all the text layers and parent them to our Null.
Scale up the parented null object and all of our text layers will scale up and line up with it.
So that is one way of doing it, but let me show you a different way.
I’m going to press CTRL+Z on a PC or CMD+Z on a Mac to undo everything so that I can get back to my original 1920 px by 1080 px composition settings.
Double click on the shape layer to create a new shape layer. The shape layer is the same size as my composition.
I am going select to select all of my text layers once again and parent them to the shape layer we just created
Turn off our shape layer by clicking on the eye icon
I am going to bring up the composition settings with the keyboard shortcut CTRL+K on a PC or CMD+K on a Mac.
Change the width settings to 4k.
Select the Shape layer and press CTRL+SHIFT+ALT+H on a PC or CMD+SHIFT+OPT+H on a Mac. This keyboard shortcut will scale our text layers to the width of our composition.
As you can see, everything lined up perfectly.
Lastly, select the Shape Layer and delete it.
I hope you found this After Effects Tip useful. You can check out all of our Tips on our website. Also, make sure to subscribe to our email list!
Free Private Facebook Mentoring Group
Lastly, join our FREE Private Facebook Mentoring Group. It is our best FREE online resource. We have thousands of talented motion designers in this group. It is an excellent place to network and grow as a motion designer. See you in the group!