• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
2

Exporting video/gif with a transparent background

New Here ,
Apr 24, 2020 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

TOPICS
Design , How to , Import and export

Views

5.0K

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
community guidelines

correct answers 1 Correct answer

Community Expert , Apr 30, 2020 Apr 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.

Votes

Translate

Translate
Community Expert ,
Apr 24, 2020 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

Votes

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
community guidelines
New Here ,
Apr 24, 2020 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?

Votes

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
community guidelines
Community Expert ,
Apr 30, 2020 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

Votes

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
community guidelines
New Here ,
Apr 28, 2022 Apr 28, 2022

Copy link to clipboard

Copied

Made a mov with alpha channel (animation or no compress) with after effects.

Import to PS and export Gif with transparent background.

 

BUT !!!!!

I can't import a MOV in this version (23.3.1 and 22.0).???? M1 MAX.... It runs in Intel and PS 20.0

Votes

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
community guidelines
New Here ,
Jun 17, 2022 Jun 17, 2022

Copy link to clipboard

Copied

LATEST

Captura de Pantalla 2022-06-17 a las 10.35.54.png

Thanks ADOBE.  It's run 100% now.  Version 23.4.1

Votes

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
community guidelines