Skip to main content
New Participant
December 28, 2021
Question

Moving icon; attempt to remove background during render

  • December 28, 2021
  • 2 replies
  • 243 views

I'm fairly new to After Effects, but most tutorials are self-explanatory when it comes to simplistic icon movement. I've got a logo I'm attempting to put through a pendulum swing, and ultimately want to upload this as a .gif to a website; therefore, I don't want any background present on the logo. I'm able to use After Effects' background screen (with the grey and white tiles) to "see" that no background will exist during the render, but somehow every time I render it and open up the resulting video - to add to PowerPoint, for example - a black background has appeared. I'm on a MAC OsX 11+. Any thoughts? 

This topic has been closed for replies.

2 replies

Community Expert
December 29, 2021

@thomas23451345 wrote:

I'm fairly new to After Effects, but most tutorials are self-explanatory when it comes to simplistic icon movement. I've got a logo I'm attempting to put through a pendulum swing, and ultimately want to upload this as a .gif to a website; therefore, I don't want any background present on the logo. I'm able to use After Effects' background screen (with the grey and white tiles) to "see" that no background will exist during the render, but somehow every time I render it and open up the resulting video - to add to PowerPoint, for example - a black background has appeared. I'm on a MAC OsX 11+. Any thoughts? 


 

I think you have the wrong forum.  The After Effects forum is here: https://community.adobe.com/t5/after-effects/ct-p/ct-after-effects?page=1&sort=latest_replies&tabid=all .  This sounds like an issue with how you are exporting from that program if the gif is not being exported transparent as you are looking to do.

 

With that said, I don't know if After Effects is really the program you should be using to do this.  Trying to use a video program to make web animations would not be a recommended process. Have you considered using Adobe Animate instead (formerly Flash)?

Nancy OShea
Community Expert
December 29, 2021

After Effects is great for creating 2D motion graphics.  But the video has to be exported from AE and imported into PS.  Then PS converts video to Frame Animation which can be Saved for Web as an animated GIF with transparency.   

 

 

Nancy O'Shea— Product User & Community Expert
Nancy OShea
Community Expert
December 28, 2021

What has any of this to do with DREAMWEAVER??

 

Create your alpha-transparent GIFs or PNGs in Photoshop.

 

Start with a new Photoshop document of required height & width in pixels.  Select a transparent background from the drop list.  See screenshots.

 

File > New Document.

 

Transparency is denoted by a checkerboard pattern.

Add your logo to a new layer above the transparent background.

 

Go to File > Export > Export As and save as PNG or GIF with the Transparency box checked.  NOTE:  JPG does NOT support alpha-transparency.  Click the Export All button.

 

 

Hope that helps.

 

For more questions about using Photoshop, please go to the Photoshop support community below.

https://community.adobe.com/t5/photoshop-ecosystem/ct-p/ct-photoshop?page=1&sort=latest_replies&tabid=all

 

Nancy O'Shea— Product User & Community Expert