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:
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.
When using VDMX I’m always looking for new types of video input and live interaction. I love the idea of direct manipulation on the iPad and was looking for a way to broadcast that through VDMX. Follow the simple steps below to use your iPad in your own setup.
You will need:
My real-time video performance or VJ software of choice.
AirServer is the most advanced AirPlay receiver. It allows you to receive AirPlay feeds, similar to an Apple TV, so you can stream content or Mirror your display from your iOS devices or Macs running Mountain Lion or Mavericks.
Syphon is an open source Mac OS X technology that allows applications to share frames – full frame rate video or stills – with one another in realtime.
Let’s get started
- Start VDMX and create a new project [⌘+N]
- Launch AirServer
- On your iPad, go to your AirPlay settings and select your AirServer server, usually named after your Macbook. Then select Mirroring.
- Your iPad screen will appear in a window on your desktop. Make sure not to close this window, otherwise this won’t work.
- Start Syphon’s Simple Server and Simple Client.
- In the Simple Client select your iPad in the sources drop down.
- In VDMX right-click in your media bin and select “Add Clips From Built-In Sources > Syphon > AirServer-YOUR IPAD NAME”
- Make sure the clip is selected and highlighted in red.
- Start using your iPad as a live input.
See it in action:
Using an iPad screen as live input in VDMX from Tobias Treppmann on Vimeo.