-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/06\/27103310\/Timeline-Control-768x200.jpg 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/06\/27103310\/Timeline-Control-1536x401.jpg 1536w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/06\/27103310\/Timeline-Control.jpg 1978w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/267;\" \/><\/figure>\n\n\n\n

Now that you have your timeline set and the project is complete, let\u2019s get to rendering. <\/p>\n\n\n\n

2. Using the Render Queue<\/h3>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
First, make sure you have your final composition open and selected, then go to Composition > Add to Render Queue<\/strong>. Once you click this, you will be taken to a new section of the export preferences panel with different settings for starting the rendering process.<\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
With this new tab open on your timeline, you\u2019ll see three options to choose from: Render Settings, Output Module, and Output To. Each one of these options controls a specific aspect of how your project is rendered, allowing you to customize the format, length, location and quality. <\/p>\n\n\n\n
Let\u2019s start by clicking on Render Settings<\/strong>.<\/p>\n\n\n\n
3. Choosing your render settings<\/h3>\n\n\n\n
First you\u2019ll see a dropdown to select the overall Quality<\/strong> of the export. Most of the time, you\u2019ll choose Best to get the best possible quality version of your project, but there are two other options as well: Draft and Wireframe. <\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
Draft will render your project faster, but it also reduces the quality of your export. This rendering option comes in handy when you just need a quick render to show your client or get a better idea for how the project is coming along. <\/p>\n\n\n\n
Wireframe is for 3D projects, specifically rendering out a wireframe of the three dimensional composition that you created. Again, this is only meant to reduce the render time and give you a stripped down version of what you created for time\u2019s sake. <\/p>\n\n\n\n
Underneath Quality, you have Resolution<\/strong>. This is where you can choose the Resolution of your video based on the pixel dimension you set the composition as when you created your project. <\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
So if your composition is 1920 x 1080, the Full resolution option would render out a 1920 x 1080 video. If you choose \u201cHalf\u201d, the resolution would be 960 x 540. <\/p>\n\n\n\n
Proxy Use<\/h4>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
You\u2019ll see the Proxy Use<\/strong> dropdown over to the right of the Render Settings menu. Proxies are low resolution duplicates of high resolution files that would slow down the process of creating inside After Effects. This setting is where you will choose to either swap out the big files with your proxies for the final render, or leave the proxies in to speed up the render if this is just a test render for you. <\/p>\n\n\n\n
Setting Frame Rate<\/h4>\n\n\n\n
Next, you\u2019ll see a section in the bottom right for Frame Rate<\/strong> settings. This allows you to change the overall frame rate of your project. The two frame rates most commonly used for motion graphics and animations are 24 and 30 frames per second. As seen in the image above, After Effects tends to show you the exact frame rate to the tenth degree, in this case 29.97. <\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
The lower the frame rate, the choppier your video will be. 24 and 30 frames per second are the norm for YouTube and Film standards. If you\u2019re working with camera footage, you\u2019re beholden to whatever frame rate it was shot at which is most likely 24 frames per second. <\/p>\n\n\n\n
However if your project is motion graphics heavy, meaning a lot of animation full of 2D shapes and text effects, then 30 frames per second will give you smoother movements between those graphics. Because there are more frames per second, there are literally more frames of the images being played per second therefore the movements appear more fluid with less motion blur. <\/p>\n\n\n\n
\n\n\t\t
\n\n\t
\n\t\t\n\t\tExplore 11,000+ customizable templates for After Effects\t\t<\/a>\n\t<\/p>\n\n\t
\n\t\t\t<\/p>\n\n\t\t\t\t\t \n\t\tBrowse AE Templates\t\t<\/a>\n\t\n\t<\/div>\n\n\t\t\t
\n\t\t\n\t\t\n
\n
$\"\"$ <\/figure>\n<\/div>\n\t<\/div>\n\t\n<\/aside>\n\n\n\n
If you\u2019re working with a client, be sure to ask which frame rate they want the final deliverable to be. <\/p>\n\n\n\n
You\u2019ll notice that by changing the frame rate, on top of how the animations or effects move within your project, the duration of the project also changes.<\/p>\n\n\n\n
Finally, in the bottom right you\u2019ll find the Start, End, and Duration setting which allows you to change the exact duration of your composition. By clicking Custom and entering in the exact time you\u2019d like to render out, you can set the exact time you want the project to play for. This is just another way to control the length of your project. <\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
Now that you have Render Settings in order, hit OK and let\u2019s move on to the Output Module.<\/p>\n\n\n\n
4. Finalizing your output module settings<\/h3>\n\n\n\n
Let\u2019s start by clicking on the Output Module and choosing the codec or the Format that we\u2019d like the rendered file to be. Typically you\u2019re going to need either a H.264 (mp4), or QuickTime (MOV). <\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
The main difference between mp4 vs MOV<\/a> comes down to compression and file size. MOV files are typically larger and exclusively work with QuickTime, which is used by Macs. If you\u2019re uploading to YouTube or sending your video to a client, we recommend sticking with mp4 as the upload and delivery will be easier due to more compression. <\/p>\n\n\n\n
Understanding Channels<\/h4>\n\n\n\n
Underneath you\u2019ll find Video Output with the Channels dropdown. Color information holds three channels: Red, Green, and Blue. There is also an invisible fourth channel called Alpha.<\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
The first option, RGB, is the entire composition on your timeline. So that\u2019s the background and the foreground, whatever your animation is plus whatever the animation is playing on top of. The invisible (transparent) Alpha channel is not included in this.<\/p>\n\n\n\n
The second option, Alpha, is exclusively a transparent layer. When you combine the RGB and Alpha channels<\/a>, your file size tends to be much bigger, so exclusively exporting the Alpha channel allows you to use this transparent layer as a matte in other editing programs.<\/p>\n\n\n\n
The third option, RGB + Alpha is your animation with the transparent layer added to it. Let\u2019s say you created an animation that you need to drop on some footage in another timeline in Premiere Pro<\/a>, DaVinci Resolve<\/a> or whatever other NLE program you\u2019re using. Think of this as saving your animation as a PNG. You\u2019ll start by selecting Quicktime for the format, then clicking Channel and choosing RGB + Alpha, which will retain that transparent layer. Be sure to click on the blue Format Options button and check that the Video Codec is set to Animation. <\/p>\n\n\n\n
The next section below, Resize<\/strong>, allows you to change the aspect ratio and overall size of your project. If you\u2019re rendering your video for different social platforms, this is where you can make adjustments for different ratios or switching from a horizontal to vertical layout.<\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
Crop<\/strong> allows you to adjust the aspect ratio of the composition as it stands before rendering. Check the box and drag the Top, Left, Bottom and Right sliders to crop that specific side of the image. <\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
Underneath this you\u2019ll see the option to export Audio. Depending on your project, this will allow you to exclude or include the attached audio file to the project. You also have the option to select Mono or Stereo, which determines the number of channels (one or two) the audio will play through.<\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
5. Choosing a Location to Export<\/h3>\n\n\n\n
Finally, let\u2019s click on Output To<\/strong>. This is where your project will live after you export it, so pick a location on your machine, or the hard drive you store your projects on. The file size of your project will depend on the footage you\u2019re working with or the length of your timeline and the various assets used. Be sure to set up a Folder with a specific name to help identify the project. <\/p>\n\n\n\n
Okay, now we’re ready to hit that Render button!<\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n6. Rendering your project<\/h3>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
Once you hit render, your final comps will begin to render frame by frame. A status bar will appear on the screen, allowing you to see how far along the rendering is. Check on your project from time to time to make sure there are not any errors inside your comps. You\u2019ll hear the iconic noise that we\u2019ve all grown to love when the render is complete.<\/p>\n\n\n\n
Once it\u2019s done rendering, be sure to watch your rendered project all the way through, and then watch it again. Always look for dropped frames or any weird mishaps that could have slipped by in the editing process. <\/p>\n\n\n\n
With that, your project has been successfully rendered! Now it’s time to save and export<\/a> your project.<\/p>\n\n\n\n
\n\n\t\t
\n\n\t
\n\t\t \n\t\tBring over 8 million high-quality, royalty free stock assets into After Effects with our plugin\t\t<\/a>\n\t<\/p>\n\n\t
\n\t\t\t<\/p>\n\n\t\t\t\t\t \n\t\tLearn More\t\t<\/a>\n\t\n\t<\/div>\n\n\t\t\t
\n\t\t\n\t\t\n
\n
$\"Premiere$ <\/figure>\n<\/div>\n\t<\/div>\n\t\n<\/aside>\n\n\n\n
Advanced Rendering Tips<\/h2>\n\n\n\n
Render faster by using proxies<\/h3>\n\n\n\n
A simple way to speed up your render times is by using Proxies. These proxy files are lower resolution replacements for the footage or animation you\u2019re working with on your timeline. <\/p>\n\n\n\n
To enable proxies for your animation, find the clips or sequences that are slowing the playback down and right click on them. Choose Create Proxy > Still\u2026<\/strong> This will disable or freeze your animation from playing on your timeline. <\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
You can also select Set Proxy<\/strong> for video footage to be able to swap the low quality footage with the high quality footage that’s slowing your timeline down. <\/p>\n\n\n\n
Once it’s time to render, you can choose to Use All Proxies<\/strong> and save time as your project renders out those lower quality assets. This is useful for test viewings of the final product. <\/p>\n\n\n\n
Enabling GPU Hardware Acceleration<\/h3>\n\n\n\n
Another way to save time on your render is to enable GPU Hardware Acceleration. Some effects and animations that require more GPU processing than normal footage. <\/p>\n\n\n\n
To do this, go to File > Project Settings then click the dropdown and select Mercury GPU Acceleration<\/strong>. While older computer systems might not have this capability, enabling your GPU to assist your CPU will exponentially accelerate render times. <\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\nRender faster with Multi-Frame Rendering<\/h3>\n\n\n\n
Want to have a faster render time as well as faster playback? Be sure to enable Multi-Frame Rendering. This allows After Effects to utilize the cores in your CPU and render out frames simultaneously. Just go to After Effects (Edit, if you\u2019re on PC) > Memory and Performance and click Enable Multi-Frame Rendering<\/strong>. <\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
Clear your Disk Cache<\/h3>\n\n\n\n
You can also clear your Disk Cache to speed up your render, which is a folder that holds every frame you\u2019ve ever worked on. Having a full disk cache slows After Effects as well as playback on your timeline. To clear your disk cache click on After Effects (Edit, if you\u2019re on PC) > Media & Disk Cache and hit Empty Disc Cache<\/strong>.<\/p>\n\n\n\n
$\"Screenshot$ <\/figure>\n\n\n\n
Troubleshooting common rendering issues<\/h2>\n\n\n\n
To avoid any rendering issues, make sure that you have enough storage where you\u2019re rendering your project to, that your system meets AE\u2019s requirements, and that you aren\u2019t running too many other applications while your project is rendering. These are the most common culprits that cause After Effects to cancel a render or create issues in the final rendered version of your project.<\/p>\n\n\n\n
Create faster with pre-made After Effects templates<\/h2>\n\n\n\n
Ready to start creating even more in After Effects? Check out our library of customizable After Effects templates<\/a> to easily and quickly add in advanced effects and graphics to your projects. With a Storyblocks subscription<\/a>, you can unlock unlimited downloads of templates, 4K and HD footage, music, sound effects, and much more. Plus, you can get access to our plugin for After Effects<\/a> to bring our entire library right inside your editor to help you create even faster.<\/p>\n\n\n\n
Editor’s Note: This post has been updated to include additional information. It was originally published on April 1, 2018. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"
The rendering and exporting step is crucial for delivering a polished, correctly formatted project. Learn how to render in After Effects with our step by step tutorial.<\/p>\n","protected":false},"author":101,"featured_media":25546,"template":"","topic":[18,14],"class_list":["post-25540","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","topic-after-effects","topic-video-editing"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/tutorial\/25540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/users\/101"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/media\/25546"}],"wp:attachment":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/media?parent=25540"}],"wp:term":[{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/topic?post=25540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}