Anleitung inkl. Photoshop Vorlage: Facebook Fotogalerie personalisieren – So geht´s!
Ein Ausschnitt aus dem Maggi Kochstudio Facebook Fotoalbum. Das Bild in diesem Fall ist noch viel länger als unser Ausschnitt: http://on.fb.me/oqMWH0
Gerade haben wir euch einige Beispiele zum personalisieren der Facebook Photo Galerie vorgestellt. Auf der Seite von Azhar Kamar haben wir ein nettes Tutorial gefunden, mit dessen Hilfe sehr einfach dieser Effekt erzielt werden kann. Die Photoshop-Vorlage haben wir in Absprache mit Azhar aufgegriffen und etwas verbessert.
Wenn ihr selbst etwas Photoshopkenntnisse besitzt könnt ihr so spielend einfach selbst diese coolen Facebook Fotoalben anlegen in dem ihr unser kurzes Tutorial befolgt:
1. Download der Vorlage
Wir haben für euch eine Photoshop Vorlage erstellt:
Creative_Facebook_Photo_Album_Template.zip (0,5 MB)
2. Öffnet die Vorlage in Photoshop
So sollte die Datei nach dem Öffnen & ausblenden den ersten Layers aussehen, es kann sein das die blauen Slices bei euch nicht angezeigt werden was aber auch nicht schlimm ist.
3. Öffnet euer gewünschtes Bild in Photoshop
4. Fügt das Bild in die Vorlage ein
5. Passt das Bild an die Vorlage an. In der Länge könnt ihr übrigens variabel sein, es ist egal ob ihr drei, vier, fünf oder alle Reihen befüllt. Bei über vier Reihen passt es meistens nicht mehr auf einen Bildschirm und der Nutzer muss scrollen.
6. Erstellt aus der Ebene in der sich euer Bild befindet eine Clipping-Mask. Danach müsste euer Bild nur noch innerhalb der Kästchen zu sehen sein.
Die Clipping Mask erstellt ihr in dem ihr in den Ebenen die Optionen von eurer Ebene einblendet und dort den entsprechenden Punkt wählt. (Die Optionen öffnen sich mit Rechts-Klick auf die Ebene)
Hier hab ich als Beispiel ein Profilbild von mir genutzt und eingefügt. So sollte es aussehen wenn ihr das Bild angepasst habt und die Clipping Mask erstellt habt.
7. Wenn das Bild fertig ist öffnet bei „Datei“ den „Für Web speichern unter“ Dialog .
8. Ihr könnt noch die Bildqualität einstellen aber im Endeffekt wird von Facebook sowieso alles erneut komprimiert.
Der "Für Web speichern untern" Dialog. Hier werden die Slices dann als einzelnes Bild gespeichert.
9. Danach einfach speichern.
10. In eurem gewählten Ordner findet ihr 32 Thumbnails, je nachdem wir groß ihr euer Bild gemacht habt könnt ihr schon mal die ungenutzten Reihen löschen.
11. Öffnet euer Facebook Profil oder euer Fanseite. Ladet alle Fotos hoch und erstellt dabei einen neuen Ordner.
Direkt nach dem Upload sieht unser Album ohne weitere Einstellung allerdings noch eher aus wie ein Puzzle.
12. Meist sind die Bilder nach dem Upload ungeordnet. Wenn ihr das Album bearbeitet könnt ihr die Bilder aber im Menüpunkt „Sortieren“ auch richtig anordnen lassen.
Um das Album in die richte Reihenfolge zu bringen findet sich beim bearbeiten eines Albums oben rechts die Option zum Sortieren.
13. Fertig! Ihr habt ein neues Album mit dem Bild in groß.
So sieht mein Beispiel dann als fertiges Album auf Facebook aus
Beim Posten solltet ihr dann allerdings beachten nur auf das Album zu linken und nicht auf einzelne Photos. Wie im vorherigen Posts beschrieben ist dies auch der große Nachteil dieser coolen Galerie. Wenn man einzelne Bilder anschaut können anderer Nutzer nicht viel mit dem kleinen Ausschnitt anfangen. Dies lässt sich allerdings auch nicht vermeiden, auch in der neuen Timeline die es für Profile gibt sieht eine solche Galerie leider auch nicht sehr schön aus.
Wenn ihr euch so eine Galerie erstellt habt postet sie doch in diesem Beitrag, wir sammeln hier gute und hübsche Beispiele von Privatpersonen und Unternehmen.
Über den Autor:
Philipp Roth: Philipp ist Gründer von allfacebook.de und beschäftigt sich seit langem auch beruflich mit Facebook, organisiert Workshops, hält Vorträge und gibt konzeptionellen Input. Er realisiert viele der Heute sehr erfolgreichen Auftritte und Applikationen auf Facebook und setzt sein Fokus auf die Strategie von Unternehmen im Social Web. Mehr...
Oktober 5th, 2011 at 11:35
Vielen Dank für die schöne Anleitung inkl. Photoshop-Vorlage!
Ich habe gerade mal einen schnellen Test gemacht und das hier dabei rausbekommen:
https://www.facebook.com/media/set/?set=a.255416207836184.63454.167442146633591&type=3
Sicherlich vom Motiv und von der Idee ausbaufähig, aber als erster Testlauf hats ganz gut funktioniert.
Oktober 5th, 2011 at 12:17
[...] lässt sich für private Facebook Profile sowie Fanpages mit einem Trick personalisieren. Mit einem weiteren Trick funktioniert dies auch mit kompletten Fotoalben auf [...]
Oktober 5th, 2011 at 13:34
Gleich ausprobiert. Mir gefällt es. Danke für den Tipp.
http://www.facebook.com/media/set/?set=a.286984447996050.88005.144691488892014&type=3
Oktober 5th, 2011 at 13:58
hier mein Ergebnis:
https://www.facebook.com/media/set/?set=a.2430850611728.138289.1265505631&type=3
Oktober 5th, 2011 at 14:03
Super Tipp! Funktioniert das auch mit Gimp? Ich weiss nicht wie ich die Thumbnails zum Schluss abspeichern soll.
Oktober 5th, 2011 at 14:04
Super Sache … http://on.fb.me/oGYlN6
Oktober 5th, 2011 at 14:31
Hallo Team, super Sache! Vielen herzlichen Dank, werde ich für meine FB Seite mal umsetzen.
Oktober 5th, 2011 at 20:00
schaut wirklich cool aus http://www.facebook.com/media/set/?set=a.288055797871656.80437.124151047595466&type=3
Oktober 6th, 2011 at 00:11
Danke für den Tip!
Hier ist unser Ergebnis
https://www.facebook.com/media/set/?set=a.219763958088493.57831.139775366087353&type=3
Oktober 6th, 2011 at 09:50
Hey Philipp, thanks for featuring my article and also improving the PSD!
Oktober 6th, 2011 at 10:05
[...] veröffentlichte dazu nun einen Guide + Photoshop Template (Downloadlink von Allfacebook.de), womit die Arbeit deutlich erleichtert wird. [...]
Oktober 6th, 2011 at 12:44
[...] allfacebook.de gibt es eine anleitung zum personalisieren der facebook galerie, inklusive photoshop vorlage. das [...]
Oktober 7th, 2011 at 09:33
ich hab es auch mal probiert auf die schnelle . das ganze aber ohne PS. ergebniss : https://www.facebook.com/media/set/?set=a.228269753894885.62780.222198114502049&type=3&saved
Oktober 7th, 2011 at 17:01
Vielen Dank für die Anleitung! Wir haben sie gleich genutzt, um das Poster für unsere neue Kollektion zu präsentieren: http://on.fb.me/oJFuut.
Oktober 9th, 2011 at 11:49
Erinnert sich noch jemand an “Dalli Klick”. Wir haben vor einiger Zeit dieses einfache und effektive Spiel auf Basis der Bilderwand entworfen.
http://www.netcultur.com/blog/games-in-social-media-facebook-picture-challenge
Oktober 9th, 2011 at 21:41
danke, schöne idee!
Oktober 10th, 2011 at 12:12
Perfekt, Danke
https://www.facebook.com/media/set/?set=a.287183437975799.81245.135792313114913&type=1
Oktober 12th, 2011 at 11:40
Die Vorlage kam wie gerufen:
https://www.facebook.com/media/set/?set=a.206013956131208.44805.141274352605169&type=1
Oktober 12th, 2011 at 12:55
Wow, super Idee.
https://www.facebook.com/media/set/?set=a.10150335638170784.348458.121104385783&type=1
November 8th, 2011 at 23:01
danke für die photoshop vorlage! super einfach
habs damit probiert: https://www.facebook.com/media/set/?set=a.281088498598679.68782.220107578030105&type=3