VDMX will play animated GIFs, but won’t render transparency in a GIF. If you want to use transparent GIFs in your setup, you need to convert them into a video file with an alpha channel.
For this tutorial you will need:
- Apple Motion
Find a GIF with transparency
Maybe a dog from giphy.com
Split the GIF into its frames
You can do that exporting each frame manually in Photoshop, or labeling each layer with a file extension and exporting it using a tool like Slicy. Or you can go all Internet and use EZGIF’s Online Splitter Tool.
Once uploaded, hit “Split It”
Then “Download frames as ZIP”
Import the frames into Apple Motion
Extract the files from the ZIP archive, select them all and drag them onto the canvas in Motion.
Motion has imported them as a grouped object that can be moved and resized easily.
Resize it to your needs
Adjust the Play Range
Make sure to adjust the play range to the length of the GIF.
Export to ProRes 4444
Export as a movie (CMD+E) and select “Apple ProRes 4444” as the output format.
Selet “Use play range” under “Duration”
Make sure that “Color: Color + Alpha” is selected under the “Render” tab.
Continue the process and export the video.
Convert to Hap Alpha
- Import the video.
- If you don’t have a Hap Alpha preset, yet, select “QuickTIme Movie” as the output format and click “Settings”.
- Click “Settings” again
- Choose “Hap Alpha” as the Compression Type and click ok on all dialogs.
To create the preset click “New from settings” and name it “Hap Alpha”
Select the “Hap Alpha” setting under output format.
Configure any other aspects to your needs and click “Export!”
Use Converted Video in VDMX
transparent animated gif in vdmx from Tobias Treppmann on Vimeo.