In diesem Photoshop-Lernprogramm erfahren Sie, wie Sie auf einfache Weise mehr Aufmerksamkeit auf das Hauptthema eines Bildes lenken, indem Sie den Eindruck erwecken, dass das Original eine kleinere, beschnittene Version des Fotos enthält Effekt durch Konvertieren des verbleibenden Bereichs außerhalb der kleineren Version in Schwarzweiß. Dieses Tutorial ist voll kompatibel mit Photoshop CS6 und enthält einen Blick auf die neuen Füll- und Konturoptionen für Vektorformen in CS6. Wenn Sie eine frühere Version von Photoshop verwenden, lesen Sie unbedingt unser vorheriges Tutorial "Foto in einem Foto".
Hier ist das Bild, mit dem ich anfangen werde (Junge und Mädchen in Blumen, Foto von Shutterstock):
Das Originalbild.
Und so sieht der endgültige Effekt "Foto in Foto" aus:
Das Endergebnis.
So platzieren Sie ein Foto innerhalb eines Fotos
Schritt 1: Duplizieren Sie die Hintergrundebene
Unser erster Schritt besteht darin, eine Kopie unserer Hintergrundebene zu erstellen. Wenn wir in das Ebenenbedienfeld schauen, können wir unser neu geöffnetes Bild auf der Hintergrundebene sehen, die im Moment die einzige Ebene ist, die wir haben:
Die Hintergrundebene enthält unser Originalbild.
Um eine Kopie der Ebene zu erstellen, gehen Sie zum Menü Ebene in der Menüleiste oben auf dem Bildschirm, wählen Sie Neu und dann Ebene über Kopie . Um schneller auf denselben Befehl zuzugreifen, drücken Sie einfach Strg + J (Windows) / Befehl + J (Mac) auf Ihrer Tastatur. So oder so funktioniert es:
Gehen Sie zu Ebene> Neu> Ebene über Kopieren.
Das Bild im Dokumentfenster scheint nicht beschädigt zu sein. Wenn Sie jedoch im Ebenenbedienfeld erneut nachsehen, sehen Sie, dass Photoshop eine Kopie der Ebene mit dem Namen „ Ebene 1 kopieren“ erstellt und diese direkt über der ursprünglichen Hintergrundebene platziert hat :
Die Kopie der Ebene wird über dem Original angezeigt.
Schritt 2: Wählen Sie das Rechteck-Werkzeug
Wählen Sie das Rechteck-Werkzeug im Werkzeugbedienfeld auf der linken Seite des Bildschirms aus. Verwechseln Sie es nicht mit dem rechteckigen Auswahlrechteck oben im Werkzeugbedienfeld. Wir möchten, dass das Rechteck-Werkzeug - eines der grundlegenden Formen-Werkzeuge von Photoshop - näher am unteren Rand des Werkzeugbedienfelds angezeigt wird:
Auswahl des Rechteckwerkzeugs.
Schritt 3: Zeichnen Sie die Form des kleineren Fotos
Wenn unser Rechteck-Werkzeug ausgewählt ist, werden wir eine rechteckige Form um das Hauptmotiv des Fotos zeichnen. Diese Form wird bald die kleinere, beschnittene Version des Bildes sein. Bevor wir jedoch mit dem Zeichnen beginnen, müssen Sie in der Optionsleiste am oberen Bildschirmrand einige Optionen für das Rechteck-Werkzeug festlegen. Stellen Sie zuerst die Option Werkzeugmodus (auch als Zeichenmodus bezeichnet) ganz links in der Optionsleiste auf Form ein, wenn dies nicht bereits festgelegt wurde, da wir eine Vektorform zeichnen möchten (im Gegensatz zu einem Pfad oder einem pixelbasierte Form):
Festlegen der Option Werkzeugmodus auf Form.
Als Nächstes müssen wir die Farben für die Füllung und Kontur unserer Form auswählen. Lassen Sie uns zuerst die Füllfarbe auswählen. Klicken Sie in der Optionsleiste, die in Photoshop CS6 neu ist, auf die Option „Ausfüllen“:
Klicken Sie auf die Option Füllen.
Daraufhin wird ein Fenster geöffnet, in dem Sie auswählen können, welche Art von Füllung Sie verwenden möchten (Volltonfarbe, Verlauf, Muster oder gar nichts). Klicken Sie oben im Bedienfeld auf die Option „ Einfarbig“ (zweites Vorschaubild von links) und wählen Sie dann Schwarz als Füllfarbe aus, indem Sie auf das Farbfeld „Schwarz“ klicken. Technisch gesehen können wir jede Farbe für die Füllung auswählen, da sie ohnehin nicht im Endergebnis angezeigt wird. Damit wir beide auf derselben Seite bleiben, wählen wir einfach Schwarz. Drücken Sie die Eingabetaste (Win) / Return (Mac) auf Ihrer Tastatur, wenn Sie fertig sind, um das Bedienfeld zu schließen:
Klicken Sie oben im Bedienfeld auf die Option „Einfarbig“ und wählen Sie dann „Schwarz“ als Füllfarbe.
Jetzt wählen wir eine Farbe für den Strich, der um die Form herum erscheint und als Fotorand dient. Klicken Sie in der Optionsleiste, die auch in Photoshop CS6 neu ist, auf die Option „Kontur“:
Klicken Sie auf die Option Strich.
Dies öffnet ein ähnliches Fenster wie das, das wir gerade gesehen haben, außer dass wir hier die Art des Strichs auswählen, den wir anwenden möchten. Auch hier können wir eine feste Farbe für den Strich, einen Farbverlauf, ein Muster oder gar nichts auswählen. Klicken Sie erneut oben im Bedienfeld auf die Option „ Einfarbig“ (zweites Vorschaubild von links) und wählen Sie dieses Mal Weiß als Konturfarbe aus, indem Sie auf das Farbfeld „Weiß“ klicken. Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie fertig sind, um das Bedienfeld zu schließen:
Klicken Sie erneut auf die Option Einfarbig und wählen Sie dann Weiß als Strichfarbe aus.
Als letztes müssen wir vor dem Zeichnen der Form eine Anfangsgröße für den Strich festlegen. In dieser Phase müssen Sie sich keine Gedanken über die Auswahl der richtigen Größe machen, da wir in Photoshop CS6 problemlos zurückkehren können, nachdem wir die Form gezeichnet und die Strichgröße geändert haben. Ich verwende hier ein großes Bild mit hoher Auflösung. Daher gebe ich zunächst eine Anfangsgröße von 20 pt in das Feld Größe in der Optionsleiste ein. Sie sollten mit einem niedrigeren Wert beginnen, wenn Sie mit einem kleinen Bild arbeiten, aber wir können ihn später problemlos ändern. Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie die ursprüngliche Größe akzeptiert haben:
Eingabe einer Anfangsgröße für den Strich.
Wenn alle Optionen festgelegt sind, klicke ich mit dem Rechteck-Werkzeug in mein Bild und ziehe mit gedrückter Maustaste diagonal über meine Hauptobjekte, um eine Rechteckform um sie herum zu zeichnen. Während wir die Form zeichnen, ist nur ein erster Pfadumriss sichtbar:
Zeichnen einer Rechteckform um den Jungen und das Mädchen auf dem Foto.
Erst wenn wir die Maustaste loslassen, zeichnet Photoshop die Form, füllt sie mit Schwarz und umgibt sie mit dem weißen Strich:
Lassen Sie die Maustaste los und Photoshop zeichnet die Form.
Wenn wir uns das Ebenenbedienfeld ansehen, sehen wir, dass Photoshop die Rechteckform auf einer eigenen Formebene direkt über Ebene 1 platziert hat:
Die Form wird auf einer neuen Formebene angezeigt.
Schritt 4: Ändern Sie bei Bedarf die Größe des Strichs
Zu diesem Zeitpunkt besteht eine gute Chance, dass der weiße Strich um die Form entweder zu dick oder zu dünn für einen Fotorand ist. Wenn Sie die Größe ändern müssen, stellen Sie sicher, dass das Rechteck-Werkzeug im Werkzeugbedienfeld und in der Formebene weiterhin ausgewählt ist (Rechteck 1) ist im Ebenenbedienfeld ausgewählt (blau hervorgehoben). Klicken Sie dann in der Optionsleiste rechts neben der aktuellen Strichgröße auf den kleinen Pfeil . Dadurch wird ein kleiner Schieberegler geöffnet, den Sie nach links oder rechts ziehen können, um die Strichbreite zu vergrößern oder zu verkleinern. Behalten Sie den Strich im Auge, während Sie den Schieberegler ziehen, um eine Live-Vorschau der Ergebnisse zu erhalten. Ich werde meine Strichgröße auf etwas näher an 14 pt verringern, arbeite aber wieder an einem hochauflösenden Bild. Bilder mit niedriger Auflösung benötigen höchstwahrscheinlich einen niedrigeren Wert:
Ändern der Größe des Strichs um die Form.
Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie fertig sind, um den Schieberegler zu schließen. Hier ist mein Bild nach der Größenänderung des Strichs. In meinem Fall ist es nur ein bisschen dünner als vorher:
Das Bild nach dem Ändern der Größe des Strichs um die Form.
Schritt 5: Ziehen Sie die Formebene unter Ebene 1
Im Moment blockiert die Form das darunter liegende Foto vollständig. Um dies zu beheben, müssen Sie die Formebene nach unten zwischen Hintergrundebene und Ebene 1 verschieben. Klicken Sie dazu im Ebenenbedienfeld auf die Formebene und ziehen Sie die Ebene mit gedrückter Maustaste nach unten, bis Sie sehen Zwischen Ebene 1 und der Hintergrundebene wird eine Markierungsleiste angezeigt:
Ziehen Sie die Formebene nach unten, bis die Markierungsleiste angezeigt wird.
Wenn Sie die Markierungsleiste sehen, lassen Sie die Maustaste los und Photoshop legt die Formebene zwischen den beiden anderen Ebenen ab:
Das Ebenenbedienfeld zeigt die Formebene zwischen den beiden ursprünglichen Ebenen an.
Mit der Ebene 1, die sich jetzt über der Formebene befindet, können wir wieder das gesamte Foto im Dokumentfenster sehen, aber es scheint, als hätten wir ein Problem durch das Erstellen eines anderen gelöst, da unsere Rechteckform jetzt verschwunden ist. Wir werden das gleich beheben:
Das Foto auf Ebene 1 blockiert vorübergehend die Ansicht der Rechteckform.
Schritt 6: Wählen Sie Ebene 1 aus
Klicken Sie im Ebenenbedienfeld auf Ebene 1, um sie auszuwählen:
Klicken Sie auf Ebene 1.
Schritt 7: Erstellen Sie eine Schnittmaske
Klicken Sie bei aktivierter Ebene 1 auf das Menüsymbol in der oberen rechten Ecke des Ebenenbedienfelds:
Klicken Sie auf das Menüsymbol des Ebenenbedienfelds.
Wählen Sie im angezeigten Menü die Option " Schnittmaske erstellen" :
Wählen Sie den Befehl "Schnittmaske erstellen" aus dem Menü.
Dadurch wird das Foto auf Ebene 1 auf die darunter liegende Rechteckform "zugeschnitten". Wenn Sie nicht mit der Funktionsweise von Schnittmasken in Photoshop vertraut sind, kann es schwierig sein, das Bild genau zu betrachten, um festzustellen, was an diesem Punkt vor sich geht (das liegt daran, dass die Ebene 1 und die Hintergrundebene genau dasselbe Foto enthalten ), aber wir können sagen, dass etwas passiert ist, weil der weiße Strich um die Rechteckform zurückgekehrt ist und uns den ersten Teil unserer "Foto in Foto" -Illusion gibt:
Das Bild nach dem Erstellen der Schnittmaske.
Wenn wir einen kurzen Blick in das Ebenenbedienfeld werfen, sehen wir, dass die Ebene 1 jetzt nach rechts eingerückt ist und ein kleiner Pfeil links von der Vorschauminiatur auf die Formebene darunter zeigt. So teilt uns Photoshop diese Ebene mit 1 ist jetzt auf die Formebene gekürzt:
Das Ebenenbedienfeld mit der Schnittmaske.
Schritt 8: Wählen Sie die Formebene aus
Klicken Sie im Ebenenbedienfeld auf die Formebene, um sie auszuwählen:
Auswahl der Formebene.
Schritt 9: Fügen Sie einen Schlagschatten hinzu
Lassen Sie uns das kleinere Foto in der Mitte hervorheben, indem Sie ihm einen Schlagschatten geben. Klicken Sie bei ausgewählter Formebene unten im Ebenenbedienfeld auf das Symbol für Ebenenstile ("fx"):
Klicken Sie auf das Symbol Ebenenstile.
Wählen Sie unten in der Liste der angezeigten Ebenenstile die Option „Schlagschatten“ :
Auswählen eines Ebenenstils für Schlagschatten.
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, in dem in der mittleren Spalte die Option „Schlagschatten“ festgelegt ist. Zuerst ändere ich den Winkel des Schattens auf ungefähr 135 °, sodass die Lichtquelle von oben links zu sein scheint. Mit dem Schieberegler Abstand steuern wir, wie weit der Schatten hinter dem Objekt herausragt. Für mein hochauflösendes Bild funktioniert ein Abstandswert von ca. 80 px gut, für Bilder mit niedrigerer Auflösung ist jedoch ein viel niedrigerer Wert erforderlich, sodass Sie möglicherweise ein wenig experimentieren müssen. Glücklicherweise bietet Photoshop eine Live-Vorschau der Ergebnisse im Dokumentfenster, wenn wir den Schieberegler nach links oder rechts ziehen, um verschiedene Werte auszuprobieren, sodass das Experimentieren einfach ist.
Um die Schattenkanten weicher zu machen, verwenden wir die Option Größe . Je höher der Wert, desto weicher die Ränder. Der Wert, den Sie benötigen, hängt jedoch stark von der Größe Ihres Bildes ab. Bei einem Größenwert von 30 px werden die Kanten schön weich, bei kleineren Bildern funktioniert ein kleinerer Wert jedoch besser. Schließlich werde ich die Deckkraft meines Schattens auf 30% senken, damit es schön und subtil ist. Wir möchten nicht, dass der Schatten im Mittelpunkt des Effekts steht:
Die Schlagschatten-Optionen.
Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld Ebenenstil zu schließen. So sieht der Effekt aus, wenn der Schlagschatten auf die kleinere Version des Fotos angewendet wird:
Das Bild nach dem Anwenden des Schlagschattens.
Schritt 10: Ändern Sie die Größe und drehen Sie das kleinere Foto mit Free Transform
Drehen Sie das kleinere Foto ein wenig und ändern Sie bei Bedarf gleichzeitig die Größe, um dem Effekt ein wenig mehr Interesse zu verleihen. Beides können wir mit dem Befehl „Free Transform“ von Photoshop tun. Vergewissern Sie sich, dass die Formebene im Ebenenbedienfeld noch ausgewählt ist, gehen Sie dann zum Menü Bearbeiten oben im Bildschirm und wählen Sie „ Frei transformieren“ :
Gehen Sie zu Bearbeiten> Freie Transformation.
Dadurch werden das Feld "Freie Transformation" und die Ziehpunkte (kleine Quadrate) um das kleinere Bild herum platziert. Um die Größe zu ändern, klicken Sie einfach auf einen der Ziehpunkte und ziehen Sie ihn. Sie finden eine in jeder Ecke sowie oben, unten, links und rechts. Bewegen Sie zum Drehen den Mauszeiger an eine beliebige Stelle außerhalb des Felds „Freie Transformation“ und klicken Sie dann auf und ziehen Sie ihn nach links oder rechts. Sie können das kleinere Bild auch verschieben, indem Sie auf eine beliebige Stelle im Feld "Freie Transformation" klicken und ziehen. Sie werden feststellen, dass nicht das Bild selbst in der Größe verändert, gedreht oder verschoben wird. Es ist nur der weiße Rand um das Bild (sowie der Schlagschatten), der betroffen ist. Wenn Sie fertig sind, drücken Sie die Eingabetaste (Win) / Return (Mac) auf Ihrer Tastatur, um die Änderung zu akzeptieren und Free Transform zu beenden:
Ändern der Größe, Drehen und Verschieben des kleineren Bildes mit Free Transform.
Schritt 11: Wählen Sie die Hintergrundebene
Um den Effekt zu vervollständigen, konvertieren wir den Rest des Bildes, dh den Bereich um die kleinere Version des Fotos, schnell in Schwarzweiß. Klicken Sie im Ebenenbedienfeld auf die Hintergrundebene, um sie auszuwählen:
Auswahl der Hintergrundebene.
Schritt 12: Fügen Sie eine Schwarz-Weiß-Einstellungsebene hinzu
Klicken Sie bei ausgewählter Hintergrundebene unten im Ebenenbedienfeld auf das Symbol „ Neue Einstellungsebene“ :
Klicken Sie auf das Symbol Neue Einstellungsebene.
Wählen Sie in der angezeigten Liste der Anpassungsebenen die Option " Schwarzweiß" aus:
Auswahl von Schwarzweiß aus der Liste.
Dadurch wird dem Dokument direkt über der Hintergrundebene eine Einstellungsebene für Schwarzweiß (mit der Bezeichnung Schwarzweiß 1) hinzugefügt, wie im Ebenenbedienfeld zu sehen ist. Dies bedeutet, dass nur das Bild auf der Hintergrundebene darunter betroffen ist. Die kleinere Version des Fotos auf Ebene 1, die sich oben im Ebenenstapel befindet, bleibt in Farbe:
Das Ebenenbedienfeld zeigt die Einstellungsebene über der Hintergrundebene.
Die Steuerelemente und Optionen für die Einstellungsebene „Schwarzweiß“ werden im Eigenschaftenfenster angezeigt . Die Schwarzweiß-Bildanpassung wurde erstmals in Photoshop CS3 eingeführt und war sofort die beste Möglichkeit, Farbfotos in Schwarzweiß umzuwandeln. Da wir hier jedoch nur die unwichtigen Bereiche des Fotos in Schwarzweiß konvertieren, brauchen wir nichts Besonderes, also klicke ich einfach auf die Schaltfläche " Auto", damit Photoshop ein schnelles "Bestes" gibt rate "umwandlung für mich:
Klicken Sie auf die Schaltfläche Auto, um sofort eine Schwarz-Weiß-Konvertierung durchzuführen.
Und damit sind wir fertig! Das kleinere Foto bleibt in Farbe, während der umgebende Bereich problemlos in Schwarzweiß umgewandelt wurde, wodurch unser endgültiger Effekt erzielt wird:
Das endgültige Ergebnis "Foto innerhalb eines Fotos".