How to export transparent videos and images (without Media Encoder) - Adobe Animate CC Tutorial

if you plan on doing any sort of compositing for example adding your animation on top of another video or adding glows and effects you will first need to export your animation with a transparent background adobe animate's long list of export settings can be quite overwhelming but in this video i'll show you two simple ways to export your animation with a transparent background before we get into it it helps to understand that transparency is also known as an alpha channel this is in addition to the red green and blue or rgb color channels that are usually found in video and image files this means that when you're picking a file type you'll need one that supports rgba red green blue and alpha let's head into adobe animate where i'll show you the export process right from the beginning i've got a simple animation of jaden running and the cat's popping up and i want to export this with a transparent background the first thing we need to do is make sure we don't have a solid background on any of our layers like this one right here if you do you can either delete it or turn it into a guide layer because guide layers are not included in renders the stage color which you can see here in the properties panel doesn't make a difference in this case now let's go up to file export and select export video or media in the pop-up menu that appears when the size is set to the size of your stage by default but keep in mind that because adobe animate uses vector graphics you can change this to whatever size you want without losing quality this checkbox below render size tells adobe animate to ignore the stage color and create an alpha channel which you now know means transparency this is exactly what we want so make sure to take the box span lets you export specific sections of your animation if you want to pick a frame or a time range but we're going to keep entire movie selected because i want to export the full length of my animation this next part is important so make sure you're paying attention to the format and preset remember that we need something with rgba to export our animation with a transparent background most compressed video formats like h264 only support rgb without the alpha channel so even with generate alpha channel selected your render won't have a transparent background i'm going to change the format to quicktime because quicktime is an uncompressed format that supports rgba going over to the preset drop down menu basically anything that says with alpha will work but these all require adobe media encoder luckily the default animate preset does support rgba does not require adobe media encoder and works perfectly i personally use this one all the time so let's select default animate as our preset i also recommend choosing an output location because anytime i don't adobe animate puts the exported file somewhere completely random i've got the same folder that my working file is in selected which is what i want so i'm going to click save and click export it's worth noting that the built-in media player on your computer might not be able to open the quicktime file that we just created and that's because it's a completely uncompressed video file however any editing or compositing software like after effects or final cut pro should have no problem importing and using that quicktime file and that covers exporting video with a transparent background but i promise i'd show you two ways so now we're going to export an image sequence with a transparent background once again we'll go up to file and export but this time we'll select export movie next we want to select png sequence as the file format because pngs can store alpha channels before clicking save i recommend creating a new folder to slaughter images each frame of animation is going to be exported as a separate image so that means this three and a half second animation will be exported as 85 image files and that's just easy to handle if it's all in a single folder i'll name this folder image sequence and click create and with the image sequence folder selected i'll click save after clicking save there are a few more settings to look at just like before size and resolution are set to the size of your stage by default and you can change that if you want without losing quality because adobe animate uses vector graphics in the next drop down menu make sure full document size is selected which will export only what you see on the stage if you select minimum image area it will export everything including anything that's outside the stage and we don't really want that color should be set to 32-bit because these other settings don't support transparency to explain this very simply a bigger number means more colors are stored in the image file so the bigger the number the less compression is applied to the images and finally this checkbox at the bottom tells adobe animate to apply smoothing to the image and i usually just keep that turned on we'll click export and i'll go over to my folder where you can see that these pngs have all been exported with a transparent background and that's it if you have any questions leave them in the comments like the video if you found it helpful and check out my adobe animate playlist for more tutorials thanks for watching bye

Channel: Devon Kong

Views: 34,867

Keywords: devon kong, how to export transparent video in adobe animate, how to export transparent image sequence in adobe animate, export animation with transparent background adobe animate, adobe animate export settings, adobe animate beginner tutorial, adobe animate export guide, how to export animation from adobe animate with alpha channel, what is an alpha channel, devonkong, jaidenanimations, how to export alpha channel adobe animate, quicktime video alpha channel, RGBA, animator

Id: xu5qNw4kgug

Length: 4min 58sec (298 seconds)

Published: Thu Sep 30 2021