ANIMATED SERVER ICON DISCORD MAKER HOW TO
ANIMATED SERVER ICON DISCORD MAKER GENERATOR
ANIMATED SERVER ICON DISCORD MAKER FREE

Removing audio from the projectĬlick the dropdown arrow next to ' export video' then click ' export as GIF.' When your server icon has processed, click ' download' to save it to your computer. You can lower the volume bar on the right-side of the studio or right click the video and select 'detach audio,' then delete the layer. Delete what's left and drag the ends of the clip so the length is a few seconds.Īudio will be removed when the GIF is exported, but there are two ways to remove it beforehand. Scan your video to find the perfect section for a GIF, then use the split tool to cut it out. You can resize your video to fit the background by dragging the blue anchor points. Discord server icons are cropped into circles so the edges are cut off. Try to find a video where the main content is in the center.

I'm using a short video from YouTube, but you can paste a link from TikTok, Instagram, Twitter, and more. Click the blue 'make it' button below to get started.Ĭlick ' upload' to import a video from your computer or paste a video URL, then delete any placeholder images.

ANIMATED SERVER ICON DISCORD MAKER FREE

Kapwing is a free photo and video editor you can use in your browser to complete this tutorial. I'm using a 512 x 512 template by Kapwing to get a perfectly sized icon. Step One: Open the Discord Server Icon Template Is it fun and relaxed? Does it represent a brand? Choose something that will help your server make a good first impression. Before we begin, consider how you want your server to be perceived. In this tutorial, I'm making a GIF from a video, but you can upload a GIF as well.

ANIMATED SERVER ICON DISCORD MAKER HOW TO

How to Make an Animated Discord Server Icon Once the server is at level one, you're set to upload an animated icon. Reach out to members with boots to level up the server. The second option can be done without Nitro and with the help of your community. After signing up, you automatically get two boosts you can apply to your server. Click the settings icon by your profile picture and locate Discord Nitro under billing settings. The first way to get boosts is by upgrading to Discord Nitro.

Your server will need level one perks to use animated icons and this can be achieved by getting two boosts. I'll go through each one in this tutorial. There are a few steps to unlock and upload an animated icon. If you want something a bit more eye-catching, opt for an animated icon. Below are a few examples I found from popular servers. A funny meme, anime character, or emote are common icon designs members can easily identify. Perform a quick search for servers and you'll see the creativity owners put into their icons. A single user can join up to 100 servers, so a distinct icon is essential to stand out. In this article, I'm showing you how to unlock and create an animated server icon for Discord.ĭiscord, an invite-only group chat platform, brings communities together to talk via video, voice, and text. It's because GIF doesn't support alpha channel - like opacity with gradient - thus every pixel in GIF is either opaque or completely transparent.įollowing are the same bulb file in GIF format with two different background color, you can see while the left bulb looks perfect, the right bulb is totally not acceptable in quality.Make your server stand out with a custom icon. GIF by its nature can't do well with both transparency and curve edges. Turning on 'smoothing' option may also help.

Try using SVG instead of PNG or JPG for better result. Uploaded images are resized by the size you specified in the editor, which makes the generated GIF blurry. Newer formats such as APNG, WebM and animated SVG provide better image quality, but none of them are supported by older browsers. However, image quality of GIF usually isn't as good as SVG. Furhtermore, CSS-based animation usually needs special care for both its CSS and HTML/SVG part. Why GIF?įor now, GIF is the format with the best compatibility across browsers.ĬSS animation is widely supported in various browsers nowaday, yet some older browsers still don't support CSS animation.

ANIMATED SERVER ICON DISCORD MAKER GENERATOR

While it's quite easy to use, you may still want to use a generator when you need more complicated animations or alternative image format.

Animated server icon discord maker