Share
Ein beliebtes Symbol, das Sie im Internet finden können, ist das Schlosssymbol. Es wird häufig verwendet, um sichere Webseiten zu identifizieren. Es zeigt häufig Kennwortfelder für sichere Dateien an. Wo immer Sie ein Schlosssymbol platzieren möchten, zeigt Ihnen dieses Tutorial, wie Sie ein attraktives Symbol erstellen, das Sie verwenden können!
Anmerkung des Herausgebers: Dieses Tutorial wurde ursprünglich in tschechischer Sprache bei Grafika Online veröffentlicht. Grafika hat freundlicherweise die Erlaubnis erteilt, dass Vaclav hier auf Psdtuts + veröffentlicht wird, für diejenigen, die Tschechisch noch nicht beherrschen.
Bevor wir beginnen, werfen wir einen Blick auf das Bild, das wir erstellen. Die vollständige Photoshop-Datei ist wie immer über unsere Psdtuts + Plus-Mitgliedschaft verfügbar.
Beginnen wir mit einem neuen Dokument, das mit einer hellgrauen Farbe (# D5D5D5) gefüllt ist. Wählen Sie das abgerundete Rechteckwerkzeug aus. Zeichnen Sie dann die Grundform eines Schlosses. Stellen Sie den Radius so ein, wie Sie es für richtig halten. Dann füllen Sie es mit einer hellgrauen Farbe (#DDDDDD).
Fügen wir den oberen Teil hinzu. Verwenden Sie das Ellipse-Werkzeug, um einen Kreis zu zeichnen. Wählen Sie es mit dem Pfadauswahl-Werkzeug aus und kopieren Sie es, fügen Sie es ein und verkleinern Sie es mit (Strg + T). Ziehen Sie dann den kleineren Kreis von dem größeren Kreis ab, indem Sie ein Loch darin stanzen.
Wechseln Sie Ihr Werkzeug in das Rechteckwerkzeug und zeichnen Sie bei gedrückter Alt-Taste (subtrahieren) ein Rechteck wie unten gezeigt. Dann mit demselben Werkzeug, jedoch mit gedrückter Umschalttaste (Hinzufügen), die linke und rechte Seite beenden.
Verrunden Sie das linke Ende, indem Sie mit dem Ellipsenwerkzeug eine Ellipse zeichnen und erneut die Umschalttaste drücken. Wenn Sie es pixelgenau machen möchten, müssen Sie das Raster einschalten.
Beginnen wir mit dem Hinzufügen einiger Effekte, damit das Schloss realistisch aussieht. Wir beginnen mit dem unteren Teil und verwenden einige Ebeneneffekte. Erstellen Sie mit dem Effekt „Inner Shadow“ ein wenig dunkler an den Rändern.
Einige Effekte müssen manuell ausgeführt werden. Fügen Sie einen starken Schatten hinzu, indem Sie die Ebene kopieren (Strg + J). Wähle das Werkzeug Pfad auswählen (A). Wählen Sie dann Kopieren (Strg + C) und fügen Sie ein (Strg + V). Bewegen Sie dann einige Pixel nach oben und legen Sie den Abzugsstil fest. Füllen Sie die gerade erstellte Form mit einer dunkelgrauen Farbe (# 505050). Der Schatten (unterer Umriss) ist fertig.
Nun fragen Sie sich vielleicht, warum wir diese Technik angewendet haben und nicht einfach einen inneren Schatteneffekt angewendet haben. Nun, das liegt daran, dass wir nicht möchten, dass der Schatten auf das gesamte Schloss angewendet wird. Deshalb fügen wir die Ebenenmaske hinzu. Nehmen Sie ein Pinselwerkzeug (schwarze weiche Bürste) und zeichnen Sie in die Mitte einer Form. Dadurch wird der Schatten weniger sichtbar und das endgültige Bild wird ein wenig plastischer. Wie Sie im letzten Bild unten sehen können, verschwindet der Schatten, wenn wir in die Mitte gehen.
Ok, lass uns unser Schloss mehr abdunkeln. Erstellen Sie über der Formebene (eines unteren Teils) eine neue Ebene (Strg + Alt + Umschalttaste + N). Legen Sie die Ebene als Schnittmaske der vorherigen Ebene fest, indem Sie (Strg + Alt + G) drücken. Nehmen Sie das Pinselwerkzeug (großes weiches Schwarz) auf. Stellen Sie die Deckkraft auf 30% ein. Zeichne dann links und rechts. Das erzeugt weiche Schatten.
Sie können hellere Teile so zeichnen, wie Sie die Schatten gezeichnet haben. Verwenden Sie einen hellen Pinsel mit ähnlicher Deckkraft. Zeichnen Sie sie in eine neue oder dieselbe Ebene. Folgen Sie den Abbildungen unten, um eine Anleitung zu erhalten.
Lassen Sie uns als nächstes Reflexionen am oberen Rand erzeugen. Wählen Sie die unterste Ebene aus (Strg + Klick auf die Ebene). Gehen Sie zu Auswählen> Ändern> Vertrag. Füllen Sie dann die Auswahl (in einer neuen Ebene) mit einer weißen Farbe (Alt + Rücktaste). Verschieben Sie die Auswahl um zwei Pixel nach unten (drücken Sie einfach zweimal auf den Abwärtspfeil). Drücken Sie dann die Entf-Taste, um diesen Teil der Ebene zu löschen. Vergessen Sie nicht, die Auswahl mit Strg + D aufzuheben!
Definieren Sie anschließend die Plastizität eines Schlosses mit größeren Reflexionen. Verwenden Sie das Rechteckauswahlwerkzeug, um ein Rechteck in einer neuen Ebene zu erstellen. Zeichnen Sie einen linearen Verlauf (Verlaufswerkzeug) von weiß nach transparent.
Wählen Sie oben mit dem Rechteck-Auswahlwerkzeug eine 2-Pixel-Linie aus, wie unten gezeigt. Dann schieße es wie im zweiten Bild unten. Auf diese Weise kopiert die Reflexion die Form des Schlosses.
Erstellen Sie einfach Reflexe auf der anderen Seite, aber viel größer.
Wir machen es größer, damit es nicht zu ähnlich aussieht. Wir sind fast fertig mit dem unteren Teil. Nachfolgend sehen Sie, wie unser Schloss so weit aussehen sollte.
Als nächstes fügen wir einen Streifen hinzu! Erneut eine Auswahl erstellen. Zeichnen Sie dann einen Verlauf in diese Auswahl von gelb (# F5E02F) bis orange (# F3BB2A)..
Danach wählen Sie das Single Row Marquee Tool. Wählen Sie dann die erste und letzte Zeile der vorherigen Auswahl aus (markieren Sie beide Zeilen mit gedrückter Umschalttaste)..
Verwenden Sie ein Pinselwerkzeug und eine dunkle Farbe, um Ihre Anforderungen zu erfüllen. So machen Sie den Unterschied zwischen Hintergrund und Streifen.
Treffen Sie eine Auswahl, indem Sie mit gedrückter Strg-Taste auf eine neue Ebene klicken. Fügen Sie dann im Menü Ebenen eine neue Musterfüllung hinzu. Verwenden Sie dieses Muster, ändern Sie einfach die Skalierung in 50%, um der Symbolgröße zu entsprechen. Setzen Sie dann den Ebenenstil auf Multiplizieren. Dann sind nur schwarze Streifen sichtbar.
Um das Muster in der Nähe der Kanten zu verkleinern, vergrößern Sie die Maske rechts und links. Dann rastere die Ebene (Ebene> Rastern> Inhalt füllen).
Als nächstes die linke und rechte Seite einschränken. Teile ausschneiden und die Größe nach Bedarf ändern. Dadurch werden die Seiten konisch und schräg geschnitten. Dies kann einige Male ausgeführt werden, um den Effekt zu maximieren.
Fügen Sie eine weitere Ebene hinzu. Zeichnen Sie etwas, um die Seiten des Streifens abzudunkeln. Verwenden Sie wieder das Pinselwerkzeug mit schwarzer, weicher und niedrigerer Deckkraft.
Der untere Teil des Schlosses ist fertig! Lass uns am oberen Teil arbeiten. Beginnen Sie mit einer neuen oberen Teilschicht und beginnen Sie mit dem Einfärben und Definieren der Kanten. Verwenden Sie eine graue Farbe (# D5D5D5). Geben Sie ihm dann einen Inner Glow-Effekt mit der Größe 1px und der Farbe grau # 848484. Das sollte es gut machen. Stellen Sie den Mischmodus auf Multiplizieren.
Wie wir zuvor gelernt haben, ist die Reflexion ein wichtiger Teil einer metallischen Oberfläche. Lassen Sie uns also eine Reflexion erstellen, die nur auf die Hälfte des oberen Teils angewendet wird. Eine andere Form könnte uns helfen. Kopieren Sie den, den wir haben, indem Sie Strg + J drücken, und färben Sie ihn schwarz, damit wir genau sehen, wo die Ränder sind. Dann schnappen Sie sich das Pfadauswahlwerkzeug und verwenden Sie es, um den inneren Kreis auszuwählen. Dann vergrößern Sie es mit Strg + T.
Zeichnen Sie über der linken und rechten Seite zwei Rechtecke bei gedrückter Alt-Taste (Subtraktion)..
Verringern Sie die Deckkraft dieser Form auf 30%. Erstellen Sie eine neue Ebene zwischen dieser und der ursprünglichen Form. Zeichnen Sie dann einen linearen Verlauf von weiß nach transparent. Drücken Sie Strg + Alt + G (Schneiden der Maske der vorherigen Ebene), um die Reflexion nur auf unserem Symbol sichtbar zu machen.
Wie im unteren Teil werden wir hier zwei größere Reflexionen hinzufügen. Sie müssen nur die Form haben, in der sie sich befinden, sodass es sich nicht um Rechtecke, sondern um Ellipsen handelt. Zeichnen Sie eine Ellipse mit dem Ellipse-Werkzeug wie in der Abbildung unten.
Drehen Sie es mit Strg + T um 45 Grad.
Verwenden Sie schließlich das Direktauswahl-Werkzeug (A), um zwei Punkte in der Mitte der Ellipse auszuwählen. Bewegen Sie sie dann, bis die Ellipse die Kurve des oberen Teils des Schlosses nachahmt.
Duplizieren Sie diese Ebene (Strg + J). Drehen Sie ihn dann horizontal und bewegen Sie ihn nach rechts.
Das Schloss ist fast fertig. Wir möchten nur die Kanten an einigen Stellen dunkler machen, so dass das Symbol vollständig vom Hintergrund getrennt ist.
Treffen Sie zunächst eine Ebenenauswahl im unteren Teil des Sperrsymbols (Strg + Klicken auf eine Ebene). Erstellen Sie eine neue Ebene. Dann zeichnen Sie in diese neue Ebene. Verwenden Sie unseren bekannten dunklen, weichen Pinsel, um Stellen zu zeichnen, an denen Sie das Schloss dunkler machen möchten. Wenn Sie fertig sind, verkleinern Sie die Auswahl um 1 Pixel, indem Sie auf Auswählen> Ändern> Vertrag klicken. Dann drücken Sie die Entf-Taste. Das folgende Bild zeigt die Bühne kurz vor dem Löschen.
Unten ist die 100% Ansicht nach dem Löschen. Wir sind fast fertig.
Genau dieselbe Technik kann verwendet werden, um im oberen Teil eines Schlosses ein hohes Maß an Details zu erreichen. Die Pfeile zeigen Ihnen, wo Sie dunkler werden.
Wenn Sie sich entscheiden, das Symbol in Ihr Design einzufügen, vergessen Sie nicht, die graue Farbe ein wenig von einem Farbstil des Hintergrunds hinzuzufügen, auf dem er platziert wird. In der folgenden Abbildung wurde mehr Purpur hinzugefügt, um in das Anwendungsdesign zu passen.
Und das ist alles. Ich hoffe du hast etwas Neues gelernt. Das endgültige Bild ist unten.
Accentsconagua