Home » Web

How to Create a Kick-Ass Facebook Profile Pic and Awesome Time-Line Cover

14 December 2010 4,790 views 6 Comments
Update: Facebook has implemented TimeLine. Use TrickedOutTimeLine to create awesome TimeLine Covers.
 
Requirements: Photoshop CS3+, New facebook Profile, Front Faced HD Image

This post is in response to the TechCrunch article which featured Alexandre Oudin’s Creative Facebook Profile.

I created a similar one for my facebook profile. Here are the 2 methods i came across on Internet

Method 1: Using Photoshop

Thanks Seth Sandler for making these amazing PSDs and easy to create cropped images. Before proceeding, have a look on your facebook profile and find out how many lines of Biography you are having. Its the text written just above your tagged photos on New Facebook Profile. Like I have a 3 line biography

1. Download the template

If you have a biography of 1 line, download this file Facebook Bio 1 Line

If you have a biography of 1 line, download this file Facebook Bio 2 Line

If you have a biography of 1 line, download this file Facebook Bio 3 Line

If you do not have a biography, download this file Facebook Bio no Line

2. Edit the Template

Simply open the PSD in Photoshop and start editing. You will find 2 Layers

Layer 1: Mask
Layer 2: Your Image
 

The Mask layer is crucial and is responsible for creating different sized cropped images later. You can simply replace the ‘Your Image’ layer with new image. Feel free to play around with photoshop, extend / compress if required. Place the image in a way you want.

3. Generate Images

Now File >> Save for Web & Devices >> Save

It will create a folder named ‘images’ containing all images.

4. Upload to Facebook

Upload ‘left-image.png’ as your profile picture. Followed by small_pic1.png, small_pic2.png, small_pic3.png, small_pic4.png, small_pic5.png

5. Tag Images (Tricky Part)

Tag yourself in those 5 small pics, starting with small_pic5.png to small_pic1.png . Alls done.

P.S: Make sure, if anyone tags you. You either remove the tag or block that person.

Method 2: Online Full Page Pic Generator

Soon after the TC cover, vindimy came up with an online script. You can generate your own cropped images directly at

http://vindimy.dyndns.org/fb.php

Follow Step4 and Step5 from above. The link seems to have been customized for a 1-line biography.

Update: vindimy himself commented here,  it resizes automatically, trying to keep proportions the same (though not always succeeding ).                                 [Thanks]

Here is an example of My Facebook Profile Image-1 | Profile Image-2

Related Posts Plugin for WordPress, Blogger...
Tags: , , , , , , ,

  • http://vindimy.myopenid.com/ DV

    Thanks for the mention :) Also, the script doesn’t require user to resize the image, it resizes automatically, trying to keep proportions the same (though not always succeeding :P ).

    - vindimy

    • http://www.facebook.com/vineet.dhanawat Vineet Dhanawat

      Woah! That was quick. I missed sending a pingback, How did you find me so soon? and I’l update the post ! Thanks for showing up . Appreciated :)

  • Shaunak Bangale

    nice idea!! :)

  • Alok Upadhyay

    Your templates are cool. They are like ready to use and you can just do it in a minute or so. Great Work. Thanx!! I did it using these templates only. http://www.facebook.com/alok0412/

    • http://www.facebook.com/vineet.dhanawat Vineet Dhanawat

      Thanks Alok. Your profile looks gr8 as well !

  • michal rock

    This is really cool way to create the profile page of facebook. I don’t like to use photoshop and but I would like to do this using online tool for it. It give fill like our photo is in the background of facebook.

    psd to xhtml