Skip to main content
P
practical_friends5DC4
Participant
April 24, 2020
Answered

Exporting video/gif with a transparent background

  • April 24, 2020
  • 1 reply
  • 5696 views

I have some character animation sequences I've created in Adobe XD, and it seems like I need to export them into some sort of video format to show the animation effects I've added. The only problem is, I need the backgrounds to be transparent. When exporting them as a .mov, I know you can select the option to ignore the stage color, but all that does is make the background a solid black instead of white. It's still there, and still not transparent. I considered using a program like PS to remove the background but the animations have a gradient, so that option seems to be ruled out. Below is one of the frames for example. Any ideas on how I can solve this?

    This topic has been closed for replies.
    Correct answer Dan Rodney

    The gradient part could make the greenscreening process tricky. You'd have to test it out to see if it's good enough for your needs, but it might not be clean enough.

     

    If you want to make animated GIFs with a transparent background, I'd recommend:

    • Photoshop for simple animations
    • After Effects for more complex animations. You'll have to export the final animation as an image sequence and then import that into Photoshop to export the final animated GIF.

    1 reply

    Dan Rodney
    Community Expert
    Dan RodneyCommunity Expert
    Community Expert
    April 24, 2020

    I'm not sure why you need a transparent background for the video, but the movie export is not really designed for that.

     

    One option might be to use a bright green background color, and then bring the video into Premiere Pro or After Effects to do a green screen removal.

    — Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
      P
      practical_friends5DC4Author
      Participant
      April 24, 2020

      Would that work on gradients shown in my example? If not, what program do you recommend I use for making transparent gifs linked by animation effects?

      Dan Rodney
      Community Expert
      Dan RodneyCommunity ExpertCorrect answer
      Community Expert
      April 30, 2020

      The gradient part could make the greenscreening process tricky. You'd have to test it out to see if it's good enough for your needs, but it might not be clean enough.

       

      If you want to make animated GIFs with a transparent background, I'd recommend:

      • Photoshop for simple animations
      • After Effects for more complex animations. You'll have to export the final animation as an image sequence and then import that into Photoshop to export the final animated GIF.
      — Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices