Twitter Background UI Photoshop PSD

August 28th, 2011

Updating your Twitter profile live is silly. Change, save, refresh. Change, save, refresh. After searching thoroughly for an alternative to editing live, it was clear that there weren’t any great solutions or intentions by anyone to create a pixel-perfect template for anyone to use. Not to mention, a template that would stay up-to-date as the website evolved.

This PSD includes grouped elements by name respective of their location in the html of Twitter.com. The profile images utilize smart objects to ease the pain of changing images. Update the image once and it will proportionally scale the images across the whole PSD.

This template was built closely to Twitter’s current layout as of August 2011. You can download this template below. Please share the PSD with others. Hope this template makes mocking up your profile a lot easier, enjoy!

Version 1.2 PSD update changes:
• Added Twitter’s new “Recent Images” section to sidebar of profile
• Updated alignments of “Similar to you” section

Version 1.1 PSD update changes:
• Profile image uses smart objects: replace once and changes all in psd (Update thanks to Scott Benish)
• Added Verified badge icon to PSD

Twitter UI Photoshop Psd (4.9 MB) | Version 1.2 Last updated on August 28th, 2011

Download File
Posted by on 08/28/11 in Design, Downloads, Photoshop

21 COMMENTS   »  Leave your Comment

  1. thehalvo says:

    Great .psd Thanks for sharing!

  2. Joey Camacho says:

    Looks sharp Shelby!

  3. Matt says:

    Really nice. Thnx.

  4. Nathan says:

    This is awesome man! Thanks.

  5. Ash says:

    This is great , on my imac it was a little off but that was my error. Thanks man!

  6. Michael says:

    Pretty Fresh, super organized…Thanks for the share! ha

  7. Man, this could have saved me so much time. The Twitter design settings are a nightmare to use. Thanks!

  8. Bruce says:

    How did you know I was looking for one of these? Thanks!

  9. Shelby White says:

    Thanks guys!

    @Bruce — I couldn’t find a template that was up to date with the newest version of Twitter so I went ahead and created it because I knew others could also use it.

  10. Wow, thanks. This is a great help!

  11. Thanks a plenty, I’ve just opened up a new twitter and was getting annoyed at constantly re-aligning and uploading into twitter…only to have it out of place…again! Life saver.

  12. Thank you very much for your hard work. You really have taken the sting out of the Twitter design tail.

    I have just made a quick Twitter background to give it a go and I was very pleased that you had everything placed in the PSD file just so. It made all the difference.

    When I have more time I will make another background. In the meantime, I was able to make a very quick test Twitter background design thanks to you.

    Well done!

  13. You are a lifesaver, well.. not quite that.. but close :)
    I’ll finally have my twitter profile whipped into shape thanks to your template !

  14. Heinrich says:

    Brilliant template, thank you for taking the time to create this. I’ve been looking for this for a while and you’ve saved me the hassle of creating it myself.

  15. Thanks, very useful

  16. Max Sandoval says:

    This is great …..you are a rockstar!

  17. Stella says:

    Thank you a lot!! It looks great!

  18. thanks for sharing it…great collection of templates

  19. Thank you very much, great template.

  20. Iris says:

    This is sweet! Thank you for making this template! Now it’s more convenient to create Twitter backgrounds!

  21. Appreciate it Shelby!


Leave a Response