Highlighted

Exporting video/gif with a transparent background

New Here ,
Apr 24, 2020

Copy link to clipboard

Copied

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?

Artboard – 2.png

Adobe Community Professional
Correct answer by Dan Rodney | Adobe Community Professional

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.
TOPICS
Design, How to, Import and export

Views

1.5K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Exporting video/gif with a transparent background

New Here ,
Apr 24, 2020

Copy link to clipboard

Copied

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?

Artboard – 2.png

Adobe Community Professional
Correct answer by Dan Rodney | Adobe Community Professional

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.
TOPICS
Design, How to, Import and export

Views

1.5K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 24, 2020 0
Adobe Community Professional ,
Apr 24, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 24, 2020 1
New Here ,
Apr 24, 2020

Copy link to clipboard

Copied

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?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 24, 2020 0
Adobe Community Professional ,
Apr 30, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 30, 2020 1