I am interested in using the animated icons from AE in my courses. Does anyone have any experience in this area? I have rendered the icons in AE with alpha channel, but the transparency didnt come through in SL.
I suspect Storyline doesn't natively support an Alpha Channel As a work-around you can make your background the same color as your AE background, render them out and simulate an alpha channel, as the video border will disappear. A simulated alpha channel affect.
If you want to overly the Icons over other graphics then you are probably out of luck.
You might be able to export them from After Effects as animated gifs and then use the Recolor tool in Storyline to set the background of the gif to transparent. This doesn't always work perfectly and works best if there are no shadows on the icons.
AE doesn't natively export to GIF. You'll have to export as a small video clip, import to Photoshop, and then export as GIF.
I purchased a plugin to cut out the Photoshop part and export directly from AE. Its called GIF Magick from Envato Markeplace. I highly recommend this plugin if you plan on creating a lot of GIFs.
hi Jerson, i exported the gif via Photoshop, but it has this funny white edges around the border. Does GIF Magick produce high quality gif? do you have some samples to share? Happy to pay for it if it does the job. Thanks!
Mr. Horse's animation plugin is another must have, but alas I didn't discover that until after I already completed these. Instead I used the DUIK plugin "spring" setting to easily get the bouncy effect.
The only one I completely illustrated from scratch was the truck. The other two I used assets that were already built. I just started to practice on creating animation like this so I wanted to make it easy first.
If you are a hardcore AE guy you might want to take a look at MIDAS and Motion from Mt. Mograph. (mtmograph.com) they are both a collection of really handy scripts for automating keyfaming and whole lot more- Bit of a learning curve, but really handy when you wrap your head around it.
Yep, I have Mt. Mograph bookmarked on my youtube channel. I learned a lot of great tricks from him. I will use AE to create animations for my courses every chance I get. Like this animated heart I did for a medical course. I also did a version with an Atrial Flutter and Atrial Fibrillation (I think that's how it was spelled).
16 Replies
Hi JT,
I suspect Storyline doesn't natively support an Alpha Channel As a work-around you can make your background the same color as your AE background, render them out and simulate an alpha channel, as the video border will disappear. A simulated alpha channel affect.
If you want to overly the Icons over other graphics then you are probably out of luck.
Cheers
Steve
Thanks for your reply Stephen - actually I wanted to use the animated icons as part of the screen simulation. Guess i will stick with the static ones
You might be able to export them from After Effects as animated gifs and then use the Recolor tool in Storyline to set the background of the gif to transparent. This doesn't always work perfectly and works best if there are no shadows on the icons.
Good idea Nancy! I will try it!
AE doesn't natively export to GIF. You'll have to export as a small video clip, import to Photoshop, and then export as GIF.
I purchased a plugin to cut out the Photoshop part and export directly from AE. Its called GIF Magick from Envato Markeplace. I highly recommend this plugin if you plan on creating a lot of GIFs.
hi Jerson, i exported the gif via Photoshop, but it has this funny white edges around the border. Does GIF Magick produce high quality gif? do you have some samples to share? Happy to pay for it if it does the job. Thanks!
I'm extremely happy with it. Here are a few samples I made with it.
wow...awesome! thanks Jerson!
Hi Jerson,
These are awesome. Did you illustrate and animate them in AE yourselve or did you use another plug-in like Mr. Horse. (AEScripts.com)
Cheers
Steve
Hi Steve,
Mr. Horse's animation plugin is another must have, but alas I didn't discover that until after I already completed these. Instead I used the DUIK plugin "spring" setting to easily get the bouncy effect.
The only one I completely illustrated from scratch was the truck. The other two I used assets that were already built. I just started to practice on creating animation like this so I wanted to make it easy first.
All the same, nice work!
If you are a hardcore AE guy you might want to take a look at MIDAS and Motion from Mt. Mograph. (mtmograph.com) they are both a collection of really handy scripts for automating keyfaming and whole lot more- Bit of a learning curve, but really handy when you wrap your head around it.
Cheers
Steve
Yep, I have Mt. Mograph bookmarked on my youtube channel. I learned a lot of great tricks from him. I will use AE to create animations for my courses every chance I get. Like this animated heart I did for a medical course. I also did a version with an Atrial Flutter and Atrial Fibrillation (I think that's how it was spelled).
Here is a promo video I did for my website.
@John, sorry I think we hijacked your thread!
I was thinking you could use the adobe media encoder to create the animated gif.
Can you crop the gif to remove the white edges?
Nice use of the Puppet Tool... really clean!
Thanks!
This discussion is closed. You can start a new discussion or contact Articulate Support.