Coleman PhotoGraphix
(917) 447-8056 [email protected] 330 West 38th Street, #1204
Vintage camera on a desk

How to Create a Custom Twitter Header Image

  /  Cover Stories   /  How to Create a Custom Twitter Header Image
Custom Twitter Header Image

How to Create a Custom Twitter Header Image

 

Your Twitter page can look snappy and snazzy!

With the newly launched Header Image feature, you now have the ability to further customize your Twitter profile–giving you a LOT of possibilities.

Checking out the profile images from @KatieLinendoll and @RyanSeacrest gave me the idea to create my own Custom Twitter Header Image–and to help you make your own with a Custom Twitter Header Image Photoshop Template.

Here are Ryan and Katie’s:

Ryan Seacrest Custom Twitter Image

Katie Linendoll Custom Twitter Image

How To Create Your Custom Twitter Header Image

Creating your own Custom Twitter Header Image is remarkably simple–especially with the Photoshop Template you can download right here.

Preparation

  1. Pick out a great header image–it needs to be landscape orientation, no more than 1200px on the long side.
  2. Later, once your image is uploaded, Twitter will add a bit of darkening to your image (so keep that in mind). Also, the text that Twitter overlays is going to be white. Which means darker, bolder colors, and images with very little pattern work best.
  3. Download this Custom Twitter Header Image (Photoshop Template).
    Unzip the file, and open in Photoshop.
  4. Drag your own image into the Photoshop Template.
  5. Resize and adjust the placement of your image so that the area you’d like as your profile image falls within the White Square.
  6. Turn off the “Face/Profile Area” layer (and the sample “Profile Picture” layer).Deselect White Square Layer
  7. Save your Custom Twitter Header Image as a JPG.
  8. Ctrl+Click (or Command+Click for Mac) the Thumbnail for the “Face/Profile Area” layer.
    Marquee Select Profile Image
  9. Select your personal header image layer from the Layer Palette, and copy the area you’ll be using for your Profile Image.
  10. Create a new Photoshop Document (Ctrl+N or Command+N on Mac). The dimensions for your Profile Image are created automatically–DON’T CHANGE THEM!
  11. Paste your copied content into the new Photoshop Document, and save as a JPG.
    Create Twitter Profile Image

You should now have two images: 1 Twitter Header Image (the large landscape image), and 1 Twitter Profile Image (the small squarish image).

Updating Your Twitter Design

  1. Login to your Twitter account.
    Click on the Wheel Icon in the upper right, and select “Edit Profile”.
  2. Click on the “Profile” tab on the left.
  3. Click “Change Photo”. Uplaod the squarish “Profile Image” you created in your prep. Save.
  4. Click on the “Design” tab on the left.
  5. Click on “Change Header”. Upload the large landscape Header Image you created in your prep.

Done!

Next step, send me a message @ColemanPhoto or on Facebook so I can see how it turned out!

If you found this guide helpful, consider sharing with friends 🙂

The owner of this website has made a commitment to accessibility and inclusion, please report any problems that you encounter using the contact form on this website. This site uses the WP ADA Compliance Check plugin to enhance accessibility.