Comments 14

Twitter Background TemplateBy Drew Binkley / January 10, 2010

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

Here is the result of a few hours of work. I will explain in detail the organization ofmy psd file, but if you are wanting to begin without reading everything, feel free togo 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 quickrundown of how things are organized.

Twitter Design Colors - Reference Guide - This just has some helpfulhints 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 monitorsizes: 800px x 600px, 1024px x 768px, 1440px x 900px, 1280px x 1024px,1680px x 1050px, 1900px x 1200px and 2560px x 1600px. Each guide hasbeen given a center line so that you can slide the Design Layer over to fit themonitor size you would like to design for. Working Layers - I have recreated all elements for two different views ofyour Twitter page - 1) How the public sees your accounts and 2) How yousee 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 WorkingLayers group - 1) How the public sees your account and 2) How you seeyour account. These layers have been setup to easily adjust the design colorswhen customizing your Twitter background within your setting of ouraccount. Twitter allows you to change 5 Design Colors on your Twitter page:background, text, links, sidebar and sidebar border. Below you will see thetop blue layer group is called How the public sees your account. If youdouble click on the "text" or "link" layer effect you can change the ColorOverlay to a desired color to match your design. To change the color of boththe "side bar border" and "side bar background", simply double click theLayer thumbnail and choose a desired color for that element. Create custom background here - Place all your design files here foryour custom Twitter background.

Internet Marketing and Website Design Blog CategoriesDevelopment 6Design 5Internet Marketing 11News/Updates 2Networking 1Social Media 2

ArchivesJanuary 2010November 2009October 2009September 2009July 2009June 2009May 2009April 2009October 2008September 2008August 2008July 2008June 2008

AuthorsAdam BrookDrew BinkleyWes Thompson

Subscribe to our RSS feed

Website Design &Development

Internet Marketing &Consulting

Application & SoftwareDevelopment

Showcase

Twitter Background Template http://www.38pages.com/blog/post/twitter-background-template

1 of 3 4/15/2010 9:28 PM

Background - I have created a solid shape that covers the entirebackground for easy adjustment of the background color.

Download the Free PSD Twitter Background Template here

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

Comments

From Lisa Marie /January 11, 2010

Thank you verymuch, very helpfulindeed

From chris /January 11, 2010

excellent! this willdefinitely be ahandy tool - thankyou!!

From Geeee /January 11, 2010

Thank you so muchfor the time andefforts you put tomake this helpfultemplate :) I'mreally enjoying itnow it's very useful.. thx a lot andkeep it up :)

From Scott Toomey/ January 11, 2010

Thanks for thetemplate. I lookforward to opening

it and working with it. I have long wanted to update my twitter background...justwasn't sure how to do. Hopefully this will help. I'll keep you posted.

From Stephan Wehner / January 11, 2010

Nice, thanks. I managed to open the psd file with my old GIMP (Version 2.4.5) Somelayers have dimensions 2560px x 1600px -- is that really needed? I think that iscausing the psd file (after extracting the zip) to take up 7MB. Stephan

From Web Design Maidstone / January 11, 2010

Some useful tips, will return!

From Nobs / January 12, 2010

This is great! Thanks a lot!

From Shelley DuPont / January 14, 2010

Thank you so much! Since I'm not very tekky, I could never figure out how peoplegot those really neat Twitter backgrounds. Now, I can have one of my very own!! : )

From Reid Walley / January 16, 2010

Oh, man, this looks super-cool. Thanks for the Twitter background template. OnTwitter, me (@reidwalley) and my buddy Michael (@BarlyPop) just finished the bookCrush It! (@garyvee) and are all over Twitter and creating our own Twitterbackgrounds. This will be super-helpful!

From Rodrigo Neves / January 16, 2010

Good job. Thanks for the template, it is very helpful.

From Graphire / January 16, 2010

Hi Drew. Thanks for dropping by my post on PSD twitter background template

Twitter Background Template http://www.38pages.com/blog/post/twitter-background-template

2 of 3 4/15/2010 9:28 PM

Name (required) Email (required, will not be published)

Website

http://www.designfreebies.org/design-templates/psd-templates/free-twitter-background-templates-in-photoshop-psd/. You have presented an excellent and veryhelpful post on creating twitter backgrounds in Photoshop. Keep it up.

From Bruce Stranaghan / January 20, 2010

Thank you for sharing

From AhSin Ang / January 26, 2010

Thanks for the info. This is the best of all the articles that I can search on Google sofar to help me understand about creating the Twitter background. With that, Imanaged to create the background for my company @asiapacsolution. Thank youvery much @angahsin

From Jeff Pinkham / January 28, 2010

Great! i like the detailed specs. Will put it to good use. Jeff

Leave your comment

Comments (required)

Site Links

HomeAboutServicesShowcaseContactBlog

Services

Website Design & DevelopmentE-commerceContent ManagementInformation ArchitectureAccessibilityFlash Animation / ProductionSystems IntegrationUser Interface DesignBranding and Identity

Services

Internet Marketing & ConsultingSEO - Search Engine OptimizationPay Per Click AdvertisingEmail MarketingSocial Media AdvertisingTraffic Reporting and AnalysisGoal ConversionCall Tracking and ReportingOnline StrategyDisplay AdvertisingCopywritingUser Experience

Services

Application & Software DevelopmentCustom E-commerceCustom Content Management SystemsCustom ApplicationsThird-party API IntegrationWire FramingSite Structuring

Contact Us

38pages3755 Corporate Woods DriveBirmingham, AL 35242Phone 205.383.4427Fax 205.413.8949 Copyright © 2007-2010 38pages, LLC.All rights reserved.

Subscribe to our Blog

Twitter Background Template http://www.38pages.com/blog/post/twitter-background-template

3 of 3 4/15/2010 9:28 PM