How To Remove Background From Gif In Photoshop

GIFs are awesome. They're relatable, grab a reader's attention, and tin give your audience that much-needed giggle to brighten up their twenty-four hours. But how to remove the groundwork from a GIF? We've got you lot.

We're going to prove yous how you tin exercise that in just a few seconds right here using Unscreen . If y'all don't have a GIF just yet, let's swoop into where yous can detect royalty-complimentary GIFs and how to create your own.

Where to find royalty-free GIFs

Want to use a GIF in your marketing fabric? It's best to make certain information technology's royalty-free — that mode, you're protecting both yourself and your company.

Royalty-costless ways that y'all can use the image commercially and free without accrediting the creator. You can find royalty-free GIFs on Giphy.

Nosotros went ahead and institute a cute little ladybug one to guide you through changing the background of a GIF.

Y'all can salve the GIF on Giphy by right-clicking on the GIF and selecting > ' Save Prototype As… '

How to remove the background from a GIF image online on Unscreen

In one case you've saved your GIF, it's time to effigy out how to remove the background from a GIF. Removing the groundwork means you lot can replace it with another color, graphic, or video — or you can even add the GIF to a slide deck, and the groundwork will be undisturbed.

The quickest fashion to remove a background from a GIF is to hop on over to Unscreen .

How to remove a white background from a GIF

i. Open up up Unscreen .

2. Drag and drop your GIF onto the screen. Similar this:

3. Within but a few seconds, the background of your GIF will be removed. Adjacent, we'll show yous how to add another groundwork — a color, video, or paradigm. But if you lot're happy with this and want to drib it into another tool, hit ' Download ', and the GIF will save to your device.

How to change the background of your GIF

In one case yous've removed the groundwork of your GIF, changing it to another 1 is simply a couple of clicks away. In Unscreen, yous merely:

i. Hitting the button underneath the GIF labeled ' Change Background. '
2. Now you can select ' Video ' if you want the groundwork of your GIF to be a video — this gives the GIF a very dynamic look and feel.

It will look something like this:

three. If you want just to change the background color, go ahead and hit the colour tab.

Information technology could look something similar this:

4. Y'all can besides add together a photograph as the background by selecting the Image tab.

Nosotros went for the grass photo — seems plumbing fixtures, correct?

How to remove groundwork from a GIF in After Effects

Although a bit more tricky, yous can also remove the background of your GIF in After Effects.

Get-go, get ahead and create a new composition.
Unless you have a green screen background, yous will need to utilize the Roto Brush tool in After Effects.
Go ahead and upload your GIF or select a video from your computer by dragging and dropping it into the project on the left-mitt side of After Effects.
In one case it has been uploaded to After Effects, become ahead and draft it onto your timeline.
In the top left-hand toolbar in Afterwards Effects, get alee and locate the ' Roto Brush ' tool.
Then go ahead and double-click on the video and paint inside the object or person yous want to go on in the GIF. Once you're done painting forth the insides of the object or person, release your mouse, and the edges will announced pink.
If you lot accept any bleeds, you tin can press Option and paint on the areas you want to remove with the background. Once you're done, you lot'll meet the pink outline has moved to betoken what parts will be kept.
Under the video, you'll find a greenish bar. And underneath this, you lot'll find another greyness bar, which indicates what section of the video the Roto Castor will be practical to. Drag it to the right along the entire timeline to utilise the outcome for the whole video.
Press space to save these changes; this might take a couple of minutes.
Now you'll encounter your background of the video or GIF has been removed. To create a transparent groundwork, select the > Toggle Transparency Grid ; this will add together a transparent background.
Now it's fourth dimension to consign the video equally a GIF. Become ahead and become to > File > Export > Add to Render Queue.
Y'all volition now run into your render settings announced in the render queue. Become ahead and select > Render Settings > Best Settings. And then select > Output Module . Make certain your channel is gear up to > QuickTime. Channels need to be ready to > RGB + Alpha. Depth should exist > Millions of Colors + . Apply these settings and press > Save. Your video will now render.
Now you will need to go ahead and open up upwards Photoshop .
Drag and drop the GIF.mov file you just exported from Afterwards Effects.
Once you lot've uploaded your video to Photoshop, get alee and go to > File > Export > Save for Web (Legacy).
Select > Original in the tabs, alter the preset to > GIF 126 Dithered . Brand sure the Transparency box is selected.
Now press > Salvage.

You tin also watch the full video tutorial right here:

If you want a more than in depth guide, check out our mail on how to remove video background in Afterward Furnishings.

That's information technology! We've merely walked y'all through how to remove the groundwork of a GIF online and in After Furnishings + Photoshop. Turns out it's a picayune more circuitous, so if you fancy the quick fix, hop on over to Unscreen.

All blog posts