This website is outdated. However some content may be still relevant or interesting. Also check out the new website.

Ausgetrock.net

Mediadesign & Webservices

Add new comment

Facebook Pages Timeline Template for Photoshop

14. March 2012 - 12:20 -- Nico

First there was the Facebook profile Timeline Hack... now it has landet on Facebook pages too

Download and use it like the Facebook Timeline Hack.
You don't know what the Timeline Hack is? Please go and read this tutorial first!

 

Photoshop Facebook Timeline PAGE Template v1.2

 You may find a Template for your Facebook Profile Page here

 

Facebooks Timeline for User Profiles is 14 Pixels higher than for Facebook Pages. So I had to do another Template to get the Cover and Avatar perfectly alligned!

I have also refined it a bit. Now the Template is 1:1 like the Facebook Profile and only the avatar picture will be automatically sized up (so that facebook accepts the file).

The dimensions of the page Timeline header image is 851 x 315 pixels (wxh) and the avatar 125x125 pixels.

 

Overview of different areas from the Photoshop template

Screenshot of Facebook Pages Timeline Photoshop Template 

Create the Facebook header and avatar pictures automatically

I added a Photoshop action (double-click on the Facebook.atn Photoshop action to add)
In the action pallet you can run the action and it automatically creates the two needed pictures for you.

 

Timeline Hack Step by Step

  • After the download unzip the file and open fb_timeline_template.psd
  • In the layers folder "personalisation" do your theming, drawing, photoshopping, arranging,...
  • Then hide the layer "overlay" and create two separate pictures (use the guides or the layers "avatar" and "header" for the sizes of the pictures) - you dont need this step if you use the supplied photoshop action set! (you have to scale the avatar picture up, so that facebook accept it. The action does this for you automatically!)
  • Upload them and choose it as avatar and title picture.
  • Done!

 

Update Facebook Pages Timeline Template v1.1

Facebook changed the size to 160x160 pixel and position of the avatar a bit (bigger like the google+ profile picture ;)

Update Facebook Pages Timeline Template v1.2

Small Bugfixes, adjustment of helping-lines and Photoshop action now working again.
You must use the new action which is packed in the .zip file so the files will be created correctly

Update 22. Nov. 2012

Facebook cuts the quadratic profile pictures and so it does not fit correctly.
In order to reverse this simply point over the picture and thit the "Edit Profile Picture" button -> "Edit thumbnail ..." -> Check the "Scale to fit" Checkbox -> done! :)
 

Video Tutorial: Howto hack your facebook timeline with personalized pictures

I have done this tutorial for user timelines, but it works the same way on facebook pages!

Screenshot Facebook timeline pages template for Photoshop
Screenshot Facebook timeline pages template for Photoshop with areas