Technology YouTube

how to make Youtube channel art with photoshop

How to make a youtube channel banner with photoshop

Creating a custom channel banner for YouTube can really help your channel stand out. In this video, I’ll show you how to create a youtube channel banner in photoshop from scratch.

I’ll show you how to download the template and create a youtube channel banner that works for TV, tablet and mobile all at the same time.
I use this channel banner in all of the Howfinity youtube channels.

Download the template for photoshop here:

Share this video:


In this video, I’m going to show you how you can make a Youtube channel art just like the one I have here in photoshop and I’ll show you all the different steps it takes to get to this final result.
I’m in the process of making a new Channel are just like this one.  But it’s going to be called Howfinity eats for a new YouTube channel.  That’s just on Howfinity food related videos, and I’m going to show you how to do that from scratch
so this is going to be sort of the final result on that channel just to keep everything uniform and
if you look here into my layers if I turn this layer on and off.

You could see I use the template, because depending on what platform you’re watching it if you’re watching it on TV on desktop tablet.  It’s all different sizes.  So you want to make one that works for all the different sizes that you have so let’s start from scratch.

So I’m going to go over here to this page
This is basically the template that I downloaded for YouTube
and I’m going to use this as my
Template to get started. Next thing you want to do is you want to organize all your assets.
So I made a folder and I have all my different
assets here all the different pictures my logo
Everything that I’m going to use for this so make sure you do the same. I have all your pictures ready, basically
I just took my pictures from my video by pressing Command shift 4 on a Mac
and I just basically did a screen grab just like this, and then that’s how I have my pictures on here

And I downloaded a couple more from a royalty-free website, so make sure you have all your assets ready then go back to photoshop.
So you want to start with this template link in the description go ahead and download it because creating it
It’s going to take a little bit of work, but if you don’t want this template
And you want to start from scratch these are the dimensions.
So just go ahead and make a file with these dimensions up here file new and you could type in those dimensions
from here make sure it’s transparent press ok and then you could start
But if you have this template you could just start from there once we’re done
We’re going to just turn it off basically and all these are going to go away
They’re all in this folder that came with this template, so we’re going to turn it off alright
So now step number one is we want our background picture and the background picture is going to be used on TVs
mostly, so if people are watching it on TV. They’re going to see this full picture.
We’re going to focus really on this banner here for youtube
but we’ll start with the background picture, so I’m going to go to my finder here, and this is the background picture
I’m going to use. I’m just going to go ahead and open this in photoshop

and you could just kind of drag this down and bring this into this page and
I’m going to make sure I could resize this to my background, so to do that. I’m going to on a Mac here
I’m going to press command T or CTRL T on a PC
I’m just going to stretch it to fit my canvas right here, and I’m going to press this checkmark to say okay.
I’m just going to bring this down this layer one here down here
So I could see the specs on top again once we were done. We’re going to turn this off
Just like that next I’m going to make that rectangle that’s going to be laying over here
Let me go back to my other channel, or you see that rectangle that I have here
so I’m just going to create that and that’s the rectangle tool and
Again over here, I’m going to always create a new layer
So everything is going to be on their own independent layer, and I’m going to grab and drag here
And there we go if I let go again. It’s going to create it based on this color here
So if you didn’t want it in red

I’m just going to go ahead and delete this to show you I’ll create a new layer and go ahead and change this to whatever
you want so here let’s say if I wanted to make it gray go ahead and Drag and
Then end it here
There is the area where my channel banner is going to show up on YouTube and I’m going to lower the opacity here
I’m selecting this layer and lowering the opacity to
50 next
I’m going to create these circles. I want the same kind of look so I’m going to create the circles here
and that’s just going to the shape tool again and creating a lips tool and
Again, let me make sure I create a new layer
Go ahead and drag and if you hold shift it’s going to make it a circle if you don’t it’s going to just
Kind of be whatever. Shape you drag out to be so I’m going to press shift. I’m going to drag out
I want it to be about this size
And I’m going to press V to just move it in place again create a new layer do the same thing press shift
The color doesn’t matter right now
I’m going to change that in a second
But I’ll put that here and then I want to do one more and I’ll put that one over

Here, I’ll just walk you through doing this side, and then you could do the same thing with this side again
you could create any shape you want and then do the
Same kind of thing so if you want that to be the shape do that
Alright now that we have these shape layers. We want to put a picture inside of these shape layers, so to do that
I’m going to go back to finder here
And I’m going to open up the few pictures that I want to put inside those shape layers
So I’m just going to go ahead and open those with photoshop
I’ll just drag this into this project real quick, and I’m going to press command t to reshape it and
I’ll put it over here for example
Let me just make it a little bit smaller so it’s going to fit this picture a little bit better
I’m going to press ok whichever shape layer is going to be going into I’m just going to drag this
Picture on top of that shape layer, so if you do this one at a time, it’s a little bit easier
But in this case it’s going to go inside the very first shape
I made let me just turn these other two off. So it doesn’t get confusing now
We have the picture right over that shape you have to go to layer
Create clipping mask
Boom we have a right inside. We could still move it around if you want to shape it a little better
We could still press command T and resize it a little bit better
so I’m just going to go ahead and do that and resize it if you want your image to have a border or anything like
That I could come back to this layer
I’m going to double click this layer, and press stroke right here
And that’s going to give me a stroke around that I could change the stroke color for example
If I click stroke, I could just click the color here and make it red
Just like that press ok let me just show you this on one more image
And then I’ll fast over to when I have all my shapes
So the next shape was I’m just going to turn this layer on this is the next shape if you want this to be under
This shape you could always grab this and bring it down. So it could be underneath this shape

It’s okay right now where it was. I’m just going to put it back and
Again, let me go back to finder and go ahead and open a different image in this case. I’ll open this image open photoshop
Again, I’m going to bring it down and bring it into this picture and let me go ahead and resize it to make it smaller
And put it right on top of this again when you resize if you press shift you won’t change the aspect ratio
But if you don’t you can just drag freely and just like before
I’m going to make sure the shape is under and the picture is on top of that shape directly
Go to layer, Create clipping mask, and that’s going to put it right in there
And if I want the same stroke that I had on this image
I could just go ahead and right-Click or control-click here
Copy layer style, and then go over here to the shape say paste
layer style And I’ll get that and if I want to change that stroke color for example to make it blue like my other channel I

Could do it. Just like that and then reduce the opacity a little bit if I want to and press ok now
I’m going to fast forward to where I have the rest of my pictures and shapes
Okay, so I’ve created all my shapes
And I’ll put the images inside each shape and I created the borders around each shape and again. Make sure
Every little thing you create is on an individual layer, so you could edit it individually at strokes like colors
Whatever it may be and the last thing I want to do is I want to add my logo right in the center
I got my channel logo as a separate
Photoshop file, so in this case. I’m just gonna go ahead and drag all these layers as my logo
but if you have a logo.  You could just bring it in just like any image and here because I brought them in as individual layers
You could see I could turn the text layers on and off so I could we edit this is going to be the food channel
– 80 each
So I need to real able both of these so if you don’t have it like this
The easiest way to create a text like this is here. I’ll create a new layer and just press t
I’m going to go to this new layer and here
I’m going to press t and it’s going to turn this into a text layer, so I could type in how any d eats?
I’m going to press ok I’m going to move it over here
You tucked it in great because when I created the text it was set to gray
But if it’s set to any other color you’ll make it that color
But you could always come and select some of them and change the color so I’m going to change this part to red
I’m going to change this part
Blue for examples, I’m almost there. I just need to replace my description
healthy recipes each week
I’m going to select that I’m going to change the color to this dark blue again
So you could see it and if I press V I could just go ahead and move this around
it’s still a bit hard to read so I’m going to work on this a little bit more let me just show you what the
End result could be I’m gonna go down and remember how I had those specs over here
I’m just going to turn those off now
So this was the specs that let me use this as a template and once you’re done. Go ahead to file
You could do a file export as and this is the dimension for Your TV
You could basically upload this dimension to youtube and you could export it here
you could change it to a hundred percent quality and
Go ahead and export that so after a few tweaks to send out of being my final result
I changed some of the colors. I’ll put some borders
I changed some of the strokes and
Again if your text is hard to read you could either put a shape behind it that way you’ll create a nice
Separation what I did is I selected that layer that image layer behind, and I just used a burn tool
And I just started going behind it to make it a little bit darker. Just like you see here
I can make as dark as I want to make this text pop
I’m just going to undo that and that’s basically how I got to this final result and you could upload this to YouTube
I hope this helps you make your Youtube banner
Please subscribe to this channel for YouTube tutorial photoshop tutorial a lot more and give this video a thumbs up if it was helpful.
Thanks for watching and see you on the next video.