Update 2020: This post is now outdated and archived, but feel free to read it to remember what it was like. ?
I recently redesigned my twitter profile.
I have been on twitter for about four months already, but still did not have a twitter profile background image.
So, I decided to create one using photoshop as I am quite good at it.
I downloaded John Chow’s background to measure where I should put the details. (To download a background image from a site using firefox, right-click on it and click ‘View background image’)
Next, I got my photo and lassoed out the background (Here’s how to do it). Then, I pasted it onto my twitter background.
To resize it, I dragged the corner of the bounding box while pressing ‘Shift’. This locks the pixels. (Make sure you tick ‘Show Bounding Box’ to show the bounding box.)
Then, I got the social media sites favicons from the Internet, and pasted them there.
I then pasted the title of my blog and the tagline from the header. For more information on how I made them, here’s exactly how I made my blog header.
I then typed in the words using the type tool and arranged them.
Here are the fonts I used for the text:
- Gloson Blog – Cooper Black
- Lean online with Gloson – Franklin Gothic Book
- (www.glosonblog.com), glosonblog.com/facebook, glosonblog.com/stumbleupon, glosont, firstname.lastname@example.org – Gill Sans MT
- Gloson – Maiandra MD
- Let’s connect, Contact – Gill Sans MT
For the final touch, I used the photoshop gradient tool to give a nice color effect on the background. All I need to do is to select the gradient tool, pick a color, and drag to create the gradient.
I uploaded my twitter background image by going to Settings >> Design >> Change background image.
Then, I tweaked the colors on my profile to match the background (The colors was originally green).
Tada! It was done! And now, I have to get used to it 😛 .
Here’s the link to my twitter background image.
Hope you’ll like it!