How to make transparent gifs with csp

4 years ago

Table of Contents Show

import images
Export GIF
author's notes
How do you make a GIF transparent?
How do you make a transparent CSP?
Can you make gifs with CSP?

It is not possible to make GIF animations in transparency.
However there are two alternatives
1. You can export in PNG Animation, go to the option '' Animated Sticker (APNG) '' and indicate '' Remove blank spaces '', and you will get an animated image without transparency in PNG format but it is only allowed in web browsers that let's read that format to play the animation. (An example of this character with transparency available in Chrome, Firefox or another browser suitable for the image)
2. Or you can export in '' Image Sequence '' in PNG Transparent format, it is not like GIF, but it is useful for video editing, importing and editing it.

Any questions, do not hesitate to ask me.

Index

import images
Export GIF
author's notes

Hello!

This tip is the continuation of my tip: "Easily ANIMATE your EMOTE with keyframes!", so if you haven't read it, I recommend you review it to know where to get the sequence of images.

You can also visit my video explaining this brief process:

import images

From the sequence of images we got from exporting our project in Clip Studio, we'll use them to open them in GIMP.

FILE -> OPEN AS LAYERS

Next, we select all the images that are part of the GIF and open.
Tip: (hold SHIFT and click the first one, keep holding SHIFT and click the last one, this way you can select a lot of files without dragging)

Export GIF

Once with all the images loaded, you will be able to see them to the right of the program.

We can start the export as GIF in FILE -> EXPORT AS...

The following window will appear, where we can change the name of the file.

And it will be necessary to change the file type. We click on "Select the type of file (By extension)".

It will display a list, where you must find the GIF Image option, and you will click on Export.

A window will appear:

In the GIF options it will mention:
- Interlace: You can activate it or not. This option allows you to preview a file before it is fully loaded, but causes it to weigh more. I recommend that you don't use it.
- GIF comment: Not necessary, you can disable it.
- As animation: Activate it to be able to configure the GIF.

Animated gif options
- Perpetual loop: It will make your emote never stop, activate it.
- Delay between frames when not specified: Use 40, it is the closest thing to how we work in Clip Studio, if you used 24 fps.
- Frame residual when not specified: Select "One frame per layer (replace)".

The last two leave them unselected, and export.

And ready!

author's notes

Thanks for visiting my tip! I'm sorry if it was inconvenient that the tutorial on how to create the GIF was separate from how to create an animated emote.

Comments and feedback would help me a lot ❤

ANIMATED EMOTES #1 by Guruan

Users who liked this post

Correction, you can export in .Avi 2.0 and 1.0 both offer transparency option. Albeit you when getting to the final checkpoint for Video-Compression you must use Compressor: Full Frame(decompressed) option... use any other codec and Transparency won't work.

But a few seconds video could end up with Gigabytes of size. And I know, this is not exactly a solution either... but its all we got.

Solution for GIF's:

I just recommend going to some outside website and have it remove the background form .gif files. Like this: Online Gif Background Remover and have some weird colour that you can put its RGB code to have it removed properly.

An animated sticker, or APNG, is an animated image with the qualities of a .png file instead of a .gif file. The APNG export options are shown in the following screenshot:

These options are the same as the .gif options detailed below, with two additional options added at the bottom of the window. The Delete blank spaces option deletes any blank areas that are not drawn, such as outside of the frame area. The Color reduction option reduces the color palette to 256 colors (transparent + 255 colors), which can reduce the file size but may make some colors display in a way that was not intended.

How do you make a GIF transparent?

Either delete the background from each frame manually before making a GIF (save the image as GIF or PNG to preserve transparency, JPG will not work!), or, if your GIF has a solid color background, use effects tool and select "Replace color with transparency" option.

How do you make a transparent CSP?

Go to Edit > Convert Brightness to Opacity. This will set all white to transparent.

Can you make gifs with CSP?

Select the [File] menu > [Export animation] > [Animated GIF] to open the dialog box to specify the file name. After you enter the file name, the [Animated GIF Export Settings] dialog box will open. Set the export method and click [OK] to export as an animated GIF.