Tutorials

Tutorial: Facebook „Out of Box“-Effekt in Photoshop erstellen

Melden

Hier ist ein ausführliches Tutorial, wie du den beliebten „Out of Box“-Effekt (auch Pop-out-Effekt genannt) für Facebook oder andere Social-Media-Plattformen in Photoshop erstellst.

Mit diesem Effekt erzeugst du die Illusion, dass eine Person oder ein Objekt aus dem Rahmen eines Bildes heraustritt. Das verleiht deinen Posts eine beeindruckende 3D-Optik.

Schritt 1: Das passende Bild wählen und vorbereiten

  1. Öffne Photoshop und lade dein gewünschtes Bild (Datei > Öffnen).
  2. Dupliziere die Hintergrundebene mit Strg + J (Windows) oder Cmd + J (Mac), damit du das Original behältst.
  3. Erstelle eine neue, leere Ebene unter deinem Bild und fülle sie mit einer neutralen Farbe oder einem Verlauf (dies wird später dein neuer Hintergrund).

Schritt 2: Das Hauptmotiv freistellen

Damit das Motiv „ausbrechen“ kann, muss es vom Hintergrund getrennt werden.

  1. Wähle das Auswahlwähl-Werkzeug oder das Objektauswahl-Werkzeug.
  2. Klicke in der oberen Leiste auf „Motiv auswählen“.
  3. Verfeinere die Auswahl bei Bedarf mit dem Lasso-Werkzeug.
  4. Wenn die Auswahl steht, klicke unten im Ebenen-Bedienfeld auf das Symbol für die Ebenenmaske. Jetzt ist dein Motiv freigestellt.

Schritt 3: Den Rahmen (die „Box“) erstellen

  1. Wähle das Rechteck-Werkzeug (U).
  2. Ziehe ein Rechteck über den Bereich des Bildes, der später den Rahmen bilden soll. Wichtig: Teile deines Motivs (z. B. Kopf oder Arme) sollten über diesen Rahmen hinausragen.
  3. Stelle die Fläche des Rechtecks auf „Transparent“ (das durchgestrichene Symbol) und die Kontur auf Weiß (oder eine Farbe deiner Wahl). Erhöhe die Stärke der Kontur (z. B. auf 20–40 Pixel), damit sie wie ein Bilderrahmen wirkt.
  4. Drücke Strg + T (Transformieren), halte die Strg-Taste gedrückt und ziehe an den Ecken, um den Rahmen perspektivisch zu verzerren, falls gewünscht.

Schritt 4: Die Ebenen-Hierarchie anpassen

Damit der Effekt funktioniert, müssen die Ebenen richtig angeordnet sein:

  1. Ganz oben: Deine Ebene mit dem freigestellten Motiv (aus Schritt 2).
  2. Darunter: Die Ebene mit dem Rahmen (aus Schritt 3).
  3. Darunter: Eine Kopie des Originalbildes (eingeschränkt auf den Rahmen) ODER der neue Hintergrund.

Schritt 5: Den „Out of Box“-Moment erzeugen

Jetzt kommt der Trick: Das Motiv soll unten im Rahmen bleiben, aber oben herausragen.

  1. Klicke mit der rechten Maustaste auf die Rahmenebene und wähle „In Smartobjekt konvertieren“.
  2. Erstelle eine Ebenenmaske für die Rahmenebene.
  3. Wähle einen schwarzen, harten Pinsel (B).
  4. Male auf der Maske des Rahmens die Stellen über, die hinter deinem Motiv liegen sollen (z. B. dort, wo der Kopf über den Rahmen ragt). Dadurch wirkt es so, als stünde die Person vor dem Rahmen.
  5. Umgekehrt: Wenn ein Teil (z. B. die Füße) im Rahmen bleiben soll, lässt du den Rahmen dort einfach sichtbar.

Schritt 6: Tiefe durch Schatten hinzufügen (Wichtig!)

Ohne Schatten wirkt der Effekt flach.

  1. Erstelle eine neue leere Ebene zwischen dem Motiv und dem Rahmen.
  2. Wähle einen weichen, schwarzen Pinsel mit geringer Deckkraft (ca. 20%).
  3. Male vorsichtig einen Schatten unter die Körperteile, die aus dem Rahmen ragen (z. B. unter den Arm, der über dem Rand liegt).
  4. Du kannst auch einen Schlagschatten auf die Ebene des Motivs anwenden (Doppelklick auf die Ebene > Schlagschatten), um den 3D-Effekt zu verstärken.

Schritt 7: Exportieren für Facebook

  1. Wenn du zufrieden bist, gehe auf Datei > Exportieren > Speichern für Web.
  2. Wähle PNG-24 (wenn der Hintergrund transparent sein soll) oder JPEG (mit hohem Qualitätsregler).
  3. Achte darauf, dass die Dateigröße nicht zu extrem ist, damit Facebook die Qualität nicht zu stark komprimiert.

Pro-Tipp: Wenn du den Effekt für ein Facebook-Profilbild nutzt, achte darauf, dass das wichtigste Element (das Gesicht) mittig bleibt, da Facebook Profilbilder oft kreisförmig zuschneidet.

0