[cl_row css_style=“padding-top:45px|padding-bottom:45px“ device_visibility=“`{`object Object`}`“ css_style_991=“padding-top:|padding-bottom:“ css_style_767=“padding-top:|padding-bottom:“][cl_column css_style=“padding-top:20px|padding-bottom:20px“ device_visibility=“`{`object Object`}`“ css_style_991=“padding-top:|padding-bottom:“ css_style_767=“padding-top:|padding-bottom:“][cl_row_inner css_style=“margin-top:35px“][cl_column_inner width=“1/2″ css_style=“padding-top:10px|padding-bottom:10px“ css_style_991=“margin-top:0″ css_style_767=“margin-top:0″][cl_media lightbox=“0″ lazyload=“0″ shadow=“1″ custom_width_bool_media=“0″ media_video_loop=“0″ autoplay=“1″ css_style=“margin-top:m|margin-bottom:m|margin-left:m|margin-right:m|padding-top:m|padding-bottom:m|padding-left:m|padding-right:m|border-top-width:m|border-bottom-width:m|border-left-width:m|border-right-width:m“ image=“id:847|mime:undefined|url:https%3A%2F%2Fbandy.at%2Fwp-content%2Fuploads%2F2019%2F09%2Fbandy-3d-facebook-150×150.gif“][/cl_column_inner][cl_column_inner width=“1/2″ css_style=“padding-top:10px|padding-bottom:10px“ css_style_991=“margin-top:0″ css_style_767=“margin-top:0″][cl_text custom_typography=“0″ custom_responsive_992_bool=“0″ custom_responsive_768_bool=“0″ css_style=“margin-top:m|margin-bottom:m|margin-left:m|margin-right:m|padding-top:m|padding-bottom:m|padding-left:m|padding-right:m|border-top-width:m|border-bottom-width:m|border-left-width:m|border-right-width:m“]

Facebook 3D Photo nutzen

Ich zeige euch hier, wie man aus jedem normalen Foto auch nachträglich noch ein 3D Foto erstellen kann, welches ihr dann auf euren privaten Profilen oder auch Facebook Seiten posten könnt.

Wichtig!

Facebook versucht hier einen 3D Effekt aus einem Flachen Bild zu erzeugen. Somit wird der Hintergrund hochskaliert und der Vordergrund verkleinert. Diese Technik hat den Nachteil, dass Informationen zwischen Vordergrund und Hintergrund hinzu interpretiert werden müssen und dafür ein Durchschnittswert der angrenzenden Pixel verwendet wird. Soll heißen: Starker Kontrast und große Abstände führen zu einem schlechten Ergebnis![/cl_text][/cl_column_inner][/cl_row_inner][/cl_column][/cl_row][cl_row fullheight=“0″ custom_width_bool=“0″ equal_height=“0″ col_responsive=“full“ row_disabled=“0″ row_video_loop=“0″ css_style=“padding-top:45px|padding-bottom:45px“ background_position=“left top“ parallax=“0″ device_visibility=“0:none_“ css_style_991_row_bool=“0″ css_style_767_row_bool=“0″][cl_column width=“1/2″ css_style=“padding-top:20px|padding-bottom:20px“ device_visibility=“`{`object Object`}`“ css_style_991=“padding-top:|padding-bottom:“ css_style_767=“padding-top:|padding-bottom:“][cl_text custom_typography=“0″ custom_responsive_992_bool=“0″ custom_responsive_768_bool=“0″ css_style=“margin-top:m|margin-bottom:m|margin-left:m|margin-right:m|padding-top:m|padding-bottom:m|padding-left:m|padding-right:m|border-top-width:m|border-bottom-width:m|border-left-width:m|border-right-width:m“]Damit wir den Effekt mit jedem Foto nutzen können, müssen wir so etwas manuell erstellen. Das braucht jetzt leider ein bisschen Zeit.

Was wie genau machen müssen:

• Foto auswählen
• Das Foto in einzelne Ebene zerteilen für Elemente, die weiter vorne oder weiter hinten im Bild sind
• Am Ende solltet ihr mehrere unterschiedliche Ebenen haben, je mehr desto besser der Effekt auf Facebook
• Pragmatismus gewinnt hier leider nicht immer. Ihr müsst schauen, dass ihr wirklich alle Elemente des Bildes auf einer Ebene habt, also alles was im Vordergrund ist zumindest. Sonst erhaltet ihr ein „Loch“ im 3D-Effekt
• Diesen einzelnen Ebenen gebt ihr dann Grautöne. Das Prinzip ist hier recht einfach: je näher das Element, desto heller, je weiter weg, desto dunkler. Je größer der Kontrast, desto größer der Abstand
• Am Ende speichert ihr von diesem in Grautöne umgewandelten Foto ein Bild. Das ist die so genannte Tiefenmappe

[/cl_text][/cl_column][cl_column width=“1/2″ css_style=“padding-top:20px|padding-bottom:20px“ device_visibility=“`{`object Object`}`“ css_style_991=“padding-top:|padding-bottom:“ css_style_767=“padding-top:|padding-bottom:“][cl_media lightbox=“0″ lazyload=“0″ shadow=“1″ custom_width_bool_media=“0″ media_video_loop=“0″ autoplay=“1″ css_style=“margin-top:15px“ image=“id:861|mime:undefined|url:https%3A%2F%2Fbandy.at%2Fwp-content%2Fuploads%2F2019%2F09%2Fbandy-3D-Foto-150×150.gif“][/cl_column][/cl_row][cl_row css_style=“padding-top:45px|padding-bottom:45px“ device_visibility=“`{`object Object`}`“ css_style_991=“padding-top:|padding-bottom:“ css_style_767=“padding-top:|padding-bottom:“][cl_column css_style=“padding-top:20px|padding-bottom:20px“ device_visibility=“`{`object Object`}`“ css_style_991=“padding-top:|padding-bottom:“ css_style_767=“padding-top:|padding-bottom:“][cl_text custom_typography=“0″ custom_responsive_992_bool=“0″ custom_responsive_768_bool=“0″ css_style=“margin-top:35px“]

Upload am Rechner

Der Upload am Rechner ist für uns ganz klar die bevorzugte Version. Hier hat Facebook im Prinzip nur eine Vorgabe: Ihr müsst euch an die richtigen Namen und Dateiformate für eure Dateien halten.

Facebook erlaubt euch den Upload sowohl von PNG als auch JPG Dateien. Wir empfehlen aber dringend PNG Dateien zu wählen, da ihr dann keine Kompressionsartefakte in den JPG Dateien erhaltet. Diese können gerade bei der Datei mit den Tiefeninformationen zu unschönen Effekten führen.

Die Vorgaben für die Dateinamen:

• Originalbild: DEINDATEINAME.png
• Tiefenmappe: DEINDATEINAME_depth.png

Also für die Tiefenmappe einfach den selben Dateinamen mit dem Zusatz „_depth“. Bei den Dateinamen ist es wichtig sich an Facebooks Regeln zu halten, sonst wird kein 3D Bild erstellt.

Der letzte Schritt ist der einfachste: Ihr wählt im Facebook Publisher beide Bilder gleichzeitig zum Upload aus. Entweder in dem ihr auf den Button „Photo/Video“ klickt oder einfach durch „Drag & Drop“.[/cl_text][/cl_column][/cl_row][cl_row css_style=“padding-top:45px|padding-bottom:45px“ device_visibility=“`{`object Object`}`“ css_style_991=“padding-top:|padding-bottom:“ css_style_767=“padding-top:|padding-bottom:“][cl_column css_style=“padding-top:20px|padding-bottom:20px“ device_visibility=“`{`object Object`}`“ css_style_991=“padding-top:|padding-bottom:“ css_style_767=“padding-top:|padding-bottom:“][cl_text custom_typography=“0″ custom_responsive_992_bool=“0″ custom_responsive_768_bool=“0″ css_style=“margin-top:35px“]

Viel Spaß !

[/cl_text][/cl_column][/cl_row]