Design Custom Twitter Background Image Free in Photoshop – A Complete Tutorial

Posted In Uncategorized - By Piyush Dungrani On Wednesday, February 3rd, 2010 With 0 Comments

Twitter Background Images are very eye catching and millions of twitter users who tweets on regular basis try to make their twitter background images fascinating in look. so today we will see a complete tutorial on How to Make Custom Twitter Background Image in free with use of Photoshop CS3, Before starting the step by step guide first you can see the example images above of actual Twitter profiles to see what I’m typing about, One belongs to iJustine (really like her design, so I picked it) and the other one is mine, you can follow my tweets on twitter.

Make Twitter Background Design Custom Twitter Background Image Free in Photoshop   A Complete TutorialNow Want to create a personalized background for your twitter page too?.see demo background images given below here.

 Design Custom Twitter Background Image Free in Photoshop   A Complete Tutorial
Custom Twitter Background Design Custom Twitter Background Image Free in Photoshop   A Complete Tutorial
Make Custom Twitter Background Image with Photoshop CS3

For those who want to change or customize their background and change it into a actual profile page with more information like I did, but wondering how. You could use a site like TweetSpace.com where they’ll do all that totally free for you or design it your self with photoshop which makes it more fun and you can add colors, pictures and anything you want and make it look like how you wanted it.

This tutorial is for those who want to create a twitter background using photoshop.

Step1. First create a new document with Width 1800px, Height 1000px and Resolution 72.

Set+Resolution Design Custom Twitter Background Image Free in Photoshop   A Complete TutorialStep2. Add a background color

2.1. Create a new layer on top of your background, Pick the ‘Rectangular tool’, Choose a different color
Draw at about 199 px wide. See the example below.

99+pixel+area Design Custom Twitter Background Image Free in Photoshop   A Complete TutorialStep 3. Next add an image you want to display and position it as shown on the example.

Step 4. Type in your information, such as your name, email, Slogans, quotes etc…

Left+Side+Bar+Info Design Custom Twitter Background Image Free in Photoshop   A Complete TutorialStep 5. Add a title to your profile page. To do this view the image below, its very important to not to let the twitter logo or you twitter updates get in your way. so start typing you title at sharp 4.1 inches on your photoshop ruler. check the example.

Put+Title Design Custom Twitter Background Image Free in Photoshop   A Complete Tutorial
That’s it! Your done. You can add anything you want like more graphics or text in the background.
You can also change the font colors of your profile to match the new background….

Now all you have to do is upload what you have created……. to do that log onto your twitter account.

Click on settings > Click on ‘Design’ Tab > Scroll down and click on ‘Change background image’
Click on the ‘browse’ button upload the background you created.


NOTE: Do not check on the ‘title background’ check box below browse button.
Remove the check it if it’s already checked.

Twitter+setting Design Custom Twitter Background Image Free in Photoshop   A Complete TutorialLet me know if you have any query or suggestion. we love to hear your comments.

Incoming search terms:

design twitter background photoshop, costumize angry bird font style that compatible to photoshop cs3, tutorial photoshop hack background twitter, step by step photoshop twitter background, photoshop twitter ruler, left side bar in photoshop, how to make twitter backgrounds on photoshop cs3, how to make twitter background like ijustine\s using photoshop?, how to make a twitter background on photoshop cs3, how do design a profile in photoshop, free backgrounds for photoshop, custom twitter design, create a custom background free online, twitter background design angry bird

About - A techie by profession (software engineer) and a part time blogger by choice with immense knowledge of SEO, also writes articles on Google, Microsoft, Apple, iPhone, Internet, Blogger, Social Media and windows. Catch him on Twitter, Join Facebook Fan Page. Subscribe to GeekBlogger feed via RSS or EMAIL to receive instant updates.

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>