Twitter Background Template

Small business owners are finally beginning to realize that social media is an incredible source for gaining new business. The posibilities are limitless with Facebook, Twitter and LinkedIn and we are setting up new accounts on a weekly basis for new clients wanting to gain an edge on their competition. Because of this, I am dealt with the task of creating custom Twitter backgrounds that will help represent and keep a consistent brand for our clients. So I set out to find a template that might help me in handling this repetitive process. To my amazement, I did not find anything that was that helpful so I began creating my own template for customizing a Twitter background.

Twitter Template

Here is the result of a few hours of work. I will explain in detail the organization of my psd file, but if you are wanting to begin without reading everything, feel free to go ahead and download my Twitter background template here.

Most instructions on how to use the psd file are on the top layer, but here is a quick rundown of how things are organized.

  • Twitter Design Colors – Reference Guide – This just has some helpful hints on how to use the file and tips on how to design your background.
  • Monitor Size Guides – I have created guide lines for the following monitor sizes: 800px x 600px, 1024px x 768px, 1440px x 900px, 1280px x 1024px, 1680px x 1050px, 1900px x 1200px and 2560px x 1600px. Each guide has been given a center line so that you can slide the Design Layer over to fit the monitor size you would like to design for.
  • Working Layers – I have recreated all elements for two different views of your Twitter page – 1) How the public sees your accounts and 2) How you see your account. All type is editable and all elements are on their own layers. Feel free to do what ever you want here.
  • Design Layers – This is broken into the same two sections as the Working Layers group – 1) How the public sees your account and 2) How you see your account. These layers have been setup to easily adjust the design colors when customizing your Twitter background within your setting of our account. Twitter allows you to change 5 Design Colors on your Twitter page: background, text, links, sidebar and sidebar border. Below you will see the top blue layer group is called How the public sees your account. If you double click on the “text” or “link” layer effect you can change the Color Overlay to a desired color to match your design. To change the color of both the “side bar border” and “side bar background”, simply double click the Layer thumbnail and choose a desired color for that element.
  • Create custom background here – Place all your design files here for your custom Twitter background.
  • Background – I have created a solid shape that covers the entire background for easy adjustment of the background color.

Twitter background template psd layers

Download the Free PSD Twitter Background Template here

Also, leave a comment below or send me a message on Twitter (@38drew) to let me know if this was helpful. If you have anything you would like me to add or change about it feel free to let me know that as well. Enjoy!

16 Responses to “Twitter Background Template”

  1. Bhanumati Butala June 8, 2011 at 10:49 pm #

    There is visibly a bunch to realize about this. I assume you made some good points in features also.

  2. yoonmi July 22, 2011 at 5:07 pm #

    Does this change much with the newer format?


  3. Katrina Miller-Fallick September 1, 2011 at 6:31 pm #

    Thanks! Great info! Made the process a lot quicker for me. :)

  4. Katrina Miller-Fallick September 1, 2011 at 6:33 pm #

    Oh, and I wanted to promote this page on twitter, and give you credit, but I don’t see your twitter handle listed anywhere! (you should add that) I’m @reallybigpeach.

  5. jacquelyn September 22, 2011 at 7:21 pm #

    this just saved me so much time! Thank you!!

  6. seo essen September 24, 2011 at 10:10 am #

    Is this template still compatible with Twitter as it stands today or do I need to make changes? Thanks for taking the time to share this as it is difficult to find tutorials about this..I only find finished templates to upload! :o (

  7. K Donovan September 30, 2011 at 4:08 am #

    Thanks, Drew… posted link to page.

  8. Ibiza Holidays 2012 October 31, 2011 at 8:44 am #

    Brilliant, just the template I was looking for…

  9. iFreebie November 13, 2011 at 5:34 am #

    Agreed i would love to follow this person on twitter. This is a very helpfull template thanks!

  10. status site November 18, 2011 at 5:48 am #

    I have been exploring for a little bit for any high-quality articles or weblog posts on this sort of area . Exploring in Yahoo I ultimately stumbled upon this website. Studying this info So i am happy to exhibit that I’ve a very excellent uncanny feeling I discovered just what I needed. I so much indisputably will make sure to do not put out of your mind this web site and provides it a look on a relentless basis.

  11. glendelicious November 28, 2011 at 4:37 am #

    This is exactly what I was looking for.
    I was able to make a twitter background in no time.

    Thanks for the template!

  12. Mohmmad ali December 10, 2011 at 4:48 am #

    This is exactly what I was looking for.
    Thank you very much .

  13. Lachezar Georgiev December 12, 2011 at 9:47 am #

    Great guide I`ll definitely use it to brand out Twitter account

  14. Greg February 2, 2012 at 3:02 pm #

    Looks great, exactly what I was looking for. Finally convinced my boss that it was time to get his company on Twitter, so now I have to back up my claims and help him get started! This will help a ton.

  15. Rob-o-Matic March 21, 2012 at 6:34 pm #

    Man, I don’t know why you did this but I’m certainly glad you did. Thanks for setting this up with such attention to detail.

  16. Tampa Marketing October 13, 2012 at 12:13 am #

    Thanks for the layout and specs, we were just getting started so this helped us quite a bit.

Leave a Reply