Startseite
» Wiki
»
So erstellen Sie einen Bild-in-Bild-Effekt in Photoshop
So erstellen Sie einen Bild-in-Bild-Effekt in Photoshop
Dieses Tutorial zeigt Ihnen, wie Sie mit Adobe Photoshop einen coolen Bild-in-Bild-Effekt erzeugen , indem Sie ein einzelnes Foto aufnehmen und die Illusion erzeugen, dass sich darin eine kleinere, zugeschnittene Version desselben Fotos befindet. Wir schneiden das kleinere Bild zu und drehen es um das Hauptmotiv, fügen einen Rahmen und einen Schlagschatten hinzu, um es hervorzuheben, und konvertieren schließlich das dahinterliegende Originalfoto in Schwarzweiß.
Schritt 1: Öffnen Sie das Foto
Öffnen Sie zunächst Ihr Foto.
Das Originalbild wird im Bild-in-Bild-Effekt verwendet.
Schritt 2: Erstellen Sie eine Kopie der Hintergrundebene
Im Ebenenbedienfeld wird das Bild auf der Hintergrundebene geöffnet:
Das Ebenenbedienfeld von Photoshop zeigt das Originalbild auf der Hintergrundebene.
Erstellen Sie eine Kopie des Bildes, indem Sie die Hintergrundebene nach unten auf das Symbol „Neue Ebene hinzufügen“ ziehen :
Ziehen Sie die Hintergrundebene auf das Symbol „Neue Ebene hinzufügen“
Über dem Original erscheint eine Kopie:
Über der ursprünglichen Hintergrundebene wird eine duplizierte Ebene angezeigt.
Schritt 3: Benennen Sie die Kopie in „Klein“ um
Die Kopie wird verwendet, um ein kleineres Bild innerhalb des größeren zu erstellen. Doppelklicken Sie dazu auf den Namen der Hintergrundkopie und benennen Sie die Ebene in „Klein“ um. Drücken Sie die Eingabetaste (Windows) bzw. Return (Mac), um zu bestätigen:
Benennen Sie die Ebene in „Klein“ um.
Schritt 4: Schalten Sie die kleine Ebene aus
Wir benötigen die kleine Ebene derzeit nicht, also schalten Sie sie aus, indem Sie auf das Sichtbarkeitssymbol klicken:
Klicken Sie auf das Sichtbarkeitssymbol der kleinen Ebene.
Schritt 5: Wählen Sie die Hintergrundebene
Bevor wir eine kleinere Version des Bildes erstellen, konvertieren wir das Originalbild in Schwarzweiß. Klicken Sie auf die Hintergrundebene, um sie auszuwählen:
Wählen Sie die Hintergrundebene im Ebenenbedienfeld von Photoshop aus.
Schritt 6: Fügen Sie eine Schwarzweiß-Einstellungsebene hinzu
Klicken Sie dann unten im Ebenenbedienfeld auf das Symbol „ Neue Füll- oder Einstellungsebene“ :
Klicken Sie im Ebenenbedienfeld von Photoshop auf das Symbol „Neue Füll- oder Einstellungsebene“.
Und wählen Sie eine Schwarzweiß- Einstellungsebene aus der Liste aus:
Fügen Sie über dem Originalbild eine Schwarzweiß-Einstellungsebene hinzu
Die Einstellungsebene wird zwischen der Hintergrundebene und der kleinen Ebene angezeigt. Das bedeutet, dass sie nur die darunterliegende Hintergrundebene beeinflusst, nicht die darüberliegende kleine Ebene:
Über der Hintergrundebene wird eine Schwarzweiß-Einstellungsebene hinzugefügt.
Und das Bild wird sofort in Schwarzweiß umgewandelt:
Ergebnis nach dem Hinzufügen der Schwarzweiß-Einstellungsebene.
Schritt 7: Klicken Sie auf die Schaltfläche Auto
Die Steuerelemente für die Schwarzweiß-Einstellungsebene werden im Eigenschaftenfenster von Photoshop angezeigt. Sie können die Schwarzweiß-Konvertierung optimieren, indem Sie die einzelnen Farbregler (Rot, Gelb, Grün usw.) ziehen, um die Helligkeit verschiedener Bildteile basierend auf ihrer Originalfarbe anzupassen:
Ziehen Sie die Farbregler für die Schwarzweiß-Einstellungsebene im Eigenschaftenfenster.
Da der Effekt jedoch eigentlich nur den Hintergrund betrifft und größtenteils durch das kleinere Bild verdeckt wird, erhalten Sie durch Klicken auf die Schaltfläche „Auto“ ausreichend gute Ergebnisse:
Klicken Sie auf die Schaltfläche „Auto“.
Schritt 8: Wählen Sie die kleine Ebene aus und aktivieren Sie sie
Jetzt erstellen wir innerhalb des Originalbilds ein kleineres, vollfarbiges Bild.
Klicken Sie im Ebenenbedienfeld auf die kleine Ebene, um sie auszuwählen:
Wählen Sie im Ebenenbedienfeld von Photoshop die kleine Ebene aus.
Klicken Sie dann auf das Symbol für die Ebenensichtbarkeit, um sie wieder einzuschalten:
Schalten Sie die kleine Ebene ein.
Die Farbversion des Bildes wird erneut angezeigt:
Ergebnis nach dem Aktivieren der kleinen Ebene.
Schritt 9: Rechteckwerkzeug auswählen
Wähle in der Symbolleiste das Rechteck-Werkzeug aus. Wähle nicht das Auswahlrechteck oben aus, da es sich dabei um ein Auswahlwerkzeug handelt. Wähle stattdessen das Rechteck-Werkzeug aus, eines der Formwerkzeuge von Photoshop:
Wählen Sie das Rechteck-Werkzeug aus der Photoshop-Symbolleiste.
Schritt 10: Stellen Sie den Werkzeugmodus auf Form
Stellen Sie in der Optionsleiste sicher, dass der Werkzeugmodus auf „Form“ und nicht auf „Pfad“ oder „Pixel“ eingestellt ist :
Stellen Sie den Werkzeugmodus auf „Form“ ein.
Schritt 11: Stellen Sie die Formfarbe auf Schwarz ein
Stellen Sie die Formfarbe auf Schwarz ein, falls Sie dies noch nicht getan haben. Die Farbe spielt keine Rolle, aber Schwarz ist beim Zeichnen der Form leichter zu erkennen.
Klicken Sie auf das Farbfeld „Füllen“ :
Klicken Sie in der Optionsleiste von Photoshop auf das Farbfeld „Füllen“.
Klicken Sie dann auf das Farbwähler -Symbol in der oberen rechten Ecke des Dialogfelds:
Klicken Sie auf das Farbauswahlsymbol, um eine Farbe für die Form auszuwählen.
Und wählen Sie Schwarz aus der Farbauswahl aus, indem Sie die R-, G- und B-Werte auf 0 setzen. Klicken Sie dann auf OK , um die Farbauswahl zu schließen:
Wählen Sie Schwarz aus der Farbauswahl von Photoshop.
Schritt 12: Konturen um Formen deaktivieren
Standardmäßig fügt Photoshop einen 1 Pixel breiten schwarzen Strich um die Form hinzu, was wir nicht möchten. Klicken wir also auf das Farbfeld „Strich“ :
Klicken Sie in der Optionsleiste auf das Farbfeld „Kontur“.
Klicken Sie anschließend oben links auf das Symbol „Keine Farbe“ . Drücken Sie die Eingabetaste (Windows) bzw. Return (Mac), um das Dialogfeld zu schließen:
Klicken Sie für den Strich auf die Option „Keine Farbe“.
Schritt 13: Zeichnen Sie eine Form um das Hauptobjekt
Ziehen Sie ein Rechteck um das Hauptobjekt. Die Form wird zu einer kleineren Version des Bildes. Stellen Sie daher sicher, dass Sie alles umschließen, was darin erscheinen soll.
Klicken Sie auf die obere linke Ecke des Objekts, um den Startpunkt der Form festzulegen. Halten Sie dann die Maustaste gedrückt und ziehen Sie nach unten rechts. Beim Ziehen wird nur der Umriss der Form angezeigt:
Zeichnen Sie ein Rechteck um das Hauptmotiv im Foto.
So positionieren Sie Formen neu
Um eine Form während des Zeichnens neu zu positionieren, halten Sie die Maustaste gedrückt und drücken gleichzeitig die Leertaste. Ziehen Sie die Form an die gewünschte Position, lassen Sie die Leertaste los und ziehen Sie den Rest der Form weiter.
So perfektionieren Sie die Form
Lassen Sie die Maustaste los, wenn Sie mit der Fertigstellung der Form fertig sind. Photoshop füllt die Form dann mit Schwarz:
Lassen Sie die Maustaste los, um die Form fertigzustellen.
Schritt 14: Passen Sie die Größe der Form bei Bedarf an
Da die Form das dahinterliegende Bild vollständig verdeckt, ist es schwer zu erkennen, ob die Form genau dort gezeichnet ist, wo wir sie brauchen. Um das Bild durch die Form hindurch zu sehen, reduzieren Sie die Deckkraft der Formebene im Ebenenbedienfeld auf 50 %. Am schnellsten geht das mit der Taste 5:
Reduzieren Sie die Deckkraft der Form im Ebenenbedienfeld von Photoshop auf 50 %
Klicken und ziehen Sie dann einen der Ziehpunkte um die Form, um die Größe nach Bedarf zu ändern:
Ändern Sie die Größe der Form durch Ziehen der Griffe
Setzen Sie die Deckkraft der Form auf 100 % zurück.
Wenn Sie mit der Größenänderung der Form fertig sind, setzen Sie die Deckkraft der Formebene im Ebenenbedienfeld auf 100 % zurück, indem Sie die 0 auf Ihrer Tastatur drücken. Die Form verdeckt dann wieder die Sicht auf das Bild:
Setzen Sie die Deckkraft der Formebene auf 100 % zurück.
Schritt 15: Ziehen Sie die kleine Ebene über die Form
Als Nächstes platzieren wir das Bild auf der kleinen Ebene in der Form. Im Ebenenbedienfeld befindet sich die Form nun über dem Bild:
Das Ebenenbedienfeld von Photoshop zeigt die Formebene über dem Bild.
Das Bild muss über der Form liegen. Klicken Sie dazu auf die kleine Ebene und ziehen Sie sie über die Formebene. Sobald die blaue Markierung über der Formebene erscheint:
Ziehen Sie die Bildebene über die Formebene.
Lassen Sie die Maustaste los, um die kleine Ebene an die richtige Stelle zu legen:
Das Bild wurde über die Formebene verschoben.
Und im Dokument verdeckt das Bild nun die Ansicht der Form:
Das Foto blockiert derzeit die darunter liegende Form.
Schritt 16: Schnittmaske erstellen
Um ein Bild in eine Form einzufügen, klicken Sie auf das Menüsymbol des Ebenenbedienfelds:
Klicken Sie auf das Menüsymbol des Ebenenbedienfelds.
Und wählen Sie „Schnittmaske erstellen“:
Wählen Sie den Befehl „Schnittmaske erstellen“.
Photoshop schneidet das Bild auf der kleinen Ebene in die darunterliegende Formebene:
Das Ebenenbedienfeld von Photoshop zeigt die Bildebene, die auf die kleine Ebene zugeschnitten ist.
Und das Vollfarbbild wird jetzt nur innerhalb der Grenzen der Form angezeigt, während die Schwarzweißversion auf der Hintergrundebene darum herum wieder angezeigt wird:
Ergebnis nach dem Zuschneiden der kleinen Ebene in die Formebene.
Schritt 17: Wählen Sie die Formebene aus
Um kleinere Bilder hervorzuheben, fügen Sie einen weißen Rahmen und einen Schlagschatten hinzu. Wir beginnen mit dem Rahmen.
Wählen Sie im Ebenenbedienfeld die Formebene aus:
Wählen Sie die Formebene im Ebenenbedienfeld von Photoshop aus.
Schritt 18: Fügen Sie weiße Striche um die Form hinzu
Klicken Sie dann unten auf das Symbol für Ebeneneffekte (das „fx“-Symbol):
Klicken Sie im Ebenenbedienfeld von Photoshop auf das Symbol für Ebeneneffekte.
Und wählen Sie Strich aus der Liste aus:
Fügen Sie der Form einen Strichebeneneffekt hinzu.
Farbstrich
Ändern Sie im Dialogfeld „Ebenenstil“ die Strichfarbe, indem Sie auf das Farbfeld klicken:
Klicken Sie im Dialogfeld „Ebenenstil“ von Photoshop auf das Farbfeld „Strich“.
Wählen Sie im Farbwähler Weiß aus, indem Sie die R-, G- und B-Werte auf 255 setzen. Klicken Sie anschließend auf OK , um den Farbwähler zu schließen:
Wählen Sie Weiß aus der Farbauswahl.
Schlagposition
Stellen Sie im Dialogfeld „Ebenenstil“ sicher, dass die Position des Strichs auf „Innen“ eingestellt ist , damit die Ecken des Rahmens schön scharf bleiben:
Stellen Sie die Position des Strichs auf „Innen“ ein.
Strichstärke
Bewegen Sie anschließend den Schieberegler „Größe“ , um die Rahmenbreite festzulegen. Die benötigte Größe hängt von Ihrem Bild ab. Ich stelle mein Bild beispielsweise auf 40 Pixel ein:
Verwenden Sie den Schieberegler „Größe“, um die Rahmengröße festzulegen.
Und hier ist der Effekt mit einem kleineren Rahmen um das Bild:
Effekt mit hinzugefügtem Rand.
Schritt 19: Schlagschatten hinzufügen
Um einen Schlagschatten hinter dem Bild hinzuzufügen, klicken Sie auf die Option Schlagschatten in der Spalte „Vertikale Effekte“ links im Dialogfeld „Ebenenstil“:
Schlagschatteneffekt auswählen
Winkel und Entfernung des Schattens
Klicken und ziehen Sie dann im Bild, um Winkel und Abstand des Schattens festzulegen. Hier ziehe ich nach unten und rechts, sodass die Lichtquelle für den Schatten aus der oberen linken Ecke kommt:
Ziehen Sie den Schatten nach unten und nach rechts im Bild.
Alternativ können Sie im Dialogfeld bestimmte Winkel- und Abstandswerte eingeben. Im Beispiel wird der Winkel auf 135 Grad und der Abstand auf 50 Pixel eingestellt. Je nach Bild benötigen Sie möglicherweise einen kleineren oder größeren Abstandswert:
Geben Sie bestimmte Winkel- und Entfernungswerte ein.
Ballgröße
Der Größenwert steuert, wie weich oder undurchsichtig die Schattenkanten sind. Wir setzen ihn beispielsweise auf 15 Pixel:
Weichen Sie die Schattenränder durch Erhöhen der Größe auf.
Schattenopazität
Die Intensität des Schattens (wie hell oder dunkel er ist) lässt sich durch Ziehen des Deckkraftreglers anpassen . Für unser Beispiel belassen wir den Standardwert von 35 %:
Behalten Sie die Schattenopazität auf dem Standardwert.
Klicken Sie abschließend auf „OK“ , um das Dialogfeld „Ebenenstil“ zu schließen. Hier sehen Sie den Effekt mit dem Rahmen und dem Schlagschatten, der dem kleineren Bild hinzugefügt wurde. Nur noch eine Kleinigkeit:
Bild-in-Bild-Effekt mit Rand und Schatten, die einem kleineren Foto hinzugefügt werden.
Schritt 20: Drehen Sie die Form
Schließlich können Sie dem Effekt etwas mehr Spaß verleihen, indem Sie die Form um Ihr Motiv drehen.
Stellen Sie im Ebenenbedienfeld sicher, dass die Formebene aktiv ist:
Wählen Sie die Formebene im Ebenenbedienfeld von Photoshop aus.
Bewegen Sie den Mauszeiger, während das Rechteck-Werkzeug in der Symbolleiste noch aktiv ist, direkt über einen der Griffe der Form. Der Zeiger verwandelt sich in das Symbol „Drehen“ (eine gekrümmte Linie mit Pfeilen an beiden Enden):
Bewegen Sie den Mauszeiger in die Nähe eines Griffs, um das Drehsymbol zu erhalten.
Klicken und ziehen Sie dann, um die Form zu drehen. Das Bild in der Form bleibt an seiner Position fixiert. Nur die Form selbst, ihr Umriss und ihr Schatten, werden gedreht, sodass das Foto aussieht, als wäre es schräg aufgenommen worden:
Drehen Sie das kleine Foto um das Hauptmotiv.
Schritt 21: Nehmen Sie letzte Anpassungen an der Größe der Form vor
Stellen Sie sicher, dass die gedrehte Form keine Teile des Motivs abschneidet, und passen Sie die Größe der Form gegebenenfalls erneut an, indem Sie die Griffe ziehen.
Wenn Sie fertig sind, verbergen Sie den Rahmen und die Griffe um die Form, indem Sie die Eingabetaste (Win) bzw. Return (Mac) auf Ihrer Tastatur drücken.
Und hier ist der endgültige Bild-in-Bild-Effekt, nachdem die Unterseite der Form gestreckt wurde, um zu vermeiden, dass ein Teil des Daumens der Frau abgeschnitten wird: