Easy Way To Make Awesome Channel Headers (Free)

Discord Aug 13, 2022

Here is how to make channel headers for your Discord server. You may know these as embed headers, embed banners, and whatnot. However, do not fret as this is an easy way you can make all types of those in a matter of minutes with this step by step guide.

Ready to make art? Let's start!

Before you get started:


Getting started

First, we need to visit Pixlr’s website and create a 1000x500 canvas board. We’re going to create our headers transparently, but for the sake of this guide, we will be using a dark-coloured shape layer underneath, for better visibility.

preparing the canvas for work.
Making our canvas ready for use.

Choosing the phrase

Next, we will add our text, which should be short and preferably less than 3 words. For this, we will be using the “Text tool”, which can be found in the toolbar on the left.

Image showing the position of the text tool in the tool menu.

We will divide our text into two separate blocks.
I chose “Server Rules” as the text, “Server” being block 1 with Bebas Neue and “Rules” being block 2, with Aero.

Creating 2 blocks of text.

Resizing and aligning text

Let us place a one-word block in the frame followed by the other on top of the first block, aligning them perfectly.
We will resize the upper block by dragging any one corner down to make it smaller, this makes the text below seem loud and clear. I am using left alignment on both blocks.

Resizing and Aligning Block 1 and Block 2

This is how where we change alignments on pixlr: Format/Align

Image showing options for alignment. 

Talking about colours

We keep the upper text white, and the lower text of a bright colour like yellow, nitro purple or any colour of your choice, we stick to white and yellow. I will use white for Block 1 and yellow for Block 2 .
Almost there…

Tweaking the colour of block 1

Adding final touch.

We will rasterize the layer from (Layer/ Rasterize Layer) to add some final glows (Filter/ Outer Glow) to the bottom text.

Adding glows to block 2.

Crop, remove background and export.

Here is a tricky part, with glows you need to leave ample space on the left right and lower sides, so that you don’t end up cutting the glow spread.

Cropping : A header with glows

Without the glow, our main goal will be to remove as much as white space possible.

Cropping: A header without glows

Lastly we hide our background layer.

Hiding the background shape layer

And File/Export/Quick export as png.

Exporting…

Your embed banner is ready!

Some more examples:

Example showing the usage of gradient.
Using the glow effects to create another style for the embed header. This takes up minimum space and is equally apealing!

Final note:

What you see here is just one way to do it. You can experiment yourself to create better results! When dealing with texts, it is all about expressing what you think through your typography.

The design and colour choice totally depends upon your server theme.

Pixlr being a free tool is limited but can totally be used as a fast, pocket friendly alternative to paid services.

Join the Netcord Discord server

Continue the conversation and have a chat with alike-minds. Suggest new articles 

Join

Tags

messyhunk

Hi, I am messyhunk. A 500+ discord server owner, graphics designer, coder by day and a writer at night. Most importantly, I am a highschool student.