10 Sites to Get a Custom Twitter Design

TwitBacks

TwitBacks

TwitBacks

TwitBacks enables you to create a customized background, optionally including information like social networks, branding, bio and self-portrait on a custom background image. They have over 80 background designs to choose from or you can choose to create one yourself.

Price: Free

My Tweet Space

My Tweet Space

My Tweet Space

You can optionally submit an order for a fully customized background theme to meet your specifications and needs. There appeared to be a few nice designs in their portfolio but some other options here might give you better quality (at a higher price).

Price: Free / $79

When you’re done, the application can apply the new background to your profile for you or you can save it to your computer and do it yourself.

Price: Free

Tweety Got Back

Tweety Got Back

Tweety Got Back

Tweety Got Back is a great place to find some really creative and high quality themes. I would have to say they have some of the best looking themes around at the moment, covering popular categories with plenty of selection. You can view a live preview of the theme and they’ll apply the theme for you once you’ve logged in.

Price: Free

Price: Free / $9.99 / $25 / $79

Twitlay

Twitlay

Twitlay

Twitlay has several background options and a few free customization options. The free background customizer is relatively limited but if you only need something simple, it might be what you’re looking for. They do, however, add their branding. You can also order a fully customized background design for $50. They don’t have portfolio work available though so I’m not sure about their quality.

Price: Free / $50

Twitart

Twitart

Twitart

Twitart doesn’t offer any free backgrounds or background customization, but they do offer outstanding custom theme design for a pretty low price. Take a look at their background gallery and you’ll know that they definitely know their stuff and provide fantastic quality designs. If you need something professionally done, this is a great site to choose.

Price: $78-88

Killer Tweets

Killer Tweets

Killer Tweets

Killer Tweets offers high quality, great looking stock backgrounds that you can purchase for $9. For $49 per year you can get access to their entire background library. They have a somewhat limited selection but they do have some really nice designs. Their main draw is custom designs, which is where they shine. The few example custom themes they show are quite nice, so they’ll likely be able to create a fantastic design for you as well. Custom designs are $99, so it’s a little more expensive than Twitart but a little cheaper than Social Identities.

Price: $9 / $49 / $99

Don’t Forget to Subscribe and Follow

Be sure to subscribe to our feed and for more great web app reviews, how-tos, roundups and giveaways!


TwitBacks

TwitBacks

TwitBacks

TwitBacks enables you to create a customized background, optionally including information like social networks, branding, bio and self-portrait on a custom background image. They have over 80 background designs to choose from or you can choose to create one yourself.

Price: Free

My Tweet Space

My Tweet Space

My Tweet Space

You can optionally submit an order for a fully customized background theme to meet your specifications and needs. There appeared to be a few nice designs in their portfolio but some other options here might give you better quality (at a higher price).

Price: Free / $79

When you’re done, the application can apply the new background to your profile for you or you can save it to your computer and do it yourself.

Price: Free

Tweety Got Back

Tweety Got Back

Tweety Got Back

Tweety Got Back is a great place to find some really creative and high quality themes. I would have to say they have some of the best looking themes around at the moment, covering popular categories with plenty of selection. You can view a live preview of the theme and they’ll apply the theme for you once you’ve logged in.

Price: Free

Price: Free / $9.99 / $25 / $79

Twitlay

Twitlay

Twitlay

Twitlay has several background options and a few free customization options. The free background customizer is relatively limited but if you only need something simple, it might be what you’re looking for. They do, however, add their branding. You can also order a fully customized background design for $50. They don’t have portfolio work available though so I’m not sure about their quality.

Price: Free / $50

Twitart

Twitart

Twitart

Twitart doesn’t offer any free backgrounds or background customization, but they do offer outstanding custom theme design for a pretty low price. Take a look at their background gallery and you’ll know that they definitely know their stuff and provide fantastic quality designs. If you need something professionally done, this is a great site to choose.

Price: $78-88

Killer Tweets

Killer Tweets

Killer Tweets

Killer Tweets offers high quality, great looking stock backgrounds that you can purchase for $9. For $49 per year you can get access to their entire background library. They have a somewhat limited selection but they do have some really nice designs. Their main draw is custom designs, which is where they shine. The few example custom themes they show are quite nice, so they’ll likely be able to create a fantastic design for you as well. Custom designs are $99, so it’s a little more expensive than Twitart but a little cheaper than Social Identities.

Price: $9 / $49 / $99

Don’t Forget to Subscribe and Follow

Be sure to subscribe to our feed and for more great web app reviews, how-tos, roundups and giveaways!


Build a Custom Twitter Background in Photoshop | PhotoLesa.com

Step 1: Gather some fun graphics. Companies such as iStockphoto are a great resource for decorative embellishments like scraps of paper, pushpins, post-it notes, etc. You’ll also need a headshot, logo, photography, and images of your product, book, etc.

Step 1: Gather some fun graphics. Companies such as iStockphoto are a great resource for decorative embellishments like scraps of paper, pushpins, post-it notes, etc. You’ll also need a headshot, logo, photography, and images of your product, book, etc.

Photoshop Tutorial 9 | How To Make Your Own Twitter Background In Photoshop

Photoshop Tutorial 9 | How To Make Your Own Twitter Background In Photoshop

PSD Template

Fichero: twitter-background-template.psd Tamaño: 2.0 MB

Pixel Perfect Background Photoshop Template for Twitter « planetOzh

Twitter Background Design How-To and Best Practices

1. Repeating Background Pattern

The repeating background pattern is the age old website background effect, create a repeating graphic and upload the file to your account. The main advantage is that a repeating pattern will work at any monitor resolution. Examples:

2. Background Graphic Fading to Colour

Using a single graphic on your profile can help add some visual interest, in order to allow this to work at higher resolutions the image is faded out so that it blends into a single colour, which is then specified as the background color. Examples:

3. Extra Large Background Graphic

Sidebar or No Sidebar?

Let’s Design Our Own

Choose a solid colour for the background, I’m choosing a warm grey. Fill the background layer using Option/Alt + Backspace.

Download a lined paper resource from SXC and open it up into Photoshop, cut out a section of the paper using the Pen Tool.

Paste in the paper resource into the main document, scale and position according to the blue template layer.

Add some realism to the paper by adding a Drop Shadow, use very subtle options to recreate how the light would naturally fall on the paper.

Right click on the Drop Shadow effect from the Layers palette and select Create Layer, then press CMD+T and Warp to distort the shadow.

Drag out the corner point of the Warp filter to stretch the shadow, this helps give the appearance of a slightly raised corner.

Paste in this coffee cup stain into the document and scale into position. Set the blend mode to Multiply to render the white areas transparent.

Open this image of a coffee cup into a new document, create a mask around the cup and cut out the main object.

Paste in the cup and position to the upper left corner, add a soft Drop Shadow.

The tall cup would cast a much larger shadow in real life, so create a layer from the Drop Shadow and use the Warp settings to stretch out the shadow, adding much more realism. Drop the opacity to avoid the shadow taking focus in the design.

Place in another element of lined paper, cut it down to size, rotate and position into place. Add another very soft drop shadow to give realism.

Transform the page with the Warp setting to curve the bottom corner upwards.

Scan and paste in some doodles onto the page, rotate and scale them into place so that they appear from under the upper stack of paper.

In the blending options, add a dark blue Color Overlay to give the impression of a ballpoint pen drawing.

Download a photograph of an old blank Polaroid, place the image into the design and add a subtle Drop Shadow.

Open up a photograph of yourself and place it into the Polaroid area. Use a mask to cut away the excess.

Paint some blobs of yellow and magenta over the photograph, then change the blending mode to Color. CMD click on the photograph’s mask and crop down the colours. This adds a slight effect to the image to give a vintage appearance.

Write out a personal message onto the lower portion of the Polaroid using the brush tool, or a pre-made handwriting font.

Check over the design for any last tweaks, pay attention to how the objects lay in relation to the template.

Save the image for Web, adjust the JPEG compression to balance between overall file size and image quality.

Next, change the theme colours to match the overall design. Sample areas from the image to ensure the palette matches. The most important option is the background, making sure it is exactly the same hex code as the image for a smooth transition.

With the design now complete head over to your profile to check out the theme for real. If you liked this article, come and .

1. Repeating Background Pattern

The repeating background pattern is the age old website background effect, create a repeating graphic and upload the file to your account. The main advantage is that a repeating pattern will work at any monitor resolution. Examples:

2. Background Graphic Fading to Colour

Using a single graphic on your profile can help add some visual interest, in order to allow this to work at higher resolutions the image is faded out so that it blends into a single colour, which is then specified as the background color. Examples:

3. Extra Large Background Graphic

Sidebar or No Sidebar?

Let’s Design Our Own

Choose a solid colour for the background, I’m choosing a warm grey. Fill the background layer using Option/Alt + Backspace.

Download a lined paper resource from SXC and open it up into Photoshop, cut out a section of the paper using the Pen Tool.

Paste in the paper resource into the main document, scale and position according to the blue template layer.

Add some realism to the paper by adding a Drop Shadow, use very subtle options to recreate how the light would naturally fall on the paper.

Right click on the Drop Shadow effect from the Layers palette and select Create Layer, then press CMD+T and Warp to distort the shadow.

Drag out the corner point of the Warp filter to stretch the shadow, this helps give the appearance of a slightly raised corner.

Paste in this coffee cup stain into the document and scale into position. Set the blend mode to Multiply to render the white areas transparent.

Open this image of a coffee cup into a new document, create a mask around the cup and cut out the main object.

Paste in the cup and position to the upper left corner, add a soft Drop Shadow.

The tall cup would cast a much larger shadow in real life, so create a layer from the Drop Shadow and use the Warp settings to stretch out the shadow, adding much more realism. Drop the opacity to avoid the shadow taking focus in the design.

Place in another element of lined paper, cut it down to size, rotate and position into place. Add another very soft drop shadow to give realism.

Transform the page with the Warp setting to curve the bottom corner upwards.

Scan and paste in some doodles onto the page, rotate and scale them into place so that they appear from under the upper stack of paper.

In the blending options, add a dark blue Color Overlay to give the impression of a ballpoint pen drawing.

Download a photograph of an old blank Polaroid, place the image into the design and add a subtle Drop Shadow.

Open up a photograph of yourself and place it into the Polaroid area. Use a mask to cut away the excess.

Paint some blobs of yellow and magenta over the photograph, then change the blending mode to Color. CMD click on the photograph’s mask and crop down the colours. This adds a slight effect to the image to give a vintage appearance.

Write out a personal message onto the lower portion of the Polaroid using the brush tool, or a pre-made handwriting font.

Check over the design for any last tweaks, pay attention to how the objects lay in relation to the template.

Save the image for Web, adjust the JPEG compression to balance between overall file size and image quality.

Next, change the theme colours to match the overall design. Sample areas from the image to ensure the palette matches. The most important option is the background, making sure it is exactly the same hex code as the image for a smooth transition.

With the design now complete head over to your profile to check out the theme for real. If you liked this article, come and .

Twitter Background Dimensions

35 Creative Twitter User Profile Designs

In this collection, you’ll find some of the out there.

Tomas Laurinavičius is a blogger and designer from Lithuania who’s currently studying Multimedia Design & Communication in Denmark. Check his work at his personal portfolio site and

68 Comments

Leave a Comment

In this collection, you’ll find some of the out there.

Tomas Laurinavičius is a blogger and designer from Lithuania who’s currently studying Multimedia Design & Communication in Denmark. Check his work at his personal portfolio site and

68 Comments

Leave a Comment

10 Free Sites for Amazing Twitter Profile Layouts

Hope you enjoy them :)

Another  very good collection is available on this site. I Browsed a few and liked them a lot. Hope you find it useful as well. Good thing about this site is that themes are cleverly categorized for easier and pin point navigation !

Twitr Backgrounds
Twitlay
Twit Paper
My Tweet Space
Twit Rounds

twit rounds layouts

Hope you enjoy them :)

Another  very good collection is available on this site. I Browsed a few and liked them a lot. Hope you find it useful as well. Good thing about this site is that themes are cleverly categorized for easier and pin point navigation !

Twitr Backgrounds
Twitlay
Twit Paper
My Tweet Space
Twit Rounds

twit rounds layouts

How to create a big Twitter header image | Socialbrite

Take advantage of this new feature to make a statement

  1. Go to Settings (on iOS mobile devices go to your profile, and then select the gear icon, then “Edit profile”).
  2. Within settings, select Design.
  3. Scroll down to the Header section and select “Change header” (on iOS mobile devices select “Header”).
  4. Upload image from your computer or iOS device. The recommended image size is 1200 X 600 pixels.
Related Posts Plugin for WordPress, Blogger...

Take advantage of this new feature to make a statement

  1. Go to Settings (on iOS mobile devices go to your profile, and then select the gear icon, then “Edit profile”).
  2. Within settings, select Design.
  3. Scroll down to the Header section and select “Change header” (on iOS mobile devices select “Header”).
  4. Upload image from your computer or iOS device. The recommended image size is 1200 X 600 pixels.
Related Posts Plugin for WordPress, Blogger...

Fichero: twitter-header-template.psd Tamaño: 405.3 KB

How to change your Twitter Header Image - desktop

How to change your Twitter Header Image - desktop

Twitter Header Design: What You Need to Know | Social Media Sun

 

 

Keep Your Background in Mind

 

 

 

You Have No Control Over the Text

Your avatar, bio, name and location are displayed in white over your header image. Unless you want to delete everything, you cannot change text colors or alter the placement in any way. The gradient overlay makes it hard to have a conflicting background, but all design needs to pay particularly close attention to the area where the text and avatar will appear. The best design integrations will have the avatar placement pinned down perfectly, and use the relationship between the avatar and header to make their designs innovative. On the design, I added icons over Tweets, Following, Followers, and the Follow Me button; again the gradient overlay lessens the effect by making that area dull.

 

Through trial and error I judged the approximate position of my follower count, tweet count and follow me button, and designed the SMS banner to accent those bordering features. There is a slight difference in IE and Chrome’s display of my header, so it doesn’t quite align in one or the other.

 

Header Dimensions

 

You Can Always Remove It

Take some time and try out a few images that you have rights to. The header is more like a second background than it is a logo. If you cannot find a match that suits your needs and is an overall improvement on your page design, go back to your design settings page, click on change header, and select the remove option. Your profile will revert back to the traditional layout, and there is no harm done.

 

 

 

Don’t Compromise Overall Design Just for a Header

The details will make or break your profile design. Familiarize yourself with all the design elements that you do have control over, such as the link color, the transparent overlay, your avatar, background, and even the inclusion of bio text. If you’re Coca Cola, do you really need to tell everyone that you’re a soft drink? You will either need to consider the placement of that text, and weigh your needs to decide if it is worth removing. Link color is almost as important as the graphic elements on your page. Complimentary or monochrome colors are safe bets.

 

 

Have you switched to an enhanced profile yet? Which layout do you like better? If you’ve installed a header, we’d love to hear about it in the comments.

 

 

Adam Justice

 

 

Keep Your Background in Mind

 

 

 

You Have No Control Over the Text

Your avatar, bio, name and location are displayed in white over your header image. Unless you want to delete everything, you cannot change text colors or alter the placement in any way. The gradient overlay makes it hard to have a conflicting background, but all design needs to pay particularly close attention to the area where the text and avatar will appear. The best design integrations will have the avatar placement pinned down perfectly, and use the relationship between the avatar and header to make their designs innovative. On the design, I added icons over Tweets, Following, Followers, and the Follow Me button; again the gradient overlay lessens the effect by making that area dull.

 

Through trial and error I judged the approximate position of my follower count, tweet count and follow me button, and designed the SMS banner to accent those bordering features. There is a slight difference in IE and Chrome’s display of my header, so it doesn’t quite align in one or the other.

 

Header Dimensions

 

You Can Always Remove It

Take some time and try out a few images that you have rights to. The header is more like a second background than it is a logo. If you cannot find a match that suits your needs and is an overall improvement on your page design, go back to your design settings page, click on change header, and select the remove option. Your profile will revert back to the traditional layout, and there is no harm done.

 

 

 

Don’t Compromise Overall Design Just for a Header

The details will make or break your profile design. Familiarize yourself with all the design elements that you do have control over, such as the link color, the transparent overlay, your avatar, background, and even the inclusion of bio text. If you’re Coca Cola, do you really need to tell everyone that you’re a soft drink? You will either need to consider the placement of that text, and weigh your needs to decide if it is worth removing. Link color is almost as important as the graphic elements on your page. Complimentary or monochrome colors are safe bets.

 

 

Have you switched to an enhanced profile yet? Which layout do you like better? If you’ve installed a header, we’d love to hear about it in the comments.

 

 

Adam Justice