In diesem Tutorial erfahren Sie, wie Sie in Photoshop eine Form mit einem Bild füllen! Wie Sie sehen werden, können Sie mit Photoshop ganz einfach ein Foto in einer beliebigen Form platzieren, von einem einfachen Rechteck oder Kreis bis zu einer ausgefallenen benutzerdefinierten Form. In diesem Lernprogramm wird eine der vorgefertigten benutzerdefinierten Formen von Photoshop verwendet. Sobald Sie die einzelnen Schritte gelernt haben, können Sie Bilder in eine beliebige Form bringen.
So sieht der endgültige "Bild in Form" -Effekt aus, wenn wir fertig sind. Dies ist natürlich nur ein Beispiel für den Effekt. In Photoshop stehen viele Formen zur Auswahl, und Sie können sogar eigene Formen erstellen. Sobald Sie die einzelnen Schritte gelernt haben, sind Ihren Möglichkeiten keine Grenzen mehr gesetzt:
Der endgültige "Bild in Form" -Effekt.
Lass uns anfangen!
So füllen Sie eine Form mit einem Foto
Ich verwende Photoshop CC, aber alles, was wir tun, ist auch mit Photoshop CS6 kompatibel.
Schritt 1: Erstellen Sie ein neues Dokument
Beginnen wir mit der Erstellung eines neuen Dokuments. Gehen Sie zum Menü Datei in der Menüleiste am oberen Bildschirmrand und wählen Sie Neu :
Gehen Sie zu Datei & Neu.
Dies öffnet das Dialogfeld Neues Dokument . Wenn Sie Photoshop CC verwenden, wird die neu gestaltete Version des Dialogfelds "Neues Dokument" angezeigt. Wenn Sie Photoshop CS6 verwenden, sehen Sie die ältere, traditionelle Version. Wir werden uns zuerst die Photoshop CC-Version und dann die CS6-Version ansehen.
In Photoshop CC finden Sie die Optionen zum Erstellen eines neuen benutzerdefinierten Dokuments im Bereich „ Vorgabendetails“ rechts im Dialogfeld. In diesem Tutorial erstellen wir ein quadratisches Dokument. Stellen Sie die Breite und Höhe auf 2000 Pixel ein . Wir setzen die Auflösung auf 72 Pixel / Zoll und den Hintergrundinhalt auf Weiß . Klicken Sie auf Erstellen, um das neue Dokument zu erstellen:
Das Fenster "Voreinstellungsdetails" im Dialogfeld "Neues Dokument" in Photoshop CC.
Stellen Sie in Photoshop CS6 erneut sowohl die Breite als auch die Höhe auf 2000 Pixel, die Auflösung auf 72 Pixel / Zoll und den Hintergrundinhalt auf Weiß ein . Klicken Sie auf OK, um das neue Dokument zu erstellen:
Das Dialogfeld "Neu" in Photoshop CS6.
Sehen Sie sich das Video an und teilen Sie Ihre Kommentare auf unserem YouTube-Kanal!
Schritt 2: Wählen Sie das benutzerdefinierte Formwerkzeug aus
Wie bereits erwähnt, können Sie für diesen Effekt jede Art von Form verwenden, von einem einfachen Rechteck oder Kreis bis zu einer benutzerdefinierten Form. In diesem Tutorial verwende ich eine der in Photoshop integrierten benutzerdefinierten Formen.
Wählen Sie das benutzerdefinierte Formwerkzeug aus der Symbolleiste aus. Standardmäßig ist das benutzerdefinierte Formwerkzeug hinter dem Rechteckwerkzeug verschachtelt. Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl -Taste (Mac) auf das Rechteck-Werkzeug und wählen Sie dann das benutzerdefinierte Form-Werkzeug aus dem Menü aus:
Auswählen des benutzerdefinierten Formwerkzeugs aus der Symbolleiste.
Schritt 3: Stellen Sie den Werkzeugmodus auf "Form"
Es gibt drei verschiedene Arten von Formen, die wir in Photoshop zeichnen können. Wir können Vektorformen, Pfade oder pixelbasierte Formen zeichnen. Für diesen Effekt möchten wir Vektorformen zeichnen, mit denen wir jede gewünschte Größe zeichnen können, während die Kanten schön und scharf bleiben.
Photoshop bezeichnet Vektorformen einfach als "Formen". Vergewissern Sie sich, dass bei ausgewähltem benutzerdefinierten Formwerkzeug die Option Werkzeugmodus in der Optionsleiste auf Form eingestellt ist :
Einstellen des Werkzeugmodus auf "Form" in der Optionsleiste.
Schritt 4: Setzen Sie die Formfarbe auf Schwarz
Damit wir unsere Form vor dem weißen Hintergrund sehen können, setzen wir die Füllfarbe der Form auf Schwarz . Sie finden das Füllfarbfeld in der Optionsleiste (direkt neben der Option Werkzeugmodus).
Standardmäßig ist die Farbe bereits schwarz. Ist dies nicht der Fall, drücken Sie den Buchstaben D auf Ihrer Tastatur. Dadurch werden die Standardeinstellungen für die Vordergrund- und Hintergrundfarbe wiederhergestellt, sodass die Vordergrundfarbe (und die Füllfarbe der Form) schwarz werden:
Das Füllfarbfeld in der Optionsleiste. Stellen Sie sicher, dass es auf Schwarz eingestellt ist.
Schritt 5: Laden Sie die benutzerdefinierten Formen
Photoshop enthält viele vorgefertigte benutzerdefinierte Formen, aus denen wir auswählen können. Standardmäßig werden jedoch nur eine Handvoll davon in das Programm geladen. Um den Rest zu finden, müssen wir sie in uns selbst laden.
Die Form-Miniaturansicht in der Optionsleiste zeigt die aktuell ausgewählte Form an. Klicken Sie auf das Vorschaubild, um eine andere Form auszuwählen:
Klicken Sie in der Optionsleiste auf die Form-Miniaturansicht.
Daraufhin wird die benutzerdefinierte Formauswahl mit Miniaturansichten aller Formen geöffnet, aus denen wir auswählen können. Wie bereits erwähnt, werden standardmäßig nur eine Handvoll Formen angezeigt. Laden wir alle Formen, um mehr Auswahl zu haben.
Klicken Sie auf das Menüsymbol (das Zahnradsymbol) in der oberen rechten Ecke des benutzerdefinierten Formwählers:
Klicken Sie auf das Menüsymbol der benutzerdefinierten Formauswahl.
In der unteren Hälfte des angezeigten Menüs sehen Sie eine Liste aller benutzerdefinierten Formsätze, aus denen wir auswählen können. Anstatt sie einzeln zu laden, um zu sehen, was wir bekommen, laden wir sie einfach alle auf einmal. Wählen Sie dazu am Anfang der Liste Alle aus:
Laden Sie alle benutzerdefinierten Formensätze in Photoshop.
In Photoshop werden Sie gefragt, ob Sie die aktuellen Formen durch die neuen Formen ersetzen möchten. Da die Standardformen in den verschiedenen Formsätzen enthalten sind, verlieren wir nichts, wenn wir sie ersetzen. Klicken Sie daher auf OK :
Klicken Sie auf OK, um die aktuellen Formen durch die neuen zu ersetzen.
Schritt 6: Wählen Sie eine benutzerdefinierte Form
Zurück in der benutzerdefinierten Formauswahl haben wir jetzt viel mehr Formen zur Auswahl. Blättern Sie durch die Miniaturansichten, bis Sie die gewünschte finden. Die Herzform (die eigentlich Teil der Standardformen ist) ist eine beliebte Wahl. Aber für etwas anderes werde ich die Schmetterlingsform wählen.
Doppelklicken Sie auf die Miniaturansicht, um eine Form auszuwählen. Dadurch wird die Form ausgewählt und die benutzerdefinierte Formauswahl geschlossen.
Auswahl der benutzerdefinierten Schmetterlingsform.
Schritt 7: Zeichnen Sie die Form
Um Ihre Form zu zeichnen, klicken Sie oben links in Ihr Dokument, um einen Startpunkt festzulegen. Halten Sie die Maustaste weiterhin gedrückt, und halten Sie die Umschalttaste auf Ihrer Tastatur gedrückt. Ziehen Sie die Maus diagonal nach unten in Richtung der rechten unteren Ecke des Dokuments. Wenn Sie beim Ziehen die Umschalttaste gedrückt halten, wird das Seitenverhältnis der Form gesperrt, damit das Erscheinungsbild nicht verzerrt wird.
Während Sie die Form zeichnen, sehen Sie nur einen Pfadumriss, wie die Form aussehen wird:
Klicken Sie oben links, halten Sie die Umschalttaste gedrückt und ziehen Sie nach rechts unten.
Lassen Sie die Maustaste los und lassen Sie dann die Umschalttaste los, um die Form zu vervollständigen. Stellen Sie sicher, dass Sie zuerst die Maustaste loslassen und dann die Umschalttaste oder das Seitenverhältnis der Form ändern. Photoshop zeichnet die Form und füllt sie mit Schwarz:
Photoshop zeichnet die Form, wenn Sie die Maustaste loslassen.
Wenn wir in das Ebenenbedienfeld schauen, sehen wir, dass die Form auf einer eigenen Formebene über der weiß gefüllten Hintergrundebene liegt:
Das Ebenenbedienfeld zeigt die Formebene über der Hintergrundebene.
Schritt 8: Verschieben Sie die Form in die Mitte
Um die Form in die Mitte des Dokuments zu verschieben, wählen Sie in der Symbolleiste das Verschieben-Werkzeug von Photoshop:
Auswahl des Verschiebungswerkzeugs.
Klicken Sie dann auf die Form und ziehen Sie sie in die Mitte. Es sollte einrasten, sobald Sie sich der Mitte nähern:
Verschieben der Form in Position.
Schritt 9: Öffnen Sie Ihr Bild
Öffnen Sie das Bild, das Sie in Ihre Form einfügen möchten. Hier ist die, die ich benutze (Mädchen mit Schmetterlingsfoto aus Adobe Stock). Ihr Bild wird in einem separaten Dokument mit Registerkarten geöffnet:
Das Bild werde ich innerhalb der Form platzieren. Bildnachweis: Adobe Stock.
Schritt 10: Wählen und kopieren Sie das Bild
Kopieren Sie das Bild und fügen Sie es in das Dokument der Form ein. Gehen Sie zum Menü " Auswählen" oben im Bildschirm und wählen Sie " Alle" . Um das Bild wird ein Auswahlrahmen angezeigt.
Gehen Sie zu Auswahl> Alle.
Wechseln Sie mit dem ausgewählten Bild in das Menü Bearbeiten und wählen Sie Kopieren :
Gehen Sie zu Bearbeiten> Kopieren.
Schritt 11: Fügen Sie das Bild in das Formdokument ein
Wechseln Sie zurück zum Dokument der Form, indem Sie auf die Registerkarte direkt unter der Optionsleiste klicken. Wenn Sie das Dokument beim Erstellen nicht benannt haben (was wir nicht getan haben), heißt es höchstwahrscheinlich "Untitled-1":
Klicken Sie auf die Registerkarte des Formdokuments.
Kehren Sie dann zum Menü Bearbeiten zurück und wählen Sie diesmal Einfügen :
Gehen Sie zu Bearbeiten> Einfügen.
Photoshop fügt das Bild in das Dokument ein. Im Moment blockiert das Bild die Form vollständig. Außerdem ist mein Bild zu groß, um vollständig in das Dokument der Form zu passen. Wir werden diese beiden Probleme in den nächsten Schritten beheben:
Das Bild wurde in das Dokument der Form eingefügt.
Schritt 12: Erstellen Sie eine Schnittmaske
Wenn wir noch einmal in das Ebenenbedienfeld schauen, sehen wir, dass Photoshop das Bild auf einer neuen Ebene über der Formebene platziert hat:
Das Ebenenbedienfeld zeigt das Bild über der Form.
Um das Bild innerhalb der Form zu platzieren, müssen wir lediglich eine Schnittmaske erstellen. Stellen Sie sicher, dass Sie die Bildebene ("Ebene 1") ausgewählt haben. Gehen Sie dann zum Menü " Ebene" oben auf dem Bildschirm und wählen Sie "Schnittmaske erstellen" :
Gehe zu Ebene> Schnittmaske erstellen.
Dadurch wird das Bild auf "Ebene 1" auf die Formebene darunter "geklippt". Dies bedeutet, dass der einzige Teil des Bildes, der im Dokument sichtbar bleibt, der Bereich ist, der direkt über (oder vor) der Form liegt. Der Rest des Bildes wird jetzt ausgeblendet, wodurch die Illusion entsteht, dass sich das Bild tatsächlich in der Form befindet:
Die Schnittmaske platziert das Bild innerhalb der Form.
Und wenn wir noch einmal in das Ebenenbedienfeld schauen, sehen wir, dass "Ebene 1" nach rechts eingerückt ist und ein kleiner Pfeil auf die Formebene darunter zeigt. So lässt Photoshop uns wissen, dass das Bild jetzt an der Form abgeschnitten ist:
Das Ebenenbedienfeld zeigt das Bild an, das auf der Formebene abgeschnitten ist.
Schritt 13: Ändern Sie die Größe und positionieren Sie das Bild mit Free Transform neu
Um die Größe des Bildes innerhalb der Form zu ändern und es neu zu positionieren, vergewissern Sie sich erneut, dass "Ebene 1" ausgewählt ist. Gehen Sie dann zum Menü Bearbeiten und wählen Sie Freie Transformation :
Gehen Sie zu Bearbeiten> Freie Transformation.
Dadurch werden das Feld "Frei transformieren" und die Ziehpunkte (die kleinen Quadrate) um die tatsächlichen Abmessungen Ihres Bildes herum angeordnet, einschließlich des Bereichs außerhalb der sichtbaren Leinwand. Wenn Sie nicht alle Free Transform-Ziehpunkte sehen können, weil Ihr Bild zu groß ist, um vollständig auf den Bildschirm zu passen, gehen Sie zum Menü Ansicht und wählen Sie Auf Bildschirm einpassen :
Gehen Sie zu Ansicht> An Bildschirm anpassen.
Photoshop passt die Zoomstufe automatisch so an, dass das gesamte Feld „Freie Transformation“ sichtbar ist. Hier sehen wir meine Free Transform-Box, die sich rechts von der Leinwand erstreckt:
Das Feld "Freie Transformation" wird um das gesamte Bild angezeigt.
Um die Größe des Bildes innerhalb der Form zu ändern, halten Sie die Umschalttaste gedrückt und ziehen Sie einen der Eckpunkte . Wenn Sie beim Ziehen die Umschalttaste gedrückt halten, wird das ursprüngliche Seitenverhältnis der Form beim Ändern der Größe fixiert.
Um das Bild innerhalb der Form zu verschieben, klicken Sie auf eine beliebige Stelle innerhalb des Felds „Frei transformieren“ und ziehen Sie das Bild an die gewünschte Position.
Hier ziehe ich den Griff in der oberen rechten Ecke nach innen und habe das Bild auch verschoben, um das Gesicht des Mädchens besser an die Form des Schmetterlingsflügels anzupassen:
Verwenden Sie Free Transform, um die Größe des Bilds zu ändern und es innerhalb der Form zu verschieben.
Wenn Sie fertig sind, drücken Sie die Eingabetaste (Win) / Return (Mac) auf Ihrer Tastatur, um die Änderung zu bestätigen und den Befehl "Free Transform" zu beenden:
Das Bild passt jetzt besser in die Form.
Schritt 14: Ändern Sie die Hintergrundfarbe
An diesem Punkt ist der Haupteffekt "Bild in Form" fertig! Natürlich können wir immer noch mehr tun, um es anzupassen und es noch besser aussehen zu lassen. Eine Sache, die wir tun können, ist die Farbe des Hintergrunds zu ändern.
Der einfachste Weg, die Hintergrundfarbe zu ändern, ist die Verwendung einer der Einfarbigen Füllebenen von Photoshop. Damit die Ebene „Einfarbige Füllung“ zwischen der Ebene „Hintergrund“ und der Ebene „Form“ angezeigt wird, klicken Sie zunächst im Ebenenbedienfeld auf die Ebene „Hintergrund“, um sie auszuwählen:
Auswahl der Hintergrundebene.
Klicken Sie dann unten im Ebenenbedienfeld auf das Symbol Neue Füllung oder Anpassungsebene :
Klicken Sie auf das Symbol Neue Füllung oder Anpassungsebene.
Wählen Sie oben in der Liste die Option „ Einfarbig“ :
Einfarbige Füllebene hinzufügen.
Photoshop öffnet den Farbwähler, in dem wir eine neue Farbe auswählen können. Schwarz ist eine beliebte Wahl als Hintergrundfarbe für diesen Effekt. Sehen wir uns also an, wie das aussieht:
Auswählen von Schwarz in der Farbauswahl.
Schwarz hebt definitiv die Details der Form hervor, aber als Hintergrundfarbe für einen Schmetterling bin ich mir nicht sicher, ob es funktioniert:
Das Ergebnis nach dem Ändern der Hintergrundfarbe in Schwarz.
Ich könnte eine andere Farbe als die Farbauswahl auswählen. Oder ich könnte eine Farbe direkt aus dem Bild in der Form abtasten, was häufig besser funktioniert.
Bewegen Sie dazu den Mauszeiger über die Farbe, die Sie abtasten möchten. Ihr Cursor wechselt vorübergehend zum Pipettenwerkzeug-Symbol, um Sie darauf aufmerksam zu machen, dass Sie bereit sind, eine Farbe abzutasten. Ich mag es, die Hintergrundfarben subtil zu halten. Anstatt Grün von den Bäumen oder Rot von den Blumen zu wählen, wähle ich einen hellen Hautton auf der Stirn des Mädchens, indem ich darauf klicke, um ihn abzutasten:
Sampling einer Farbe für den Hintergrund.
Sobald ich auf klicke, wird die abgetastete Farbe zur neuen Hintergrundfarbe. Diese neue Farbe gefällt mir besser, daher klicke ich auf OK, um den Farbwähler zu schließen:
Die abgetastete Farbe ist jetzt die Hintergrundfarbe.
Wenn wir in das Ebenenbedienfeld schauen, sehen wir die Ebene "Füllfarbe 1", die sich zwischen der Hintergrundebene und der Formebene befindet, genau dort, wo wir sie benötigt haben:
Das Ebenenbedienfeld zeigt die neue Einfarbige Füllebene an.
Schritt 15: Fügen Sie einen Strich hinzu
Lassen Sie uns den Effekt abschließen, indem Sie einen Strich um die Form einfügen. Klicken Sie im Ebenenbedienfeld auf die Formebene, um sie auszuwählen:
Auswahl der Formebene.
Klicken Sie dann unten im Ebenenbedienfeld auf das Symbol „ Ebenenstile “ (das Symbol „ FX “):
Klicken Sie auf das Symbol Ebenenstile.
Wählen Sie Schlaganfall aus der Liste:
Auswählen eines Strich-Ebenenstils.
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, das auf die Konturoptionen in der mittleren Spalte eingestellt ist. Um die Farbe des Strichs zu ändern, klicken Sie auf das Farbfeld :
Klicken Sie auf das Farbfeld.
Dadurch wird der Farbwähler erneut geöffnet. Ich wähle Weiß für meine Konturfarbe und klicke dann auf OK, um die Farbauswahl zu schließen:
Auswählen von Weiß in der Farbauswahl.
Zurück im Dialogfeld Ebenenstil setze ich die Position des Strichs auf Außen, sodass er um die Außenseite der Form herum angezeigt wird. Dann erhöhe ich den Wert für Größe, um die Stärke des Strichs anzupassen. Für dieses Bild finde ich eine Größe von ca. 12 px gut:
Stellen Sie die Position auf Außen und die Größe auf 12 px.
Klicken Sie auf OK, um das Dialogfeld Ebenenstil zu schließen. Und damit sind wir fertig! Nach dem Ändern der Hintergrundfarbe und dem Hinzufügen eines Strichs um den Schmetterling ist hier mein endgültiger "Bild in Form" -Effekt:
Das Endergebnis.
Und da haben wir es! So platzieren Sie ganz einfach ein Bild in einer Form mithilfe von Schnittmasken in Photoshop! Weitere Tutorials zu Photoshop-Effekten finden Sie in unserem Abschnitt zu Fotoeffekten. Und vergessen Sie nicht, alle unsere Photoshop-Tutorials sind jetzt als druckfertige PDF-Dateien verfügbar!