Erstellen eines Schildsymbols in Photoshop

In diesem Lernprogramm verwenden wir die Pfadwerkzeuge in Photoshop, um eine schildähnliche Form zu zeichnen. Mit einigen Farbverläufen geben wir ihm einen metallischen Rand und eine glänzende Mitte. Ich habe dieses Tutorial erstellt, als ich die Standardsymbole für einige Posts hier auf PSDtuts erstellte. Wenn Sie also zum Hauptverzeichnis auf der Website wechseln, werden Sie sie in Aktion sehen.


Schritt 1:

Wir beginnen mit einem dunkelgrauen bis schwarzen Farbverlauf. Ich habe dies mit dem Radial Gradient gezeichnet, von dem langjährige PSDtuts-Leser wissen, dass er mein Lieblings-Gradient-Tool ist. Sorgen Sie sich trotzdem nicht allzu sehr um diese Farben, denn während des Tutorials entschied ich, dass sie zu dunkel waren, und änderte sie!


Schritt 2:

Drücken Sie nun Strg-R, um die Lineale einzuschalten und einige Hilfslinien herauszuziehen. Klicken Sie dazu auf das Lineal, halten Sie die Maustaste gedrückt und ziehen Sie es an die gewünschte Stelle. Ich habe meine Guides wie unten gezeigt eingerichtet. Da ich ein Dreieck zeichne, möchte ich sicherstellen, dass es symmetrisch ist und nicht wackelig ist - daher auch die Hilfslinien.

Beachten Sie, dass Sie jederzeit Strg + 'drücken können, um die Hilfslinien ein- und auszuschalten. Dies ist nützlich, weil sie sonst im Weg stehen, was Sie manchmal versuchen.

Mit den Linealen können Sie auch mit der rechten Maustaste auf die Lineale klicken, und Sie sehen die verschiedenen Maße, in denen sie arbeiten. Für Webgrafiken ist es wahrscheinlich am einfachsten, in Pixeln zu arbeiten (obwohl Sie zum Drucken wahrscheinlich etwas Größeres wünschen). Da meine Leinwand 500x500 ist, lege ich die Hilfslinien bei 100px, 250px und 400px und dann 100px und 250px nach unten.


Schritt 3:

Nimm als nächstes das Stiftwerkzeug (P) und zeichne ein Dreieck wie gezeigt. Sie können dies mit drei Punkten tun (ja, die Mathematik der High School lohnt sich doch!). Wenn Sie beim Platzieren der Punkte die Maus gedrückt halten, gelangen Sie in die kurvige Stiftsache (der technische Name ist Bezier-Kurven), und wir sind heute nicht daran interessiert. Klicken Sie also einfach einmal, um schöne Winkelpunkte zu erhalten.

Wenn Sie die Umschalttaste gedrückt halten, werden Sie feststellen, dass das Stiftwerkzeug an Linien schnappt, die ein Vielfaches von 45 Grad sind. Dies kann vor allem dann nützlich sein, wenn Sie die tote Gerade oben zeichnen möchten (und nicht versehentlich eine Markierung um einige Pixel setzen). Alternativ können Sie sicher sein, dass Sie einrasten können, das unter Ansicht> Einrasten an> Hilfslinien angezeigt wird. In jedem Fall sollte das richtige Ergebnis erzielt werden. Wie immer gibt es in Photoshop unzählige Möglichkeiten, alles zu tun.


Schritt 4:

Jetzt möchten wir eine Variante des Stiftwerkzeugs mit der Bezeichnung Ankerpunkt hinzufügen. Sie können es im Bild unten sehen.


Schritt 5:

Gehen Sie mit dem Anker hinzufügen-Werkzeug und den Hilfslinien nach oben durch, und fügen Sie zusätzliche Punkte in den unten gezeigten Positionen hinzu (beachten Sie, dass ich die Hilfslinien mit STRG + deaktiviert habe, damit ich sie richtig scannen konnte.).

Sie fragen sich vielleicht, warum wir nicht alle diese Punkte am Anfang hinzugefügt haben, sondern erst nachdem wir das Dreieck gezeichnet haben. Die Antwort ist einfach, dass es schwierig ist, alles schön und symmetrisch aussehen zu lassen. Dies ist nur ein einfacher Weg.


Schritt 6:

Jetzt wechseln wir zum Direktauswahl-Werkzeug (A), dem angezeigten Pfeil. In Photoshop gibt es drei Pfeil-Werkzeuge, dieses ist ein alternatives Werkzeug, das Pfadauswahlwerkzeug und unser normaler Pfeil, der auch als Verschiebungswerkzeug bezeichnet wird. Was ist der Unterschied?

Im Grunde ist das Verschiebungswerkzeug (das normale) das Verschieben von Objekten wie gewohnt. Diese beiden anderen sind für Pfade. Mit dem Direktauswahl-Werkzeug können Sie entweder Punkte oder Kanten (die Linien zwischen den Punkten) auswählen. Mit dem Pfadauswahl-Werkzeug können Sie den gesamten Pfad gemeinsam verschieben (ohne dabei die Form zu verlieren)..

Der beste Weg, um sie zu verstehen, ist natürlich, jedes einzeln anzuklicken und zu sehen, was es tut! Im Moment wollen wir nur das Direktauswahl-Tool.


Schritt 7:

Klicken Sie also mit dem Direktauswahl-Werkzeug zuerst auf den oberen Mittelpunkt, um es auszuwählen. Halten Sie die Umschalttaste gedrückt und drücken Sie ein paar Mal auf den Aufwärtspfeil, um den Punkt nach oben zu bewegen. Als nächstes machen Sie dasselbe mit dem linken und rechten Mittelpunkt, damit sie sich bewegen.

Wir halten die Umschalttaste gedrückt, weil sie die Bewegung schneller macht (Ich denke, UMSCHALT + Pfeil ist das gleiche wie 10xArrow ohne Shift).

Verschiebe die Punkte trotzdem so lange, bis du so etwas wie gezeigt hast ...


Schritt 8:

Es liegt an Ihnen, wie Sie Ihren endgültigen Weg zum Erfolg bringen. Ich habe meinen irgendwie schrullig gemacht, indem ich einfach Punkte verschoben habe, bis sie irgendwie wie ein Schild aussahen. Ich habe den Pfad in der PSD-Datei zum Download gespeichert, falls Sie genau diesen Pfad wünschen. Sie können ihn finden, indem Sie auf die Registerkarte Pfade klicken. Daraufhin wird ein Pfad angezeigt, der mit Shield Path markiert ist.

Jedes Mal, wenn Sie einen Pfad haben, von dem Sie glauben, dass Sie ihn später vielleicht benötigen, klicken Sie auf die Registerkarte Pfade, dann auf den kleinen Pfeil nach rechts und wählen Sie Pfad speichern. Dies ist besonders praktisch, wenn Sie eine Person lange Zeit aus einem Foto herausgeätzt haben und sicherstellen möchten, dass Sie nicht versehentlich Ihre Pfadarbeit verlieren.


Schritt 9:

Als nächstes erstellen Sie eine neue Ebene. Klicken Sie auf das Stiftwerkzeug und klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Leinwand, und wählen Sie Auswahl erstellen. Es erscheint ein kleines Dialogfeld, in dem Sie gefragt werden, ob Sie Ihre Auswahl übernehmen möchten. Vergewissern Sie sich, dass sie auf 0 (Standardeinstellung) gesetzt ist, und drücken Sie OK.

Als Nächstes erhalten Sie ein hellgraues bis dunkelgraues Bild, und zeichnen Sie wie gezeigt einen Farbverlauf in Ihrer neuen Ebene.


Schritt 10:

Wenn diese Ebene weiterhin ausgewählt ist, erstellen Sie eine neue Ebene, und wählen Sie Auswählen> Ändern> Vertrag, und geben Sie 10 Pixel ein.

Zeichnen Sie als Nächstes einen Farbverlauf in die andere Richtung mit den gleichen beiden Farben Hellgrau und Dunkelgrau. Der erste sollte also von links oben nach rechts unten sein. Diese neue Ebene sollte von unten nach rechts bis oben links sein. Sie können den Effekt der beiden Farbverläufe für den nächsten Schritt im Bild sehen.


Schritt 11:

Wenn Ihre zweite Ebene noch ausgewählt ist, wählen Sie erneut Auswählen> Ändern> Vertrag und verwenden Sie erneut 10 Pixel. Erstellen Sie dann eine neue Ebene, und zeichnen Sie dieses Mal mit einem radialen Verlauf einen schönen orangefarbenen Verlauf, wobei der hellere Bereich oben links angezeigt wird.


Schritt 12:

Gehen Sie jetzt zurück zur mittleren Ebene und drücken Sie die Strg-Taste, und klicken Sie auf die Ebene, um die angezeigten Pixel auszuwählen. Erstellen Sie eine neue Ebene darüber und füllen Sie sie mit Weiß.

Gehen Sie dann zu Auswählen> Ändern> Vertrag und verwenden Sie einen Wert von 1 Pixel. Klicken Sie anschließend auf Löschen. Dadurch wird zwischen den beiden metallischen Gradienten eine dünne weiße Linie mit einem Pixel übrig. Es wird wie die Spitze eines Metallkamms aussehen (irgendwie…)


Schritt 13:

Ok, hier ist was wir bis jetzt haben. Sie können sehen, dass wir durch die Verwendung der zwei gegenläufigen Farbverläufe eine Art 3D-Effekt erzeugt haben, der aussieht, als ob Licht von oben links kommt und ein Highlight und einen Schatten auf dem "Metall" erzeugt.


Schritt 14:

Jetzt fügen wir der orange Ebene einen einfachen Schlagschatten und einen inneren Schatten hinzu. Sie können diese in der PSD-Beispieldatei zum Herunterladen anzeigen, aber im Grunde handelt es sich lediglich um einen inneren Schatten mit einer Entfernung von 0, so dass der Schatten an den Rändern gleichmäßig ist und ähnlich mit einem Schlagschatten. Wir möchten, dass der innere Schatten ein wenig dreidimensionaler wirkt, da die Kanten von der Perspektive des Betrachters weg gekrümmt sind. Der Schatten dient nur dazu, dass die orangefarbene Schicht etwas mehr mit dem Metallrahmen reagiert.


Schritt 15:

Folgendes haben wir jetzt ... Es fängt an, ziemlich cool auszusehen. An dieser Stelle habe ich auch den Hintergrund aufgehellt (obwohl es schwer zu sagen ist, dass ich ihn jetzt anschaue). Also hier ist es ein sehr dunkles Grau, im Gegensatz zu Schwarz. Außerdem habe ich der allerersten grauen Metallschicht einen Schlagschatten hinzugefügt, obwohl er ziemlich schwach ist.


Schritt 16:

Zeichne jetzt in einer neuen Ebene ganz oben eine Ellipse mit dem Elliptical Marquee Tool (M) und fülle sie wie gezeigt mit Weiß.


Schritt 17:

Der einzige Grund, warum wir das tatsächlich mit Weiß gefüllt haben, ist, dass wir jetzt Strg-T drücken und die Ellipse wie gezeigt drehen können.


Schritt 18:

Wenn Sie die Ellipse gedreht haben, halten Sie die Strg-Taste gedrückt und klicken Sie auf diese Ebene, um die Ellipse auszuwählen. Anschließend löschen Sie die Ebene selbst, sodass nur noch eine Auswahl angezeigt wird, die als Ellipse in einem Winkel geformt ist.

Erstellen Sie dann eine neue Ebene und zeichnen Sie einen Radialverlauf, der wie gezeigt von weiß zu transparent geht.


Schritt 19:

Halten Sie die Strg-Taste gedrückt und klicken Sie auf die orangefarbene Ebene, um deren Pixel auszuwählen. Drücken Sie dann Strg + Umschalttaste + I, um die Auswahl umzukehren (d. H. Sie wählen alles aus außer Klicken Sie auf die oberste Ebene, die den weiß-transparenten radialen Verlauf des letzten Schritts aufweist, und klicken Sie auf "Löschen". Sie sollten jetzt wie gezeigt ein Highlight haben.


Schritt 20:

Setzen Sie diese Hervorhebungsebene jetzt auf einen Überblendungsmodus und eine Deckkraft von 60%. Es sollte ein schönes Goldgelb wie gezeigt geben.


Schritt 21:

Erstellen Sie nun eine neue Ebene, halten Sie die Strg-Taste gedrückt und klicken Sie auf die orange Ebene, um deren Pixel auszuwählen. Zeichnen Sie dann in der neuen Ebene einen linearen Verlauf von Schwarz nach Transparent wie gezeigt.


Schritt 22:

Setzen Sie diese neue schwarze Ebene auf einen Mischmodus von Soft Light. Halten Sie dann die Strg-Taste gedrückt und klicken Sie erneut auf die orange Ebene. Halten Sie dann die Umschalttaste gedrückt und drücken Sie einige Male auf den Abwärtspfeil, um die Auswahl nach unten zu verschieben. Gehen Sie als Nächstes zu dieser schwarzen Ebene zurück und drücken Sie die ENTF-TASTE, um nur einen Balken wie gezeigt oben zu lassen.


Schritt 23:

An diesem Punkt entschied ich mich, das Metall ein wenig aufzufrischen. Klicken Sie dazu auf eine der beiden grauen Ebenen. Wenn Sie das Brennwerkzeug (O) und einen weichen Pinsel ausgewählt haben, dunkeln Sie dunkle Bereiche ab und heller, je nachdem, wie Sie heller sind. Ich habe das nur gemacht, um ein bisschen mehr Kontrast zu bekommen als gezeigt. Vergessen Sie nicht, wenn Sie beim Verwenden des Brennwerkzeugs die Alt-Taste gedrückt halten, ändert sich das Dodge-Werkzeug (das aufhellt, anstatt dunkler zu werden), sodass Sie nicht ständig zwischen ihnen wechseln müssen.


Schritt 24:

OK jetzt für den radialen Burst im Hintergrund. Wähle das benutzerdefinierte Formwerkzeug (U) und die unten gezeigte Form.


Schritt 25:

Erstellen Sie eine neue Ebene direkt über dem dunkelgrauen Hintergrund. Zeichnen Sie mit Weiß als Vordergrundfarbe eine sehr große Version dieser Form (siehe Abbildung). Dadurch entsteht eine Art Vektor-Starburst-Effekt.


Schritt 26:

Setzen Sie diese Ebene jetzt auf Überlagerung und 30% Deckkraft, sodass sie viel schwächer wird. Schließlich fügte ich in einer Schicht ganz oben einen Riesen hinzu S in einem dunkelroten Farbton und setzen Sie ihn auf 20%. Dann habe ich ein Wort darüber geschrieben und wir sind fertig! Ein bisschen seltsam, aber trotzdem lustig!