How to use my Twitter Background Template

How To Use My Background Template www.Doug-Gilbert.com

Download Template www.Doug-Gilbert.com First thing to do is download the template here: http://www.doug-gilbert.com/downloads/

Open in Photoshop www.Doug-Gilbert.com After you’ve downloaded and unzipped it, open the PSD file in photoshop.

Review Layers: Hide Before Saving www.Doug-Gilbert.com Take a look at the side panel. Pay attention to the folders and layers. Hide Before Saving For Web
This folder contains layers that you can use as guides when making your background.
Main Content Guides – This is where the main Twitter content box, Twitter Nav box and Twitter logo will be when you upload your background to twitter.
Sample Layout – This is just an example layout so you can get a better idea of where things will line up.

Review Layers: Sample Backgrounds www.Doug-Gilbert.com Take a look at the side panel. Pay attention to the folders and layers. Sample Backgounds Nothing special here. Just a solid background layer and a gradient background layer.

Review Layers: Place Your Stuff Here www.Doug-Gilbert.com Take a look at the side panel. Pay attention to the folders and layers. Place Your Stuff Here In this folder (or below it) you put your design. * When designing your background, Toggle the above Folders (Layers) off so you can see your work. Toggle them back on to see how everything looks and lines up.

The Guides www.Doug-Gilbert.com The majority of computer users have wide screen monitors and use a resolution of 1024x768px or higher. I use 1280x800px. So please note that this template works best for 1280x800px resolution. the Guides With a screen resolution of 1280x800px, this area won’t be seen so keep your important design elements above the 2 bottom guides. Keep content you want visible between here This area will be behind the Main Twitter Feed and sidebar therefore it won’t be visible This area will be seen but depending on the screen resolution most or only half of it will be.. Keep that in mind when designing you background.

Toggle Sample Layer www.Doug-Gilbert.com Click the Sample Layout layer to get an idea

Notice The Guides www.Doug-Gilbert.com Notice the guides Here is a recent background I did to again show you where to place your main design images and text. Toggle the Main Content Guides layer to see where the Twitter elements will be.

Twitter Profile Using a Background www.Doug-Gilbert.com And here is an actual screenshot from a Twitter Profile using the background. (screen resolution set to 1280x800)

Save For The Web www.Doug-Gilbert.com Any questions please leave a comment below or leave a link to your profile so I can check out what you did. “ Save For The Web” and that’s basically it! Things To Remember
When “Saving For The Web” choose Jpeg and make sure your file size is under 800kb or Twitter won’t accept it.
Again, this template is what I use to make Twitter backgrounds. It works great with screen resolutions set at 1280x800px. You can experiment with other resolutions if you like but you may have to arrange things differently.

Thanks Thanks For Viewing! Doug Gilbert, Freelance Graphic Designer Twitter: Facebook: Myspace: Website: Twitter.com/itsdoug Facebook.com/douggilbert Myspace.com/9795Designs Doug-Gilbert.com

http://www.doug-gilbert.com	134
http://www.slideshare.net	17
http://feeds2.feedburner.com	17
http://www.practiceboard.com	2
http://feeds.feedburner.com	2
http://webcache.googleusercontent.com	1

How to use my Twitter Background Template

by Doug Gilbert on Apr 28, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 173

Statistics

How to use my Twitter Background Template — Presentation Transcript