Famebit
  1. Join the largest paid sponsorship network. No contracts, no gimmicks, get paid quick. New sponsorships are added daily. Join at famebit.com

    Dismiss Notice

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

Discussion in 'Branding & Design' started by Michael, Feb 4, 2014.

  1. Michael
    I Love YTtalk
    Messages:
    22,253
    Likes:
    15,807
    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.
     

    Attached Files:

  2. Shane
    YouTube Network Addict
    Messages:
    2,896
    Likes:
    1,683
    Cash:
    $138
    Nice but :cautious2: why is your windows bar thingy on top :eeks::help::unsure::spin:
     
    Michael likes this.
  3. Michael
    I Love YTtalk
    Messages:
    22,253
    Likes:
    15,807
    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
     
  4. Shane
    YouTube Network Addict
    Messages:
    2,896
    Likes:
    1,683
    Cash:
    $138
    But how do you move it?? :unsure:
     
  5. Michael
    I Love YTtalk
    Messages:
    22,253
    Likes:
    15,807
    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.
     
    Shane likes this.
  6. unknown_user54684097890
    I Love YTtalk
    Messages:
    2,829
    Likes:
    1,791
    Cash:
    $78
    Awesome guide Michael. :D
     
    Michael likes this.
  7. Michael
    I Love YTtalk
    Messages:
    22,253
    Likes:
    15,807
    Thank you, I noticed a few people asking about this recently and thought it could help them out :D
     
  8. Stike96
    I Love YTtalk
    Messages:
    1,612
    Likes:
    537
    Cash:
    $94
    Nice Guide :D. I want to make new outros, just too busy at the moment to do them :(.
     
    Michael likes this.
  9. MyLifeMyWorld
    I Love YTtalk
    Messages:
    745
    Likes:
    303
    Cash:
    $308
    Great guide, thanks a lot. Been thinking about adding one and wasn't sure how to do it :)
     
    Michael likes this.
  10. Michael
    I Love YTtalk
    Messages:
    22,253
    Likes:
    15,807
    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
     

Share This Page