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

22Comments

Tweet

Anywhere

thehalvo says:

06/14/2011 at 8:30 AM

Great .psd Thanks for sharing!

Joey Camacho says:

06/14/2011 at 8:46 AM

Looks sharp Shelby!

Matt says:

06/14/2011 at 9:23 AM

Really nice. Thnx.

Nathan says:

06/14/2011 at 9:44 AM

This is awesome man! Thanks.

Ash says:

06/14/2011 at 9:57 AM

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

Michael says:

06/14/2011 at 10:37 AM

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

Andrew Witherspoon says:

06/14/2011 at 2:17 PM

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

Bruce says:

06/14/2011 at 10:54 PM

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

Shelby White says:

06/14/2011 at 11:15 PM

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.

Pam Armstrong says:

06/15/2011 at 9:17 AM

Wow, thanks. This is a great help!

Photo Restoration says:

06/27/2011 at 6:47 AM

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.

Designcheaply says:

07/04/2011 at 7:55 AM

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!

Sara K Byrne Photography says:

07/13/2011 at 4:52 PM

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

Heinrich says:

10/13/2011 at 1:28 AM

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.

Ingvi Jónasson says:

10/13/2011 at 3:11 AM

Thanks, very useful

Max Sandoval says:

10/14/2011 at 8:45 PM

This is great …..you are a rockstar!

Stella says:

10/25/2011 at 11:26 AM

Thank you a lot!! It looks great!

buildersinchennai says:

03/28/2012 at 2:56 AM

thanks for sharing it…great collection of templates