Tutorials

3D Pop-Out Effekt für Instagram: Das ultimative Photoshop-Tutorial

Melden

Hier ist ein ausführliches Tutorial, wie du den beliebten 3D Pop-Out Effekt (auch bekannt als "Out of Bounds"-Effekt) für Instagram in Adobe Photoshop erstellst.

Mit diesem Effekt lässt du ein Objekt oder eine Person so aussehen, als würde sie förmlich aus einem Smartphone-Display oder einem Foto-Rahmen herausspringen.

Schritt 1: Das passende Bild wählen

Wähle ein Bild mit einem klaren Hauptmotiv (z. B. ein Skater, ein Tier oder ein Sportler). Motive mit viel Bewegung eignen sich besonders gut für den 3D-Effekt.

Schritt 2: Das Motiv freistellen

  1. Öffne dein Bild in Photoshop.
  2. Wähle das Objektauswahl-Werkzeug (W) oder das Schnellauswahl-Werkzeug.
  3. Klicke in der oberen Optionsleiste auf „Motiv auswählen“.
  4. Sobald die Auswahl steht, klicke auf das Masken-Symbol im Ebenen-Bedienfeld, um den Hintergrund zu entfernen.
  5. Benenne diese Ebene in „Motiv Freigestellt“ um.

Schritt 3: Den Rahmen erstellen (Das „Fenster“)

Nun erstellen wir das Element, aus dem das Motiv herausragen soll.

  1. Erstelle eine neue leere Ebene unter deiner freigestellten Ebene.
  2. Nutze das Abgerundete-Rechteck-Werkzeug (U), um eine Form zu ziehen, die wie ein Smartphone-Bildschirm oder ein Instagram-Post aussieht.
  3. Fülle die Form mit einer Farbe oder (besser) platziere dort ein zweites Bild (z.B. eine Landschaft), das als Hintergrund innerhalb des Rahmens dient.
  4. Tipp: Mit Strg + T (Windows) oder Cmd + T (Mac) kannst du den Rahmen transformieren. Halte die Strg-Taste gedrückt und ziehe an den Ecken, um die Perspektive anzupassen, falls der Rahmen flach auf dem Boden liegen soll.

Schritt 4: Den Hintergrund duplizieren

  1. Du benötigst nun das Originalbild noch einmal als unterste Ebene (ohne Maske), um einen Hintergrund zu haben, oder du wählst eine neutrale Farbe/einen Verlauf.
  2. Die Ebenen-Reihenfolge sollte von oben nach unten so aussehen:
    • Ebene 1: Motiv Freigestellt (Der Teil, der "rausguckt")
    • Ebene 2: Der Rahmen (Smartphone/Rechteck)
    • Ebene 3: Hintergrundbild oder Farbfüllung

Schritt 5: Den Pop-Out Effekt maskieren

Jetzt kommt der entscheidende Teil: Ein Teil des Motivs muss innerhalb des Rahmens bleiben, der andere Teil darüber liegen.

  1. Klicke auf die Maske deiner Ebene „Motiv Freigestellt“.
  2. Wähle den Pinsel (B) mit schwarzer Farbe.
  3. Male die Bereiche weg, die hinter dem Rahmen verschwinden sollen (z.B. die Beine, die noch „im“ Display stehen).
  4. Wenn du zu viel weggenommen hast, wechsle zu weißer Farbe, um das Motiv wieder hervorzuholen.
  5. Der Trick: Der obere Teil des Motivs (Kopf, Arme) überlagert den Rahmen, während der untere Teil bündig mit der Unterkante des Rahmens abschließt oder darin verschwindet.

Schritt 6: Tiefe durch Schatten erzeugen

Damit der 3D-Effekt realistisch wirkt, braucht das Motiv einen Schatten auf dem Rahmen oder dem Hintergrund.

  1. Erstelle eine neue Ebene zwischen dem Motiv und dem Rahmen.
  2. Wähle einen weichen, schwarzen Pinsel mit geringer Deckkraft (ca. 20-30%).
  3. Male vorsichtig einen Schatten unter die Bereiche des Motivs, die aus dem Rahmen ragen.
  4. Alternativ: Doppelklicke auf die Ebene „Motiv Freigestellt“ und wähle „Schlagschatten“. Stelle den Winkel und den Abstand so ein, dass der Schatten auf den Rahmen fällt.

Schritt 7: Export für Instagram

  1. Nutze das Freistellungswerkzeug (C), um das Bild auf das Instagram-Format zu bringen (Portrait 4:5 oder Quadratisch 1:1).
  2. Gehe auf Datei > Exportieren > Speichern für Web (Legacy).
  3. Wähle JPEG und eine hohe Qualität, um die Details deines 3D-Effekts beizubehalten.

Profi-Tipp für Instagram:

Um den Effekt noch zu verstärken, kannst du grafische Elemente wie Instagram-Herzen oder „Like“-Icons hinzufügen, die ebenfalls hinter oder vor dem Motiv schweben. Das verstärkt die Tiefenwirkung zusätzlich!

0