Create A Twitter Background Using PowerPoint

@tomascarrillo

Who would’ve thought that the presentation app used to lull audiences to sleep could also be used to create an appealing Twitter background? The process is fairly simple and only limited by your imagination and Twitter’s 800Kb upload limit.

Step 1: Download The Twitter Background Template

The templates are designed around a common screen width of 1280px.

PowerPoint Template - Tested on PowerPoint 2007 and PowerPoint 2004 (for Mac)
Keynote Template - Tested on Keynote ‘08.

Step 2: Create Your Twitter Background

After you’ve downloaded and opened the applicable template, you’ll notice four boxes that correspond to the various Twitter features as shown below:

Template Layout

At this point the sky is the limit when it comes to your design. For my background, I used a hi-res photo from Grunge Textures and fonts by Gyom Séguin; you can see the final result below:

Personal Twitter Background

Some items to keep in mind are…

  • Allow breathing room for any graphics placed to the left of the main content area since the content area shifts left and right depending on the browser’s window size.
  • Larger computer screens might cover up graphics placed to the right side of the sidebar.
  • Small text may become pixelated depending on the output quality of your image.
  • The templates are 1920×1200 pixels in size to account for most computer screens; feel free to change the template size to suit your needs.
  • Respect the copyrights of photographers and designers; when in doubt ask permission before using and modifying anyone’s photos or designs.

Step 3: Export Your New Twitter Background

If you’re using Windows, then exporting your background will require some patience and elbow grease. Unfortunately, Microsoft makes it difficult for PowerPoint users to select the size and resolution of their slides when exporting to JPEG. You have the following choices…

  1. Choose File > Save As; select JPEG as the file type, and save. Then using Microsoft Paint, change the image size to 1920×1200 by going to Image > Attributes.
  2. If choice #1 yields a poor quality image, then you can adjust the output resolution by tinkering with the registry as explained in the following Microsoft Support article: How to change the resolution of a slide that you export as a picture in PowerPoint.
  3. If the previous two choices seem daunting, then you can spend a few bucks on the PPTools ImageExport PowerPoint add-in which gives you complete control over the entire export process.

If you’re using Apple’s OS X, then exporting your background is considerably easier. Keynote ‘08 users can export their slides as images by choosing File > Export; select Images, then choose the output format, size, and quality. PowerPoint 2004 for Mac users can export their slides as images by choosing File > Save As; select JPEG as the format, then click the Options button located on the bottom left of the dialog box. Doing so will bring up a Preferences panel which contains size and quality options for exported JPEG images.

PowerPoint 2004 for Mac options

If your exported image exceeds Twitter’s 800Kb upload limit for backgrounds, then try reducing the quality or size of your exported image.

Step 4: Uploading Your New Twitter Background

The final step is to log-in to your Twitter account and click the Settings link located at the top of the page. On the setting page, click the Design tab and upload your new background via the Background Image field; click on the Home link at the top of the page if your background doesn’t appear.

Additional Resources

Although PowerPoint and Keynote aren’t full-fledged graphic design applications like Adobe Illustrator and Photoshop, they can still be used to turn out some nice designs. If you’re looking for some resources and inspiration for your Twitter background, feel free to check out the following links:

photo credit: waynesutton12 photo credit: waynesutton12 Twitter user @ronji photo credit: wboswell

Also, feel free to share your Twitter PowerPoint/Keynote background design, tips, and questions by leaving a comment!

Sincerely,
The Closet Entrepreneur

Post Scriptum: Follow me on Twitter @tomascarrillo.

» This post was filed under Tutorials and tagged with: , , , ,

22 Comments

  1. thanks for featuring my twitter page =)

  2. TOMAS

    @ronji - No problem, it’s an awesome design! BTW, thanks for the story behind the creation of the image.

    :)

  3. ige

    Great work, this is awesome!
    I’m wondering:-
    1- Where did you get the upper red photo from the page of your twitter.
    2- How did you made your name on the left with the frame and 90 degree set.

  4. TOMAS

    @ige - The entire background is comprised of this photo from Grunge Textures; it’s mirrored and rotated 90 degrees counter-clockwise.

    The name on the left is actually just a text box that has been rotated and then decorated with a picture frame - this part was actually done with iWork ’08’s Keynote application and not PowerPoint. :)

    Hope that helps!

  5. I like the tutorial. I’m sorry I found it after I created my own site with repeating backgrounds for Twitter. http://www.hipandtwendy.com/

  6. TOMAS

    @Designer - No need to be sorry, you’ve got a nice collection of patterns going!

    :)

  7. What a great tutorial - thanks! I created my Twitter background using a newsletter template from my desktop publishing software, but I know it’s not optimized for different screen sizes. Plus I love another fun way to play!

  8. TOMAS

    @Laurie - Let me know how the template works out for you (if you decide to use it). BTW, I really like your blog’s WordPress theme, it really stands out! I’ve been thinking of revamping the theme on this blog but 1) don’t want to do it myself and 2) don’t really want to pay a lot to get someone else to do it. Any recommendations?

    :)

  9. Tomas,

    Thanks for the article, I followed you here from a fellow twitter: YourStoryBrand

    I had did a twitter search and they came up, makes it a small world.

    Ended up editing image size in Paint, only had to do it ten times but the next one will be easier.

    AZMike (out here in Surprise)

  10. TOMAS

    @AZMike - Yeah, it definitely is a small world! I’m not sure if you were referring to Paint.net or the Paint program that comes with Windows, but bummer to hear that it became such a hassle to finish. Another alternative to PowerPoint to use a Photoshop alternative like GIMP, Adobe Photoshop Express, or Pixlr.

    BTW, thanks for the Twitter add!

  11. Thanks for sharing these wonderful ideas. it really makes it easy to see the difference tutorial. I followed you here from a fellow twitter:

  12. Your step-by-step guide to creating twitter backgrounds is quite informative & helpful.Thanks!

  13. Thanks for the advice… I’m on with it now!
    :)

  14. TOMAS

    @Create My Business Plan, @Internship, and @Advert Man - I’m glad you’re all able to make use of the twitter background templates and thank you for the positive comments!

  15. Tomas, thanks for the twitter template! I am up and running. YAY!

  16. TOMAS

    @Megan - You’re very welcome and thank you for the Twitter add! :)

  1. Twitter Background Image - Oct 17th, 2008

Leave a Comment

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word