How To Make a Killer Youtube Banner In GIMP {Free Template Included}
Previously, I shared a GIMP tutorial on creating killer Youtube thumbnails. Today, I’d like to share how to create killer Youtube Channel Art (i.e., the banner on your home page)!
I’ve included image resources to share a few design tricks and a template for creating your channel art banners.
If you’re ready… let’s do it!
Table of Contents
Youtube Channel Art Best Practices
If you’ve ever been confused by creating the channel art for your channel, you’re not alone. Youtube requires a design that incorporates 4 different screen sizes you upload for your banner. This includes…
- TV Screen: 2560 x 1440
- Desktop Max: 2560 x 423
- Tablet: 1855 x 423
- Desktop Minimum + Mobile: 1546 x 423
Therefore, you have to ensure your design elements and photos are within the boundaries for each screen size. The most crucial section is the 1546 x 423 area. This should include vital content like text and your logo since it is the smallest screen size of the four. Anything outside of this area will be cropped on smartphones and other smaller screens.
The other thing to keep in mind is the size of your text and logo. It may look great on your desktop. However, always check your smartphone too. That way, you can see how small your content actually is and then redesign if needed.
Youtube Channel Art {Free} Template
How To Make a Youtube Banner With GIMP
Either follow the step-by-step instructions below to learn how I created this custom Youtube banner or watch the video tutorial above.
Step 1: Open the Template & Add the Images
Open up the channel art template provided and download these images; a Photo by freestocks.org, a Photo by Laura Meinhardt, and a Photo by Tobias Bjørkli.
Once the images are downloaded, grab the files from your operating system folder and drag/drop them onto the GIMP interface. This will add the photos as new layers.
Style the Images
For the landscape image, scale the image (Shift + S) to the canvas’s width. Position it, so the sky fills the canvas. Next, set the Blending Mode to “Difference.”
Resize the other vertical image to fill the canvas and set the Blending Mode to “Lighten Only.” Make sure this image is above the other.
For the horizontal image, increase the size to fill the top and bottom of the canvas.
Step 2: Divide & Mask the Images
As part of the design, I created a shape for the left side… the shape slices through the middle at an angle. Use the Paths tool to create this shape and fill it with a dark grey (on a new layer).
Set the Blending Mode to “Linear Burn.” Next, we need to make a selection of this shape, flip it, and use it to create a Layer Mask for the third image. Here’s how…
- Right-click on the shape layer and choose “Alpha to Selection.”
- Grab the Flip tool with "Shift + F."
- Set the Tool Options to "Selection" and "Horizontal."
- Click on the selection to flip it.
- Now, set the Tool Options to “Vertical” and click on the selection again to flip it vertically.
- Move the selection, with the Move Tool, to the right edge of the canvas. Make sure to set the Tool Options (for the Move tool) to “selection.”
Once the selection is in position, click on the image layer to activate it. Add a Layer Mask, and make sure to choose “Selection” for the type of mask. Click OK, and the image will be masked!
If you’re not sure how to flip a selection click here for detailed instructions.
Step 3: Add Content
The final step is to add some content. Remember not to make your text, logos, social media icons, etc.. too small. For this design, I’m using a free font called Geared Slab.
- I placed the "Channel" on the first line, and the font size is 48pt.
- "Art Design" was placed on a second text layer at a size of 24pt.
- The third line is a free font from Google fonts called Oswald, sized at 14pt.
Reposition each text layer to the right and align it with the angle of your shape. Once you’re done with your design, make sure to save it with an .XCF file extension.
Then, you’ll need to Export the file as a JPG that will be used to upload for your Youtube channel art. Also, make sure to hide the dashed outline layer before exporting!
What's Next?
I’d love to see the final banner design for your Youtube channel! Post your masterpiece in our private Facebook group to show off your new skills.
Now is the perfect time to expand your skills with more of my free GIMP tutorials. If you’re looking for a structured environment to learn how to use GIMP for graphic design and or editing your photos check this out.
Like this article? If so, please share!