How to Make a Video End Card/Outro For Your YouTube Videos in Photoshop

Michael

I Love YTtalk
Joined
Aug 31, 2011
Messages
22,357
Reaction score
16,029
Channel Type
Youtuber
In this guide I will show you from start to finish how to create one of these, an outro end card and share some of my tips for making ones that work well.

This is our newest end card for our videos at YTtalkTV, following this guide you will be able to make the one just below ours:

yt-outro-template.jpg

yttalk-outro-end-card-template.png

To begin with you will need an image editing software such as Adobe Photoshop or GIMP, I am using Photoshop and dont have much experience with GIMP unfortunately so I wont be able to help you. Once you have one of those installed on your computer we can begin by opening a new canvas, first consider the output resolution of your videos, I usually render in 1080p (1920x1080px) and therefore I will want to make the end card the same size in Photoshop.

1.jpg

Make your new canvas by clicking File>New> Entering the size in pixels and then hit ok.

Now we have our blank canvas. Our plan is to have a single box for one video and a few more boxes for images/advertisements for our collaborators channels. Come down to the tools palette and select the rectangle shape tool and choose a nice blue as the foreground colour:

2.jpg

Once you have that done come over to your canvas a draw a rectangle on the left side of it leaving space at the top and left of the box and on the right for four more boxes. Now we have our blue video box we are going to create our four advertising boxes on the right side, simply click and drag the rectangle tool to create four more, you can right click the layer and duplicate them to make things easier if you know how, we will go with four like so:

3.jpg

In the top most rectangle on the right we are going to add some of our social media information, we have Facebook and Twitter to add there, come over to the text tool and click onto the canvas and type out your social media information like so:

4.jpg

If you need to position the text make sure to use the Move tool as pictured below to move the text and align it correctly within the box:

movetool.jpg

Feel free to add others that you have such as Google Plus, Pinterest, Instagram and all your other favourites that you are active on.

Now we have our social media page links out of the way we will add our first advertisement banner, for the purposes of this tutorial I will be using a YTtalk advert banner, feel free to use it yourself if you fancy helping out the site. Not everyone will want to have banners in their end card/outro so feel free to add any other content there, you may work with other channels, you could ask them for a banner the same size as the one below to advertise their channel at the end of your videos, at present we are doing such an exchange with WeAreYTube over at YTtalk to help cross promote the two channels.

yttalk-banner-advertisement-large.png


5.jpg

To add some style to the top social media links box I am going to adjust the blending options for the layer using the following settings, you can adjust them to your own liking and even adjust the background layer colour at this stage as I know many of you prefer a coloured background. To change the blending options right click the rectangle layer and click Blending Options:

6.jpg

7.jpg

8.jpg

And now we have that done, we will add some styling to the social media box text layers with the following blending options:

9.jpg

And lets apply some blending options to the background of the end card, a nice lime green:

10.jpg

You can make your own adjustments from here on with the content for your outro end card, be creative and see what you can come up with. A great tip is not to include the left side box as it will allow more leeway when you adding the video on top in your video editor and make editing easier for you. I recommend having call to actions within your outro to prompt those viewing to take action, whether thats clicking a subscribe button, checking out someone elses channel via an annotation or heading on over to your Facebook page to like it, make sure to include some CTA's and encourage people to click them. It is a fantastic opportunity to create more traffic to your other videos and allow the view to engage with your content. Keep things simple, short and clean and I am sure it will help you.

Once you are happy with your outro/end card go to File> Save for web and save it as a PNG 24 leaving all options as default.

If you want to use a Subscribe button exactly like ours in the first end card image you can download the ones I released for free here:

http://yttalk.com/threads/youtube-subscribe-button-psd-and-pngs.106248/

I have attached the PSD file for this end card to the bottom of this post if you would like to edit mine really quickly, it is royalty free and free for you to use for commercial purposes so 100% free to use, feel free to keep or remove the YTtalk banner too.

I will be releasing a pack of end card templates for Photoshop very soon as a resource within this forum so keep an eye out for them, they will also be 100% free to use, modify and use in your monetised videos without worry.

Thanks for reading and I hope you have fun making your end cards, if you have any questions or tips to share feel free to ask away or post them up.
 

Attachments

Michael

I Love YTtalk
Joined
Aug 31, 2011
Messages
22,357
Reaction score
16,029
Channel Type
Youtuber
Nice but :cautious2: why is your windows bar thingy on top :eeks::help::unsure::spin:
Haha I cant have it any other way sadly, I got used to it a while back and going back to normal feels so weird, I think I copied off Ubuntu :D
 

Michael

I Love YTtalk
Joined
Aug 31, 2011
Messages
22,357
Reaction score
16,029
Channel Type
Youtuber
Right click it then click Lock the Taskbar, then drag and drop it to where you want it, you can have it on the sides but I cant stand it like that, it has to be the top :D When done lock the taskbar again.
 
  • Like
Reactions: Shane

Stike96

I Love YTtalk
Joined
Oct 13, 2013
Messages
1,988
Reaction score
732
Age
27
Location
Huddersfield, West Yorkshire, England
Channel Type
Youtuber
In this guide I will show you from start to finish how to create one of these, an outro end card and share some of my tips for making ones that work well.

This is our newest end card for our videos at YTtalkTV, following this guide you will be able to make the one just below ours:

View attachment 16347

View attachment 16359

To begin with you will need an image editing software such as Adobe Photoshop or GIMP, I am using Photoshop and dont have much experience with GIMP unfortunately so I wont be able to help you. Once you have one of those installed on your computer we can begin by opening a new canvas, first consider the output resolution of your videos, I usually render in 1080p (1920x1080px) and therefore I will want to make the end card the same size in Photoshop.

View attachment 16346

Make your new canvas by clicking File>New> Entering the size in pixels and then hit ok.

Now we have our blank canvas. Our plan is to have a single box for one video and a few more boxes for images/advertisements for our collaborators channels. Come down to the tools palette and select the rectangle shape tool and choose a nice blue as the foreground colour:

View attachment 16348

Once you have that done come over to your canvas a draw a rectangle on the left side of it leaving space at the top and left of the box and on the right for four more boxes. Now we have our blue video box we are going to create our four advertising boxes on the right side, simply click and drag the rectangle tool to create four more, you can right click the layer and duplicate them to make things easier if you know how, we will go with four like so:

View attachment 16349

In the top most rectangle on the right we are going to add some of our social media information, we have Facebook and Twitter to add there, come over to the text tool and click onto the canvas and type out your social media information like so:

View attachment 16350

If you need to position the text make sure to use the Move tool as pictured below to move the text and align it correctly within the box:

View attachment 16351

Feel free to add others that you have such as Google Plus, Pinterest, Instagram and all your other favourites that you are active on.

Now we have our social media page links out of the way we will add our first advertisement banner, for the purposes of this tutorial I will be using a YTtalk advert banner, feel free to use it yourself if you fancy helping out the site. Not everyone will want to have banners in their end card/outro so feel free to add any other content there, you may work with other channels, you could ask them for a banner the same size as the one below to advertise their channel at the end of your videos, at present we are doing such an exchange with WeAreYTube over at YTtalk to help cross promote the two channels.

View attachment 16353


View attachment 16352

To add some style to the top social media links box I am going to adjust the blending options for the layer using the following settings, you can adjust them to your own liking and even adjust the background layer colour at this stage as I know many of you prefer a coloured background. To change the blending options right click the rectangle layer and click Blending Options:

View attachment 16354

View attachment 16355

View attachment 16356

And now we have that done, we will add some styling to the social media box text layers with the following blending options:

View attachment 16357

And lets apply some blending options to the background of the end card, a nice lime green:

View attachment 16358

You can make your own adjustments from here on with the content for your outro end card, be creative and see what you can come up with. A great tip is not to include the left side box as it will allow more leeway when you adding the video on top in your video editor and make editing easier for you. I recommend having call to actions within your outro to prompt those viewing to take action, whether thats clicking a subscribe button, checking out someone elses channel via an annotation or heading on over to your Facebook page to like it, make sure to include some CTA's and encourage people to click them. It is a fantastic opportunity to create more traffic to your other videos and allow the view to engage with your content. Keep things simple, short and clean and I am sure it will help you.

I made a tutorial video just for placing a video on top of another within Sony Vegas a while back and the same principles apply here, you place the end card on the lower track, make a new track and place your video on top making adjustments to its size using track motion (it is much easier than it sounds):


If you want to use a Subscribe button exactly like ours in the first end card image you can download the ones I released for free here:

http://yttalk.com/threads/youtube-subscribe-button-psd-and-pngs.106248/

I have attached the PSD file for this end card to the bottom of this post if you would like to edit mine really quickly, it is royalty free and free for you to use for commercial purposes so 100% free to use, feel free to keep or remove the YTtalk banner too.

I will be releasing a pack of end card templates for Photoshop very soon as a resource within this forum so keep an eye out for them, they will also be 100% free to use, modify and use in your monetised videos without worry.

Thanks for reading and I hope you have fun making your end cards, if you have any questions or tips to share feel free to ask away or post them up.
Nice Guide :D. I want to make new outros, just too busy at the moment to do them :(.
 
  • Like
Reactions: Michael

Michael

I Love YTtalk
Joined
Aug 31, 2011
Messages
22,357
Reaction score
16,029
Channel Type
Youtuber
Thanks guys :) If any of you have Photoshop watch out for my next resource, it will be within the next few days and posted in this forum, I am doing a pack of these for Photoshop so you can edit them easily and have a solid base to work from, heres a preview of what I am working on :) @RobertPowellTV you might fancy using one of them when theyre done :)

preview.png