First there was the Facebook profile Timeline Hack... now it has landed 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!
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
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
No comments :
Post a Comment
Please Write Your Comments Here....