In diesem Photoshop-Tutorial werden wir ein bisschen Spaß mit Silhouetten haben. Damit meine ich, dass wir zuerst eine einfache Silhouette mit einer Technik erstellen, die uns die Freiheit gibt, die Silhouette nach Bedarf zu verändern, ohne die Bildqualität zu beeinträchtigen, und dann sehen wir, wie die Silhouette mit einem lustigen Hintergrund gefüllt wird interessante Designs zu erstellen!
Ich werde ein paar Silhouetten für dieses Tutorial erstellen. Zuerst benutze ich den Jungen von diesem Foto:
Die erste Silhouette wird aus diesem Foto erstellt.
Ich werde auch eine Silhouette von dem Mädchen auf diesem Foto erstellen:
Die zweite Silhouette wird von diesem Foto erstellt.
Ich fülle beide Silhouetten mit einem Hintergrund und verwende den Hintergrund, den wir kürzlich in unserem Tutorial zum klassischen Starburst-Hintergrund erstellt haben :
Der "Sternexplosion" -Hintergrund wurde in einem aktuellen Lernprogramm erstellt.
Natürlich können Sie auch einen beliebigen Hintergrund verwenden. Wenn Sie diesen Starburst-Hintergrund aus unserem Lernprogramm erstellen, müssen Sie sicherstellen, dass Sie das Starburst-Bild reduzieren, wenn Sie fertig sind. Rufen Sie dazu das Menü Ebene oben auf dem Bildschirm auf und wählen Sie Bild reduzieren, damit der Starburst Das Bild befindet sich auf einer einzelnen Hintergrundebene, was später die Arbeit erleichtert. Wie ich bereits sagte, können Sie das gewünschte Hintergrundbild verwenden.
Hier ist der letzte Effekt, auf den wir hinarbeiten werden:
Der endgültige Silhouette-Effekt.
Bevor wir anfangen, sollte ich erwähnen, dass wir Photoshops Stiftwerkzeug verwenden, um unsere Silhouetten zu erstellen, im Gegensatz zu etwas grundlegenderen wie dem Lasso-Werkzeug. Dafür gibt es mehrere Gründe. Erstens ist es nahezu unmöglich, mit dem Lasso-Tool eine Auswahl in professioneller Qualität zu treffen, und mit dem Lasso-Tool erstellte Silhouetten wirken im Allgemeinen schlampig und amateurhaft. Das Stift-Werkzeug bietet uns die Präzision, die wir zum Erstellen großartiger Formen benötigen.
Der zweite Grund für die Auswahl des Stiftwerkzeugs besteht darin, dass wir auf Vektoren basierende Formen erstellen können, die unabhängig von der Auflösung sind. Dies bedeutet, dass wir die Größe der Formen nach Bedarf ändern können, ohne die Bildqualität zu beeinträchtigen. Das Lasso-Werkzeug hingegen erstellt pixelbasierte Auswahlen, deren Größe nicht angepasst werden kann. Sie neigen dazu, die Bildqualität nach der Größenänderung zu verlieren, insbesondere wenn Sie sie vergrößern müssen. Für großartig aussehende Silhouetten, die unabhängig von ihrer Größe nicht an Bildqualität verlieren, benötigen wir das Stift-Werkzeug!
Wenn Sie jedoch nicht mit der Verwendung des Stiftwerkzeugs in Photoshop vertraut sind, lesen Sie zunächst das Lernprogramm „ Treffen von Auswahlen mit dem Stiftwerkzeug“, in dem Sie alles finden, was Sie zum Einrichten und Ausführen benötigen ohne Frage das beste Auswahlwerkzeug in Photoshop.
Schritt 1: Wählen Sie das Stiftwerkzeug
Öffnen Sie das erste Bild, aus dem Sie eine Silhouette erstellen möchten (in meinem Fall das Foto des Jungen), und wählen Sie das Stiftwerkzeug in der Photoshop-Werkzeugpalette aus:
Wählen Sie das Stiftwerkzeug.
Sie können das Stiftwerkzeug auch durch Drücken des Buchstabens P auf Ihrer Tastatur auswählen.
Schritt 2: Wählen Sie die Option "Formebenen" in der Optionsleiste
Sobald Sie das Stiftwerkzeug auswählen, werden in der Optionsleiste am oberen Bildschirmrand Optionen speziell für das Stiftwerkzeug angezeigt. Oben links in der Optionsleiste sehen Sie eine Reihe von drei Symbolen - eines, das wie ein Quadrat mit einem kleineren Quadrat in jeder Ecke aussieht (das Symbol Formebenen ), eines, in dessen Mitte sich das Stiftwerkzeug befindet Quadrat (das Pfad- Symbol) und eines, das nur ein einfaches Quadrat ist (das Füllpixel- Symbol). Diese Symbole steuern, was wir mit dem Stiftwerkzeug tun. Mit dem Stift können wir vektorbasierte Formen zeichnen, mit ihm können wir Pfade (im Grunde genommen Formkonturen) zeichnen und mit ihm pixelbasierte Formen zeichnen. Um unsere Silhouette zu erstellen, möchten wir vektorbasierte Formen zeichnen. Klicken Sie in der Optionsleiste auf das Symbol Formebenen, um es auszuwählen:
Wählen Sie die Option Formebenen in der Optionsleiste.
Schritt 3: Setzen Sie bei Bedarf die Vorder- und Hintergrundfarben zurück
Wie ich bereits erwähnt habe, füllen wir unsere Silhouette mit einem Hintergrundbild, aber erstellen wir zunächst eine traditionellere, schwarz gefüllte Silhouette. Dafür muss die Vordergrundfarbe auf Schwarz eingestellt sein, was zufällig die Standardfarbe ist (Weiß ist die Standardfarbe für die Hintergrundfarbe). Wenn Ihre Vordergrundfarbe bereits auf Schwarz eingestellt ist, können Sie diesen Schritt überspringen. Wenn dies nicht der Fall ist, können Sie die Vordergrund- und Hintergrundfarben einfach zurücksetzen, indem Sie den Buchstaben D auf Ihrer Tastatur drücken. Wenn Sie sich die Farbfelder für Vordergrund und Hintergrund am unteren Rand der Werkzeugpalette ansehen, werden Sie feststellen, dass Schwarz jetzt die Vordergrundfarbe (das linke Farbfeld) und Weiß jetzt die Hintergrundfarbe (das rechte Farbfeld) ist:
Setzen Sie bei Bedarf die Vordergrund- und Hintergrundfarben zurück.
Schritt 4: Zeichnen Sie einen Umriss um die Person auf dem Foto
Wenn Sie das Stiftwerkzeug in der Hand haben, die Option Formebenen in der Optionsleiste auswählen und die Vordergrundfarbe auf Schwarz einstellen, können Sie einen Umriss um die Person in Ihrem Foto zeichnen und nach Bedarf Ankerpunkte und Ziehpunkte für die Bewegungsrichtung hinzufügen. Lesen Sie auch hier zunächst unser Lernprogramm zum Treffen von Auswahlen mit dem Stiftwerkzeug durch, wenn Sie Hilfe bei der Verwendung des Stiftwerkzeugs benötigen.
Sie werden schnell ein Problem bemerken, wenn Sie sich an der Person orientieren. Da wir eine Form zeichnen, füllt Photoshop den Bereich innerhalb des Umrisses beim Erstellen mit Schwarz, was an sich kein Problem darstellt, mit der Ausnahme, dass Ihre Sicht auf das, was Sie tun, blockiert wird. Hier können wir sehen, dass ich angefangen habe, einen Umriss um den Kopf des Jungen zu zeichnen, aber das durchgehende Schwarz blockiert ihn vollständig, während ich mich um ihn herumarbeite:
Die durchgehende schwarze Füllung blockiert den Jungen.
Um dieses kleine Problem zu umgehen, müssen wir nur die Deckkraft unserer Formebene vorübergehend verringern. Wenn wir in unserer Ebenen-Palette nachsehen, sehen wir, dass wir jetzt zwei Ebenen haben. Unser Foto befindet sich auf der Hintergrundebene, und die Form, die wir mit dem Stiftwerkzeug zeichnen, befindet sich auf der Formebene mit dem Namen "Form 1" direkt darüber. Die Formebene ist derzeit ausgewählt (wir wissen das, weil sie blau hervorgehoben ist). Gehen Sie also zur Option „Deckkraft“ in der oberen rechten Ecke der Ebenen-Palette und senken Sie die Deckkraft auf etwa 40% ab :
Verringern Sie die Deckkraft der Formebene in der Ebenen-Palette.
Wenn die Deckkraft der Form verringert ist, können wir jetzt durch die durchgehende schwarze Füllung sehen, was es viel einfacher macht zu sehen, was wir tun:
Der Junge ist jetzt durch die feste schwarze Füllung sichtbar.
Zeichnen Sie mit dem Stiftwerkzeug weitere Umrisse um die Person. Wenn Sie fertig sind, kehren Sie zur Option „Deckkraft“ in der Ebenen-Palette zurück und erhöhen Sie die Deckkraft auf 100% . Hier ist meine fertige Form um den Jungen, gefüllt mit solidem Schwarz. Ich habe jetzt meine erste Silhouette:
Die erste Silhouette ist jetzt fertig.
Schritt 5: Erstellen Sie ein neues leeres Photoshop-Dokument
Nachdem wir unsere erste Silhouette erstellt haben, verschieben wir sie in ein eigenes Dokument. Zuerst müssen wir ein neues Photoshop-Dokument erstellen. Gehen Sie zum Menü Datei oben auf dem Bildschirm und wählen Sie Neu . Daraufhin wird das Dialogfeld Neues Dokument angezeigt. Ich werde mein neues Dokument "Silhouetten" nennen, obwohl das Benennen neuer Dokumente völlig optional ist.
Wählen Sie die gewünschte Größe für Ihr Dokument. Für dieses Tutorial erstelle ich ein Dokument im Format 6 x 6 Zoll und stelle die Auflösung auf 300 Pixel pro Zoll ein. Dies ist eine Standardauflösung für das Drucken in professioneller Qualität. Stellen Sie sicher, dass Sie Weiß als Hintergrundinhalt Ihres Dokuments auswählen:
Erstellen Sie ein neues leeres Photoshop-Dokument.
Klicken Sie auf OK, um das Dialogfeld zu schließen, wenn Sie fertig sind. Das neue Dokument wird angezeigt:
Das neue Photoshop-Dokument wird mit Weiß gefüllt.
Schritt 6: Ziehen Sie die Formebene in das neue Dokument
Wenn sowohl Ihr Originalfoto als auch das neue leere Dokument in einem separaten Dokumentfenster auf Ihrem Bildschirm geöffnet sind, klicken Sie auf eine beliebige Stelle in Ihrem Originalfoto, um es auszuwählen. Dadurch wird es aktiviert. Gehen Sie dann zur Ebenen-Palette, klicken Sie auf die Formebene, die Ihre Silhouette enthält, und ziehen Sie die Ebene einfach in das neue Dokument:
Wählen Sie das Originalbild aus, klicken Sie auf die Formebene in der Ebenen-Palette und ziehen Sie sie in das neue Dokument.
Lassen Sie die Maustaste los und Ihre schwarz gefüllte Silhouette erscheint im neuen Dokument:
Die Silhouette wird jetzt im neuen Dokument angezeigt.
Sie können das Dokumentfenster des Originalfotos an dieser Stelle schließen, da wir es nicht mehr benötigen. Und jetzt, wenn wir noch einmal in die Ebenen-Palette schauen, können wir sehen, dass unsere Formebene tatsächlich in das neue Dokument kopiert wurde und sich direkt über der weiß gefüllten Hintergrundebene befindet:
Die Ebenen-Palette zeigt die Formebene im neuen Dokument an.
Schritt 7: Größe ändern und die Silhouette mit Free Transform neu positionieren
Wie ich zu Beginn dieses Tutorials erwähnte, war einer der Hauptgründe, warum wir das Stiftwerkzeug zum Erstellen unserer Silhouette verwendeten, dass wir unsere Silhouette als vektorbasierte Form erstellen konnten und dass wir als Form frei sind Sie können die Größe beliebig ändern und so groß oder klein machen, wie wir möchten, ohne die Bildqualität zu beeinträchtigen. Ändern Sie die Größe der Silhouette mithilfe des Befehls „Frei transformieren“ in Photoshop. Drücken Sie bei ausgewählter Formebene in der Ebenen-Palette die Tastenkombination Strg + T (Windows) / Befehlstaste + T (Mac), um das Feld "Frei transformieren" und die Ziehpunkte um die Silhouette herum aufzurufen. Halten Sie die Umschalttaste gedrückt, um die Proportionen der Silhouette zu beschränken, damit das Aussehen nicht verzerrt wird, und ziehen Sie einen der Eckpunkte, um die Größe zu ändern. Wenn Sie die Größe nicht von der Ecke, sondern von der Mitte aus ändern möchten, halten Sie beim Ziehen die Alt- (Win) / Wahltaste (Mac) gedrückt. Sie können die Silhouette auch innerhalb des Dokuments verschieben, indem Sie auf eine beliebige Stelle im Feld „Frei transformieren“ klicken und die Form mit der Maus verschieben. Klicken Sie einfach nicht auf das kleine Zielsymbol in der Mitte, sonst verschieben Sie das Zielsymbol und nicht die Form.
Hier habe ich meine Silhouette vergrößert und in die linke obere Ecke des Dokuments verschoben:
Ändern Sie die Größe der Silhouette und positionieren Sie sie bei Bedarf mit Free Transform neu.
Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie fertig sind, um die Umwandlung zu akzeptieren und den Befehl "Free Transform" zu beenden.
Schritt 8: Hinzufügen zusätzlicher Silhouetten zum Dokument (optional)
Wenn Sie in Ihrem Entwurf nur eine Silhouette verwenden, können Sie diesen Schritt überspringen. Ich habe eine zweite Silhouette
dass ich zu meinem Design hinzufügen möchte, damit ich mein zweites Foto öffne, das das Bild des Mädchens ist:
Öffnen Sie Ihr zweites Bild (optional).
In den gleichen Schritten wie zuvor wähle ich das Stiftwerkzeug aus der Werkzeugpalette aus und zeichne einen Umriss um das Mädchen. Die Deckkraft der Formebene in der Ebenenpalette wird auf etwa 40% gesenkt, damit ich sehen kann, was ich tue während ich mich um sie herum bewege:
Zeichnen Sie mit dem Stift-Werkzeug einen Umriss um das Mädchen.
Wenn ich fertig bin, erhöhe ich die Deckkraft der Formebene wieder auf volle 100%. Hier ist mein Bild mit der Silhouette des Mädchens jetzt komplett:
Die zweite Silhouette ist jetzt fertig.
Ich muss diese zweite Silhouette in mein Hauptdokument "Silhouetten" ziehen. Wenn also beide Dokumentfenster auf meinem Bildschirm geöffnet sind, klicke ich auf das Foto des Mädchens, um es auszuwählen und zu aktivieren, und klicke dann auf die Formebene in der Ebenen-Palette und ziehen Sie die Ebene einfach in das "Silhouetten" -Dokument:
Ziehen Sie die zweite Silhouette in das Silhouetten-Hauptdokument.
Mit meiner zweiten Silhouette im Hauptdokument werde ich das Foto des Mädchens schließen, da ich es nicht mehr öffnen muss. Wenn wir jetzt in meinem "Silhouetten" -Dokument nachsehen, können wir sehen, dass die Silhouette des Mädchens hinzugefügt wurde:
Beide Silhouetten werden jetzt im Hauptdokument "Silhouetten" angezeigt.
Wie beim ersten Umriss drücke ich Strg + T (Win) / Befehl + T (Mac), um das Feld „ Free Transform “ und die Griffe von Photoshop um meinen neuen Umriss herum aufzurufen, und ziehe eine Ecke heraus Ziehpunkte, um die Größe zu ändern. Halten Sie beim Ziehen die Umschalttaste gedrückt, um die Proportionen der Form zu verringern, und halten Sie die Alt- Taste (Win) bzw. Wahltaste (Mac) gedrückt, um die Größe der Form von der Mitte aus zu ändern. Ich werde die Form auch nach unten in die untere rechte Ecke des Dokuments ziehen, während ich dabei bin:
Verwenden Sie Free Transform, um die Größe der zweiten Silhouette zu ändern und sie neu zu positionieren.
Wenn ich fertig bin, drücke ich die Eingabetaste (Win) / Return (Mac), um die Transformation zu akzeptieren und den Befehl "Free Transform" zu beenden.
Wenn ich in meiner Ebenen-Palette nachschaue, sehe ich, dass sich jetzt zwei Formebenen über der weiß gefüllten Hintergrundebene befinden. Die Silhouette des Jungen befindet sich auf der unteren Formebene und die des Mädchens auf der oberen:
In der Ebenen-Palette von Photoshop werden nun zwei Formebenen über der Hintergrundebene angezeigt.
Leider heißen beide Formebenen "Form 1", was etwas verwirrend ist. Ich werde die Ebenen umbenennen, indem ich direkt auf ihre Namen doppelklicke und neue Namen eingebe. Ich werde die untere Formebene "Boy" und die obere "Girl" nennen:
Umbenennen der Formebenen in der Ebenenpalette, um Verwirrung zu vermeiden.
Schritt 9: Öffnen Sie das Bild, mit dem Sie die Silhouetten füllen möchten
Lassen Sie uns unsere Silhouetten ein bisschen interessanter aussehen, indem Sie sie mit einem lustigen Hintergrundbild füllen, anstatt sie mit festem Schwarz zu füllen. Öffnen Sie das Bild, mit dem Sie Ihre Silhouetten füllen möchten. Wie zu Beginn dieses Tutorials erwähnt, verwende ich den Starburst-Hintergrund, den wir kürzlich in unserem Tutorial zum klassischen Starburst-Hintergrund erstellt haben :
Öffnen Sie das Bild, mit dem Sie Ihre Silhouetten füllen möchten.
Schritt 10: Ziehen Sie das Bild in das Silhouetten-Dokument
Wenn sowohl Ihr Silhouetten-Dokument als auch Ihr Hintergrundbild in einem separaten Dokumentfenster auf Ihrem Bildschirm geöffnet sind, klicken Sie auf eine beliebige Stelle im Hintergrundbild, um es auszuwählen und zu aktivieren. Klicken Sie dann in der Ebenen-Palette auf die Ebene Hintergrund und ziehen Sie die Ebene in das Silhouetten-Dokument:
Ziehen Sie die Hintergrundebene von Ihrem Hintergrundbild in das Silhouetten-Dokument.
Lassen Sie die Maustaste los und das Hintergrundbild erscheint vor den Silhouetten im Dokument "Silhouetten":
Das Hintergrundbild wird jetzt im Silhouetten-Dokument angezeigt.
Sie können das Hintergrundbild schließen, sobald Sie es in das Dokument "Silhouetten" gezogen haben. Wenn wir uns die Ebenen-Palette ansehen, können wir sehen, dass das Hintergrundbild jetzt auf einer Ebene mit dem Namen "Ebene 1" über den anderen Ebenen im Dokument angezeigt wird:
Das Hintergrundbild wird auf einer eigenen Ebene in der Ebenen-Palette über den anderen Ebenen angezeigt.
Das Bild wurde über den anderen Ebenen angezeigt, da Photoshop es automatisch direkt über der aktuell ausgewählten Ebene platzierte. In meinem Fall hatte ich die Ebene "Mädchen" ausgewählt, sodass Photoshop das Hintergrundbild direkt darüber platzierte. Wenn die Ebene "Junge" ausgewählt worden wäre, hätte Photoshop das Hintergrundbild zwischen den Ebenen "Junge" und "Mädchen" platziert.
Schritt 11: Erstellen Sie eine Schnittmaske
Im Moment blockiert das Starburst-Bild (oder das von Ihnen verwendete Bild) beide meiner Silhouetten. Offensichtlich will ich das nicht. Ich möchte, dass der Stern in einer meiner Silhouetten erscheint. Dazu müssen wir eine Schnittmaske erstellen, mit der das Starburst-Bild auf die Ebene "gekürzt" wird, die sich direkt darunter befindet. In meinem Fall befindet sich die Silhouette des Mädchens direkt darunter. Wenn ich die Schnittmaske erstelle, ist der einzige Teil des Starburst-Bildes, der sichtbar bleibt, der Bereich, der in die Silhouette fällt. Dies erzeugt die Illusion, dass die Silhouette mit dem Sternexplosionsmuster gefüllt ist.
Stellen Sie zum Erstellen der Schnittmaske sicher, dass in der Ebenen-Palette "Ebene 1" ausgewählt ist. Gehen Sie dann zum Menü "Ebene" oben im Bildschirm und wählen Sie "Schnittmaske erstellen" :
Wählen Sie "Schnittmaske erstellen" aus dem Menü "Ebene".
Mit der erstellten Schnittmaske wird das Starburst-Bild direkt unter der Silhouette abgeschnitten, sodass es so aussieht, als würde die Silhouette durch den Starburst gefüllt:
Das Starburst-Bild ist jetzt an der Silhouette des Mädchens befestigt.
Schritt 12: Ändern Sie die Größe und positionieren Sie das Hintergrundbild neu, falls dies mit der kostenlosen Transformation erforderlich ist
Wenn "Ebene 1" noch ausgewählt ist, drücken Sie Strg + T (Win) / Befehl + T (Mac), um das Feld " Freie Transformation " und die Ziehpunkte von Photoshop um Ihr Hintergrundbild herum aufzurufen. Ändern Sie dann die Größe und Position des Bilds nach Bedarf, bis Sie zufrieden sind wie es in der Silhouette erscheint. Sie können das Bild bei Bedarf auch drehen, indem Sie den Mauszeiger außerhalb des Felds „Freie Transformation“ bewegen und dann mit der Maus klicken und ziehen. Das Feld und die Ziehpunkte für die freie Transformation werden um die tatsächlichen Abmessungen Ihres Hintergrundbilds herum angezeigt, obwohl der einzige Teil des Hintergrundbilds, den Sie sehen können, der Bereich innerhalb der Silhouette ist:
Verwenden Sie die Option „Frei transformieren“, um die Größe des Bildes zu ändern, es zu drehen und es nach Bedarf innerhalb der Silhouette zu verschieben.
Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie fertig sind, um die Umwandlung zu akzeptieren und den Befehl "Free Transform" zu beenden. Wir haben jetzt unsere erste mit Hintergrundbildern gefüllte Silhouette:
Das Hintergrundbild wird nun so angezeigt, wie wir es in der ersten Silhouette haben möchten.
Schritt 13: Duplizieren Sie das Hintergrundbild und verschieben Sie es über die zweite Silhouette
Wenn Sie wie ich zwei Silhouetten in Ihrem Design verwenden, müssen Sie eine Kopie unseres Hintergrundbilds erstellen und es direkt über die zweite Silhouette in der Ebenen-Palette verschieben. Wir können tatsächlich beide Dinge gleichzeitig tun. Gehen Sie zu Ihrer Ebenen-Palette und halten Sie die Alt (Win) / Wahltaste (Mac) gedrückt. Dies teilt Photoshop mit, dass wir eine Kopie der Ebene erstellen möchten. Klicken Sie dann auf "Ebene 1" und ziehen Sie die Ebene bei gedrückter Alt- / Wahltaste zwischen den beiden Formebenen nach unten. Zwischen den beiden Ebenen wird eine dicke schwarze Linie angezeigt, die Sie darauf hinweist, dass Sie sich an der richtigen Stelle befinden:
Halten Sie Alt (Win) / Wahltaste (Mac) gedrückt und ziehen Sie "Ebene 1" zwischen den beiden Formebenen nach unten.
Lassen Sie die Maustaste los, wenn die schwarze Linie angezeigt wird. Eine Kopie von "Ebene 1" wird jetzt in der Ebenen-Palette direkt zwischen den beiden Formebenen angezeigt:
Die Ebenen-Palette zeigt eine Kopie von "Ebene 1" zwischen den beiden Formebenen.
Wenn wir in das Dokumentfenster schauen, können wir sehen, dass das Hintergrundbild jetzt wieder einen Teil des Designs für die Ansicht blockiert:
Die Kopie des Hintergrundbilds blockiert jetzt einen Teil des Hauptbilds für die Ansicht.
Schritt 14: Erstellen Sie eine Schnittmaske
Wir müssen die Kopie unseres Hintergrundbilds auf die zweite Silhouette zuschneiden, damit sie innerhalb der Silhouette angezeigt wird, so wie wir es vorhin mit der ersten Silhouette getan haben. Gehen Sie zum Menü Ebene oben auf dem Bildschirm und wählen Sie Schnittmaske erstellen :
Wählen Sie "Schnittmaske erstellen" aus dem Menü "Ebene".
Dadurch wird die Kopie des Hintergrundbilds auf die zweite Silhouette gekürzt, sodass es so aussieht, als ob sich das Hintergrundbild innerhalb der Silhouette befindet:
Die Kopie des Hintergrundbilds wird jetzt auf die zweite Silhouette gekürzt.
Schritt 15: Ändern Sie die Größe und positionieren Sie das Hintergrundbild mit Free Transform neu
Drücken Sie Strg + T (Win) / Befehlstaste + T (Mac), um das Feld " Freie Transformation " und die Ziehpunkte von Photoshop um das Hintergrundbild in der Silhouette herum aufzurufen. Ändern Sie dann die Größe, drehen Sie es und / oder verschieben Sie es an die gewünschte Stelle:
Verwenden Sie die Option „Frei transformieren“, um die Größe des Bilds innerhalb der Silhouette zu ändern und es an seine Position zu verschieben.
Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie den Free Transform-Befehl beendet haben.
Schritt 16: Fügen Sie den Silhouetten einen Strich hinzu
An diesem Punkt ist unser grundlegender Effekt abgeschlossen. Geben Sie unseren Silhouetten jedoch eine etwas genauere Definition, indem Sie einen dünnen Strich um sie herum einfügen. Wählen Sie zunächst eine der Formebenen in der Ebenen-Palette aus. Ich klicke auf die Ebene "Boy", um sie auszuwählen. Klicken Sie anschließend unten in der Ebenen-Palette auf das Symbol „Ebenenstile“:
Wählen Sie eine der Formebenen aus und klicken Sie dann auf das Symbol Ebenenstile.
Wählen Sie unten in der Liste die Option Strich :
Wählen Sie "Kontur" aus der Liste der Ebenenstile.
Daraufhin wird das Dialogfeld Ebenenstil mit den Konturoptionen in der mittleren Spalte angezeigt. Ich lasse alle Standardeinstellungen außer der Farbe unverändert. Die Standardfarbe für Striche ist Rot, und ich möchte die orange Farbe aus dem Starburst-Hintergrund verwenden, mit dem ich meine Silhouetten fülle. Um die Farbe des Strichs zu ändern, klicken Sie im Dialogfeld auf das Farbfeld :
Klicken Sie auf das Farbfeld, um die Farbe des Strichs zu ändern.
Dadurch wird der Photoshop- Farbwähler aufgerufen . Anstatt jedoch mit dem Farbwähler eine Farbe auszuwählen, bewege ich einfach den Mauszeiger über einen orangefarbenen Bereich in der Silhouette des Jungen und klicke darauf, um die Farbe abzutasten:
Probenahme der orangefarbenen Farbe aus dem Starburst-Hintergrund in der Silhouette des Jungen.
Klicken Sie auf OK, um die Farbauswahl zu beenden, wenn Sie fertig sind, und klicken Sie dann auf OK, um das Dialogfeld Ebenenstil zu schließen. Die Silhouette des Jungen ist jetzt mit einem orangefarbenen Strich versehen, wodurch die Definition verbessert wird:
Der orangefarbene Strich wurde auf die erste Silhouette angewendet.
Um den Strich schnell auf die zweite Silhouette anzuwenden, gehen Sie zum Menü Ebene oben im Bildschirm, wählen Sie Ebenenstil und dann Ebenenstil kopieren :
Gehen Sie zu Ebene> Ebenenstil> Ebenenstil kopieren.
Klicken Sie in der Ebenen-Palette auf die Ebene der zweiten Silhouette, um sie auszuwählen. In meinem Fall klicke ich auf die Ebene "Girl". Kehren Sie dann zum Menü Ebene zurück, und wählen Sie erneut Ebenenstil. Wählen Sie diesmal Ebenenstil einfügen :
Wählen Sie die andere Formebene in der Ebenen-Palette aus und gehen Sie dann zu Ebene> Ebenenstil> Ebenenstil einfügen.
Und genau so wird der Strich nun auch auf die zweite Silhouette angewendet:
Der Strich wurde nun auf beide Silhouetten angewendet.
Ich werde mein Design fertigstellen, indem ich ein paar verstreute Sterne um die Silhouetten füge. Ich mache das als nächstes.
Schritt 17: Erstellen Sie eine neue Layergruppe
Wie ich unten auf der vorherigen Seite erwähnte, werde ich mein Design beenden, indem ich ein paar verstreute Sterne um die Silhouetten füge. Ich könnte einen Stern von Grund auf neu zeichnen, aber Photoshop wird tatsächlich mit ein paar Sternformen geliefert, die wir verwenden können. Bevor wir sie hinzufügen, erstellen wir eine Ebenengruppe, in die alle Sterne eingefügt werden. Auf diese Weise bleibt die Ebenenpalette übersichtlich und übersichtlich. Klicken Sie zunächst auf die oberste Ebene in Ihrer Ebenen-Palette, um sie auszuwählen. Halten Sie dann die Alt- Taste (Windows) bzw. die Wahltaste (Mac) gedrückt und klicken Sie auf das Ebenengruppensymbol unten in der Ebenen-Palette (Hinweis: In früheren Versionen von Photoshop werden Ebenengruppen als Ebenensätze bezeichnet):
Halten Sie die Alt-Taste (Windows) bzw. die Wahltaste (Mac) gedrückt und klicken Sie in der Ebenen-Palette auf das Ebenengruppensymbol.
Wenn Sie beim Klicken auf das Symbol die Alt- / Wahltaste gedrückt halten, wird Photoshop angewiesen, das Dialogfeld " Neue Gruppe" zu öffnen, in dem Sie einen Namen für die neue Ebenengruppe eingeben können. Ich werde meine "Stars" nennen:
Geben Sie im Dialogfeld einen Namen für Ihre neue Layergruppe ein.
Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld zu schließen. Wenn wir jetzt in die Ebenen-Palette schauen, können wir sehen, dass eine neue Ebenengruppe mit dem Namen "Sterne" über den anderen Ebenen hinzugefügt wurde. Eine Ebenengruppe ist im Grunde genommen ein Ordner in der Ebenen-Palette, in den wir mehrere Ebenen einfügen können, damit alles organisiert bleibt:
In der Ebenen-Palette wurde eine neue Ebenengruppe mit dem Namen "Sterne" hinzugefügt.
Schritt 18: Wählen Sie das benutzerdefinierte Formwerkzeug aus
Wählen Sie das benutzerdefinierte Formwerkzeug von Photoshop aus, das sich in der Werkzeugpalette hinter dem Rechteckwerkzeug befindet. Klicken und halten Sie die Maus ein oder zwei Sekunden lang auf das Rechteck-Werkzeug, bis das Flyout-Menü angezeigt wird, und wählen Sie dann das benutzerdefinierte Form-Werkzeug aus dem unteren Bereich der Liste aus:
Wählen Sie das Werkzeug "Benutzerdefinierte Form".
Schritt 19: Laden Sie den benutzerdefinierten Formsatz "Shapes"
In Photoshop sind viele benutzerdefinierte Formen enthalten, die wir für unsere Entwürfe verwenden können, aber nur einige davon sind bereits für uns geladen. Um auf die Sternformen zugreifen zu können, müssen wir eines der zusätzlichen benutzerdefinierten Formsätze selbst laden. Klicken Sie mit dem ausgewählten Werkzeug für benutzerdefinierte Formen mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste (Mac) in das Dokumentfenster, um das Auswahlfeld für benutzerdefinierte Formen aufzurufen, und klicken Sie dann auf den kleinen nach rechts zeigenden Pfeil in der rechten oberen Ecke des Fensters Auswahlfeld:
Klicken Sie auf den kleinen Pfeil in der rechten oberen Ecke des Auswahlfelds Benutzerdefinierte Form.
Daraufhin wird ein Flyout-Menü angezeigt. Am unteren Rand des Menüs sehen Sie eine Reihe von benutzerdefinierten Formsätzen, die geladen werden können. Klicken Sie auf den Formensatz, um ihn auszuwählen:
Wählen Sie den benutzerdefinierten Formsatz "Formen" aus dem Menü aus.
In Photoshop wird ein Dialogfeld angezeigt, in dem Sie gefragt werden, ob Sie die aktuellen Formen durch die Formen im Formensatz ersetzen möchten. Klicken Sie auf Anhängen, um die Formen zum Formensatz hinzuzufügen, ohne die bereits verfügbaren Formen zu entfernen:
Klicken Sie auf "Anhängen", um die neuen Formen mit den bereits verfügbaren Formen hinzuzufügen.
Wenn Sie jetzt im Auswahlfeld Benutzerdefinierte Form nach unten scrollen, werden die neu hinzugefügten Formen angezeigt, die verfügbar sind. Sie finden zwei Sternformen, "5-Punkt-Stern" und "5-Punkt-Stern-Rahmen" (wenn in den Photoshop-Einstellungen "QuickInfos anzeigen" aktiviert ist, werden die Namen der Formen angezeigt, wenn Sie mit der Maus darüber fahren). Ich werde die "5 Point Star Frame" -Form auswählen, indem ich darauf klicke:
Auswahl der Form "5-Punkt-Sternrahmen".
Ich möchte die gleiche orange Farbe verwenden, die ich für meinen Strich verwendet habe. Um also die Formfarbe zu ändern, klicke ich in der Optionsleiste oben auf dem Bildschirm auf das Farbfeld :
Ändern Sie die Formfarbe, indem Sie in der Optionsleiste auf das Farbfeld klicken.
Dadurch wird Photoshops Farbwähler aufgerufen, den ich jedoch nicht verwenden werde. Stattdessen bewege ich den Mauszeiger wie bei der Strichfarbe über einen orangefarbenen Bereich in meinem Dokumentfenster und klicke darauf, um die Farbe abzutasten:
Probenahme der orangen Farbe aus dem Starburst-Hintergrund.
Schritt 20: Ziehen Sie die erste Sternform heraus
Mit der nun ausgewählten Farbe können wir beginnen, dem Design Sterne hinzuzufügen. Halten Sie die Umschalttaste gedrückt, um die Proportionen des Sterns zu beschränken, und achten Sie darauf, dass das Erscheinungsbild nicht verzerrt wird. Klicken Sie dann in das Dokument, in das Sie den ersten Stern einfügen möchten, und ziehen Sie eine Sternform heraus. Halten Sie auch Alt (Win) / Wahltaste (Mac) gedrückt, wenn Sie die Sternform aus der Mitte ziehen möchten. Wenn Sie den Stern beim Ziehen neu positionieren müssen, halten Sie die Leertaste gedrückt und bewegen Sie die Maus, um die Form neu zu positionieren. Lassen Sie dann die Leertaste los und ziehen Sie weiter. Hier habe ich meine erste Sternform in der unteren linken Ecke des Bildes hinzugefügt:
Ziehe deine erste Sternform heraus.
Schritt 21: Drehen Sie den Stern mit Free Transform
Drücken Sie Strg + T (Win) / Befehlstaste + T (Mac), um das Feld „ Freie Transformation “ und die Ziehpunkte von Photoshop aufzurufen. Bewegen Sie dann den Mauszeiger außerhalb des Felds „Freie Transformation“, klicken Sie und ziehen Sie die Maus, um den Stern bei Bedarf zu drehen :
Verwenden Sie Free Transform, um die Sternform zu drehen.
Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie fertig sind, um die Drehung zu akzeptieren und den Befehl "Free Transform" zu beenden.
Schritt 22: Zusätzliche Sternformen hinzufügen
Fügen Sie weitere Sternformen hinzu, indem Sie die letzten Schritte wiederholen. Ziehen Sie zuerst die Form heraus und drehen Sie sie bei Bedarf mit der Funktion „Frei transformieren“. Hier ist mein Bild, nachdem ich ein paar weitere Sterne hinzugefügt habe:
Fügen Sie dem Design weitere Sterne hinzu und drehen Sie sie nach Bedarf.
Schritt 23: Wählen Sie die Form "5 Point Star"
Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste (Mac) auf eine beliebige Stelle im Dokument, um das Auswahlfeld "Benutzerdefinierte Form" erneut aufzurufen, und wählen Sie dann die andere Sternform aus, die "5-Punkt-Stern" -Form :
Fügen Sie dem Design weitere Sterne hinzu und drehen Sie sie nach Bedarf.
Schritt 24: Fügen Sie weitere Sterne hinzu
Befolgen Sie bei ausgewählter Form "5-Punkt-Stern" dieselben Schritte, um weitere Sterne hinzuzufügen. Ziehen Sie diese zuerst heraus und drehen Sie sie dann mit dem Befehl "Freie Transformation". Wenn wir jetzt in unserer Ebenen-Palette nachsehen, können wir alle hinzugefügten Formebenen sehen, von denen jede eine der Sternformen enthält. Beachten Sie, wie sie alle in der Ebenengruppe "Sterne" angezeigt werden:
Alle Sterne werden in der Ebenen-Palette in der Ebenengruppe "Sterne" angezeigt.
Klicken Sie auf das kleine Dreieck links neben dem Namen der Layergruppe, um zu zeigen, was ich damit gemeint habe, dass Layergruppen verwendet werden, um die Organisation aufrechtzuerhalten. Dadurch wird die Ebenengruppe geschlossen, und jetzt werden alle Sternebenen bequem in der Ebenengruppe versteckt, obwohl sie im Dokument weiterhin sichtbar sind:
Öffnen und schließen Sie Ebenengruppen, indem Sie in der Ebenen-Palette auf das kleine Dreieck links neben dem Gruppennamen klicken.
Und hier ist mein endgültiges Silhouettendesign nach dem Hinzufügen einiger weiterer Sterne mit der Form "5 Point Star":
Das endgültige Silhouettendesign.
Und da haben wir es! So erstellen Sie lustige, interessante Designs mit Bildern und Silhouetten in Photoshop! Weitere Tutorials zu Photoshop-Effekten finden Sie in unserem Abschnitt zu Fotoeffekten.