Feb
10

Design Your Own Twitter Theme

By Chloe  //  Graphic Design  //  18 Comments

chloeI’ve finally been dragged into the world of microblogging and signed up to Twitter. It seems to be the buzz word on everyone’s lips at the moment, crashing sites left right and centre with recommendations from Stephen Fry and Pete Cashmore the power of Twitter as a marketing tool is clear.

But so many companies aren’t using it to their full advantage. Whilst searching for people to stalk… I mean follow… I was amazed by the amount of businesses not capitalising on their twitter presence.

Lucy pointed out that CSS Galleries are one of the worst culprits after finding the following list of Twitter profiles for galleries. It takes a good designer minutes to make a striking background, creating a much more professional look to the profile.

Take a look at DDA’s Twitter profile, I did this in a couple of minutes, just by branding it to match the DDA website and including contact details and a short profile about who we are and what we do – this gives it a much more personalised feeling.

twitter design

Why not download DDA’s Twitter Template and give it a go yourself. Now there’s no excuse not to have a personalised Twitter page

twitter designDownload PSD File

Tags: , , ,

Author: Chloe Miller

Chloe Miller has written 15 articles for us.

18 Comments to “Design Your Own Twitter Theme”

  • Carrie March 15, 2009 at 4:54 pm

    Hi I try’d your template with PS CS3 Extended. Works great! But, when I save the file as a JPG I’m not sure what setting size I need to save as. There are options on the High, Medium, Low Plus Standard, Optimized, and Progressive. Can you tell me the best setting to use for Twitter. I keep getting an error when I upload.

  • john March 16, 2009 at 7:49 pm

    can u make me a twit bg?

  • Marsha March 20, 2009 at 5:56 am

    Great idea and I was all set to use your template until I checked it on Twitter. It doesn’t work too well for the 1024×600 netbook displays. Here’s a screenshot: http://images12.fotki.com/v215/photos/7/730693/4025690/twitter-vi.jpg :-(

  • Chloe March 25, 2009 at 8:53 am

    Hi Carrie, I had this problem when I first tried uploading my custom twitter background – I think twitter has a maximum file size setting so that you can only upload backgrounds of a certain size. I think as long as you try and make it under 500kb you should be fine. Depending on the size of your image I would recommend Medium or High – it’ll tell you in the bottom left corner how large the file size will be. Hope this helps.

  • Chloe March 25, 2009 at 9:02 am

    Unfortunately Twitter doesn’t give you the ability to upload multiple backgrounds for each screen resolution so it has to be a case of one size fits all. The background here is designed to fit the most common screen resolutions, but if you wanted to you could always crop the image and resize the contact details to fit your screen – just keep in mind that it will look funny on most other displays. I cropped the original image for you and you can download it here. Just right click and save as. :)

  • Deb April 2, 2009 at 2:38 am

    Thanks so much for the template, saved me a bunch of time figuring out the dimensions, etc. I can’t wait to play with it!!

    @scrappincop

  • Calvyn Tng May 6, 2009 at 7:50 pm

    nice psd great post, if only i had found this site earlier i would not have to go trough so much trial and error, btw check my profile background http://twitter.com/calvyntng and tell me what you think?

  • 70+ Twitter Backgrounds and Pattern Resources | Words from a Purple Mind - Quality Assurance, Business Analysis Web Design, SEO, and much more.. May 11, 2009 at 5:08 pm

    [...] Digital Design Advice – Offeres a Twitter template for you to customize. [...]

  • Renee May 13, 2009 at 2:58 am

    Thank you so much! This saved me a lot of time! Left your link in the end result… check it out: http://twitter.com/ShopWithMoms

  • Mitur Binesderti May 28, 2009 at 11:24 am

    Thanks for the info. And the chuckle since you are no longer Twittering.

  • Susan June 6, 2009 at 1:30 am

    Thanks so much for the template guide! Using your template and Photoshop, I created my Twitter background. You made it so much easier. SusanBiz on Twitter.

  • 10 Beautiful Customizable Photoshop Twitter Background Templates - Cash-Bandit.com July 23, 2009 at 1:04 pm

    [...] Digital Design Advice – This is a fun background and very easy to [...]

  • 10 Beautiful Customizable Photoshop Twitter Background Templates | Affiliate Blog Online October 18, 2009 at 5:33 am

    [...] Digital Design Advice – This is a fun background and very easy to [...]

  • Seiten für Twitter gestalten | Twitter, Webdesign | Dr. Web Magazin November 16, 2009 at 9:17 am

    [...] Design Your Own Twitter Theme [...]

  • angel jones January 22, 2010 at 9:14 am

    Have been searching for some decent information on this for awhile now thats for the great article.

  • Melanie March 23, 2010 at 4:59 am

    Thanks heaps! I am setting up social networking for a boutique finance company and tools like this make my life so much easier :)

  • James May 16, 2010 at 2:07 pm

    Thank you for sharing the psd. I used it to create my new twitter background: http://twitter.com/GrungeTV

  • HRhV August 9, 2010 at 1:16 pm

    Great post Chloe!

    One thing that you have to be wary of is how different size screens crop different areas of the background, especially with the wide variety from the iPad to desktops. I have created a downloadable photoshop template that shows all the safe areas…

    http://www.hywelvaughan.com/archive/2010/08/a-scalable-twitter-template/

    Thanks for sharing :D

Leave a comment