After Effects Tips and Tricks Part 2

Looping

Creating seamless animation loops is essential for motion graphics work, and After Effects makes this surprisingly simple with expressions. Select any animated layer and Alt/Option-click the stopwatch next to the animated property you want to loop. In the expression field that appears, type "loopOut()" and press Enter. Hit the spacebar to preview your animation—it will now cycle indefinitely. This technique is invaluable for creating background animations, loading icons, or any repeating motion graphics elements. For more complex looping behaviors, try "loopOut('pingpong')" to create back-and-forth motion or "loopOut('cycle', 2)" to loop only the last two keyframes.

Quick Pan/Quick Select

Efficient navigation is crucial when working with complex compositions, and the quick pan feature dramatically speeds up your workflow. Hold down the spacebar while using any tool (except the Rotobrush) and click-drag to temporarily access the Pan tool for repositioning your view. Release the spacebar to instantly return to your previous tool. This technique works seamlessly with all tool hotkeys—you can hold G for the Pen tool, then add spacebar for panning, then release spacebar to continue with the Pen tool. This eliminates the constant tool switching that can slow down professional workflows, especially when working on detailed compositions or rotoscoping work.

Zooming In/Out

Master these essential keyboard shortcuts for efficient viewport navigation: press the period key (.) to zoom in and the comma key (,) to zoom out. These shortcuts provide precise control over your viewing scale, which is particularly important when working on detailed animations or when you need to examine edge quality on vector elements. For even faster navigation, combine these zoom shortcuts with the quick pan technique above to rapidly move around large compositions.

Rasterizing Layers/Collapse Transformations Switch

The sun-shaped icon in your layer panel serves dual purposes and is critical for professional output quality. If you don't see these switches, click "Toggle Switches/Modes" to reveal them. For vector files that appear fuzzy or pixelated, click the Rasterize Layer switch (the sun icon) to force continuous rasterization. This ensures your Illustrator files and shape layers maintain crisp edges at any scale, though it does increase processing demands—use it primarily for final previews and renders.

The same switch serves a different function for precompositions containing 3D layers: Collapse Transformations. When working with 3D compositions nested within other comps, activating this switch flattens the 3D transformations, allowing the parent composition to treat the precomp as a 2D layer while maintaining visual quality. This is essential for complex 3D workflows and multi-layered motion graphics projects.

Exporting Transparency

Exporting animations with alpha channels is fundamental for professional motion graphics delivery, allowing your work to composite seamlessly over any background. Navigate to Composition > Add to Adobe Media Encoder Queue to begin the process. In Media Encoder, click the Format settings and select PNG from the format dropdown menu. Choose "PNG Sequence with Alpha" from the preset options beneath—this ensures your transparency information is preserved.

Click OK and hit the play button in Media Encoder to render your sequence. PNG sequences with alpha channels are industry-standard for deliverables requiring transparency, though consider QuickTime with Animation codec for larger projects or ProRes 4444 for broadcast work. When reimporting PNG sequences into After Effects, import as Footage and select the sequence option to maintain proper frame rates. Alternative formats supporting transparency include TIFF sequences, QuickTime Animation, and modern codecs like ProRes 4444, each with specific use cases depending on your delivery requirements.

#Noble Desktop #aetuts #aftereffectstutorials #mograph #motiongraphics #aftereffectstips

Video Transcription

00:10:47:24—00:11:09:02 Unknown Hi everyone. This is Tziporah Zions from Noble Desktop. This is the second part of our two part series, Tricks of the Trade Tips and Tricks from Adobe After Effects. So yeah, if you haven't seen our first half, we'll link that below in the description either way. Let's get started. All right. Looping. So I'm going to actually go back to our shape layer here.

00:11:09:10—00:11:37:25 Unknown You see, I've made the square and I have it animated so that it basically goes from one point to another. Now, I've typed in an expression here, so you're going to hit ALT on the stopwatch and you're going to type in, loop out. The program will want to finish that for you. So, you know, by all means. And what that's going to do is that if I continue playing the animation in my computer loads, you'll see that it's looping that animation for me.

00:11:38:00—00:11:58:00 Unknown Now, there's different kinds of loops I can put in ping pong that'll be a different one. Ping pong makes it go back and forth, back and forth. Now, for a more in-depth look at loops, we have a full tutorial on that. I believe it's under name looping expressions. Pretty self-explanatory, but yeah, that's like a quick version of it.

00:11:58:18—00:12:19:05 Unknown There's all sorts of different kinds of loops, so check that out. All right, quick pan. So let's say I've got my tool selected and I want to move around my interface. So you hold down spacebar and it allows you to click and drag and you can pop right back to whatever tool you were using beforehand without committing to a tool.

00:12:19:12—00:12:40:06 Unknown So yeah, that'll work for like the PAN tool. It'll work for the pendulum holding G for the pen tool and let go no longer using the pen tool. This will work if you have like rotoscope on, but for the most part it'll work in most interfaces. Oh, zooming in and out. So to zoom out, you hit come on your keyboard is zoom in is period.

00:12:40:07—00:12:59:27 Unknown So that's a good one. So I'm going to be using a different product for this one just because I need something with vector illustrator files in it. This is another one for our social media accounts. This is for closing for tutorial. Let me hide from these textures. So I'm going to go over to one of my vector layers here.

00:12:59:27—00:13:20:04 Unknown I'm actually going to zoom in, so I want to pretend to type the mouse and the glasses over here. And you can see they're like a little raggedy, a little bit. Don't pay attention to, like the big line around the head that's on purpose. But the like the mouse in particular I want you to look at. So it's a bit like sharpened edges, some of the stuff.

00:13:21:19—00:13:50:05 Unknown Now, if you can't see these switches, you want to hit toggle switches and modes till you see like these little icons. And the continuously raster button is this little sun over here. Now it works differently on two different kinds of layers. Now for Illustrator like vector, you know, vector files. If I hit this, what it's going to be doing is it's going to be continuously cleaning up and displaying my vector in high definition.

00:13:51:09—00:14:08:14 Unknown Now the thing about that is, well, that in of itself is not necessarily a bad thing. It does take up a lot of memory. So, you know, it's good for like a preview if you want to know what it's going to look like at the very end. But yeah, if you keep an eye out, you can see that it is smoothing out some of my edges here.

00:14:08:19—00:14:36:01 Unknown Yeah. You know, little alien's getting a little, little smoother. And now for its other use for 3D layers, which we have to drill on that. And so this animation here is part of our 3D series After Effects does have 3D capabilities. So yeah, check out that series as well. And so this pizza box is made using After Effects is a 3D or 2.5-day, if you will, capabilities.

00:14:36:09—00:15:00:00 Unknown So the pizza of this red layer over here is that 3D layer. Now, if you have this switched on a suit, like a collection of 3D layers, it collapses all those transformations that you can see and animates, but it doesn't carry over the 3D qualities of that particular project. All right, back to our hummingbird. We're almost done.

00:15:00:00—00:15:18:14 Unknown So I'm going to show you how to export to Apple Alpha Channel. So about that, which basically means exporting with transparency. Now, let's say I don't want my background here. I'm going to click it off. It's just going to be this black background. Now, if you want to know it's transparent and After Effects, you can hit this over here.

00:15:18:15—00:15:47:15 Unknown See this right at the bottom of the window is the toggle transparency grid. Everything that's checkered is going to be transparent, which means if I put this animation over a different background, that background will show, will then show. Now there's a few file formats that support transparency. First things first, let's go to composition. I'm going to go to we're going to go to composition and to Adobe Media encoder queue.

00:15:48:11—00:16:19:04 Unknown Now over here, I'm going to click the format. All right. Now that I've got my settings open here, I'm going to select PIN as me format and I'm going to select PNG G with Alpha. Now there are different presets, different formats that support transparency, so I would recommend looking up a list. People compile them here and there. I'm going to hit okay, I'm going to get this to render right now back and After Effects, I'm going to import my latest.

00:16:19:04—00:16:44:10 Unknown So I chose PNG sequence. So it's going to come at it like all these individual frames and then you hit PNG sequence when you're importing it. If you if you exported it differently, it's not going to be a big deal. All right. Let's turn that background so you can see and I have transparency in our new export. Now, lastly, let me show you how to export a single frame.

00:16:44:10—00:17:17:04 Unknown We're going to go to composition, see frame is file output model. I'm going to test Photoshop and I'm going to just hit, render and find the output within your product file. That's all for this tutorial. I hope you enjoyed learning these tricks of the trade in Adobe After Effects. If you haven't seen part one, we will try to remember to link it below and if you have any suggestions, any questions like please, please let us know in the comments, check us out on Instagram and Tik Tok as well.

00:17:17:04—00:17:38:02 Unknown You can comment there. And if you actually sign up as a student within one of our programs, you have access to our discord where you can ask instructors directly. I'm on there as well, so you can at me and yeah, let us know in the comments if you have any motion graphics products that you're working on. This has been surprising for.