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 Seiten Chronik Vorlage für Photoshop

14. March 2012 - 12:20 -- Nico

Als erstes gab es das Facebook User Chronik Template (Hack)... Jetzt ist es auch für Facebook Seiten gelandet!

Die Photoshop Vorlage funktioniert genau wie der Facebook Chronik Hack.
Du weißt nicht wovon ich spreche? Dann schau dir als erstes dieses Tutorial an!

 

Photoshop Facebook Chronik SEITEN Vorlage v1.2

Facebook Chronik Template für Profilseite findest du hier

 

Die Facebooks Profil Chronik ist 17 Pixel höher als die für Seiten. Daher gibt es jetzt ein Update der Vorlage, welche ich auch gleich ein wenig erweitert und vereinfacht habe!

Jetzt ist sie wieder in einem 1:1 Verhältnis und nur der Avatar wird mit der mitgelieferten Aktion beim Speichern vergrößert, sodass er von Facebook akzeptiert wird.
Die Dimensionen der Fertigen Bilder ist 851 x 315 Pixel (BxH) für das Große Bild/Header und 125x125 Pixel für den Avatar.

Manchmal verschiebt Facebook beim aufrufen der Seiten-Chronik das Bild automatisch nach oben, um Mehr Inhalt zu zeigen. Das ist manchmal ärgerlich, desshalb habe ich eine Region der Vorlage hinzugefügt um wichtige Informationen in dieser zu positionieren. So wird die Information, welche in dieser roten Region angezeigt wird sicher angezeigt!

 

Übersicht der diversen Regionen der Photoshop Vorlage

Screenshot of Facebook Pages Timeline Photoshop Template 

Automatische Erstellung des Header und des Avatar Bildes durch die Photoshop Aktion

Ich habe der zip Datei eine Photoshop Aktion hinzugefügt (Doppelklick auf Facebook.atn und danach steht sie in Photoshop zur Verfügung)
In der Aktions-Palette kann sie gestartet werden und sie erstellt die benötigten Bilder für deine Facebook Seiten Chronik automatisch!

 

Zum perfekten Chronik Bild - Schritt für Schritt

  • Nach dem download entzippen und die Datei fb_timeline_template.psd öffen
  • Im Ebenenordner "personalisation" das gewünschte Titelbild gestalten
  • Anschließend die Ebene "overlay" ausblenden und zwei Einzelbilder (Vorlagen für die Größen den Hilfslinien oder der Ebenem "avatar" und "header" entnehmen) speichern. - Durch die mitgelieferte Photoshop Aktion wird dieser Schritt vereinfacht! Denn wenn die Aktion nicht verwendet wird, muss das Avatar Bild noch vergrößert werden um das Doppelte, sodass es Facebook akzeptiert.
  • Als Letzten Schritt diese Zwei Bilder bei Facebook als Avatar und Titelbild hochladen.
  • Fertig!

 

Update Facebook Seiten Chronik Vorlage v1.1

Facebook hat die Positionund die Größe des Avatar Bildes auf 160x160 Pixel vergrößert.


Update Facebook Seiten Chronik Vorlage v1.2

Verbesserungen im Template, Hilfslinien korrigiert und Aktion angepasst
Bitte die neue Photoshop Aktion, welche in der .zip datei mitgeliefert wird, verwenden!
Das Avatarbild wird mit der Aktion automatisch vergrößert, sodass es Facebook akzeptiert.

Update 22. Nov. 2012

Facebook beschneidet die Quadratischen Profilbilder und daher kommt es zu Fehldarstellungen.
Um dies rückgängig zu machen einfach über das Profilbild fahren "Profilbild bearbeiten" klicken -> "Miniaturbild Bearbeiten..." -> Checkbox "Größe anpassen" anhacken -> done! :)

 

Video Tutorial: Wie erstelle ich ich ein personalisiertes Timeline Bild und Avatar

Dieses Video habe ich für das User-Chronik Tutorial gemacht, aber die erstellung für ein Seiten Profil funktioniert genau gleich!

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