How to Create A Custom Twitter Background Using Adobe Photoshop

[YasMusicRVA]

the new twitter is width:1349 pixels - height:680 pixels

[RaWClanFTW]

How did you get the measuring thing at the top?

[KStohl1]

@RaWClanFTW - View>Show Rulers.

[KidureeTV]

when i add my background and press save changes, it goes to a white page saying its not available and giving me ideas,

[KStohl1]

@KidureeTV Double check your file size and make sure it is within the limits of the Twitter upload.

[LuceDesigns]

@KStohl1 How do you fix the file size?

[KStohl1]

@LuceDesigns when you save out as a jpg, you can change the slider to lower the file size. It will show you an approx. file size under the OK/Cancel buttons. Otherwise, if you follow the size I set up in the beginning it should be ok.

[KStohl1]

Miss LPX - JPG is perfectly fine for this application and is lossless if saved properly. JPG only looses quality if you save out multiple times or increase the compression to the point that you sacrifice quality.

[MissLMPx]

big mistake... jpeg files actually lose the quality, png files are better compressed files and the contain the quailty ..

[skippy999999]

choose* excuse my fail spelling kinda late at night here.

[christophersmith2304]

Awesome Video ! You are looking for twitter service. Visit GotFollowersOnTwitter . c o m

[GirlillaHunters]

this is the old twitter though...

[ultraphoennix]

Where did you got the background?

[ibravohhh]

my rulers are not like yours?

[liekzamgwtflux]

Hey do you know how to make a good background for the new version of twitter? Any idea which sizes I need?

[J8Dust8]

Thanks for the Help, Mate :D

[tsleverywhere]

is it the same with photoshop cs5??

[BridqetteBTV]

My ruler is counting by ones ??

[skippy999999]

@BridqetteBTV Right click on the ruler and chose pixels.

[ChadTazz]

i want photoshop :(

[nathandoylemusic]

Very neat and concise little tutorial. Very good thanks :)

[djntwelveinch]

thanx it helped a lot

[PinkyPuff100]

thanks :D

[Beb0oMz]

how do you make a background like that? 1:33 , really need help !

[liquidplastic62]

Do you know if the background img is centered horizontally or is it left aligned on twitter?

The twitter container seems to be around 880px wide, so i'm wondering, as centered would make it easier to design irrespective of user browser size.

Thanks Kstol1

[KStohl1]

Hi Liquid,

The image is aligned left on purpose. Having it centered would position it directly over the twitter container obstructing any information you post unless you design a larger image, but you have to consider two things - other peoples browser window sizes, not just your own and the image size restrictions for twitter. I have information I want people to read so I keep it left and away from the container.

[Squishyxo]

how do you change the top to 200 pixels like you did.

[KStohl1]

I used guides set to 200px on both the vertical and horizontal sides. My completed image had both guides set.

[Squishyxo]

@KStohl1 so where do you go to get that though i dont understand.

[KStohl1]

Hi Squishyxo,

You drag your guides down from the rulers in Photoshop. You have to understand the basics of Photoshop to do this exercise.

[dnmoss]

Q:

On my lab top which is a Dell the custom picture come out perfect. However, when it is veiwed on another computer it is really off.  What is the problem....... Mossy

[KStohl1]

It really depends on the size screen, browser and the size of the window. Remember, the Twitter feed floats in the page, so if it is a smaller window, it can still cover up your image.

[Nellz25]

mine always comes out very big and never really fits my screen res. is normal.

[KStohl1]

Check to make sure you are working in 72 dpi in Photoshop. Also, if you have another screen resolution, such as widescreen or smaller than the one listed here, adjust your file size to match. Its really about how others view it rather than you.

[Nellz25]

ok thanks

[scrappy14609]

thanks its great.

[michaeljlailaty94]

thanks!!!