Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie ps, um ein kleines Fehlerkristallsymbol zu erstellen

Verwenden Sie ps, um ein kleines Fehlerkristallsymbol zu erstellen

高洛峰
高洛峰Original
2017-02-14 10:15:041791Durchsuche

PS-Version CS2 oder höher.

Icon-Tutorial

  1. Schauen Sie sich wie gewohnt zunächst das Ergebnisbild an:

    用ps创建error水晶小图标

  2. Werfen wir zunächst einen Blick auf einige Icons des Vista-Systems. Über das Symbol links unten werden wir heute sprechen. Durch einfaches Ändern der Farbe und des Symbolstils können Sie ganz einfach andere Symbole erstellen, und viele Leute haben bereits einige erstellt.

    用ps创建error水晶小图标

  3. Lassen Sie uns beginnen, erstellen Sie zunächst eine neue Datei: Strg + Doppelklick: Voreinstellungen-> Web->

    Erstellen Sie dann über die Schaltfläche „Neue Ebene“ in der unteren rechten Ecke des Ebenenbedienfelds eine neue Ebene, doppelklicken Sie auf den Ebenennamen und geben Sie den Rahmen ein.

    Wenn Ihr aktuelles Werkzeug nicht das elliptische Auswahlwerkzeug ist, wenden Sie sich bitte an uns Verwenden Sie die M-Taste der Tastatur auf der Taste und verwenden Sie Umschalt + M, um zum elliptischen Auswahlwerkzeug zu wechseln.

    用ps创建error水晶小图标

  4. Halten Sie die Umschalttaste gedrückt und wählen Sie aus die obere linke Seite der Leinwand. Beginnen Sie mit dem Klicken und Ziehen an der Ecke, bis 2/3 der gesamten Leinwand belegt ist, und lassen Sie die linke Taste los. Oder lassen Sie die Taste los, wenn die oberen, rechten, unteren und linken Leerbereiche gleich sind.

    Drücken Sie dann die D-Taste auf der Tastatur, um den Vordergrund und die Rücktaste auf das standardmäßige Schwarzweiß zurückzusetzen, und verwenden Sie Alt + Rücktaste (Alt + Entf), um die Vordergrundfarbe für die Blöcke zu füllen.

    用ps创建error水晶小图标

  5. Klicken Sie unbedingt auf den Menübefehl, ohne die Auswahl abzubrechen, und drücken Sie die Eingabetaste. löschen (Rücktaste).

    用ps创建error水晶小图标

  6. Erstellen Sie über das Ebenenbedienfeld eine neue Ebene, doppelklicken Sie auf den Ebenennamen, geben Sie „Mitte“ ein und füllen Sie sie mit einer anderen Farbe, die Ihnen gefällt.

    Dann drücken Sie Strg + D, um die aktuelle Auswahl abzubrechen, und Strg + S, um die Datei zu speichern und ihr einen Namen zu geben.

    用ps创建error水晶小图标

  7. Jetzt fügen wir einige Ebenenstile hinzu. Doppelklicken Sie hinter dem Namen der Randebene, um das Bedienfeld für den Mischebenenstil aufzurufen. Durch die Einstellung der folgenden Parameter erzielen unsere Icons einen guten Lichteffekt.

    inerr Glow: inneres Leuchten, Mischmodus: normal, Deckkraft: 100 %

    Verlaufsüberlagerung: Verlaufsüberlagerung, Winkel: 35

    Stoke: Strich

    用ps创建error水晶小图标

    用ps创建error水晶小图标

    用ps创建error水晶小图标

  8. Wenn diese Schritte für Sie schwierig sind. Wenn Sie es tun möchten, gehen Sie bitte Gehen Sie direkt zum Ende des Artikels, um die .PSD-Datei herunterzuladen, damit Sie meinen Ideen leichter folgen können.

    Wir erstellen Effekte im Allgemeinen bequemer, indem wir Ebenenstile bearbeiten.

    用ps创建error水晶小图标

  9. Dann doppelklicken Sie hinter dem Namen der mittleren Ebene und erstellen Sie den Stil wie im vorherigen Schritt.

    Abschrägung und Prägung: Abschrägung und Prägung, Tiefe: 200, Größe: 3,

    Verlaufsüberlagerung, Winkel: 135

    用ps创建error水晶小图标

    用ps创建error水晶小图标

    用ps创建error水晶小图标

  10. Auf diese Weise sieht das Symbol bereits grob aus.

    用ps创建error水晶小图标

  11. Als nächstes fügen wir x hinzu. Sie können Schriftarten verwenden oder diese in PS zeichnen. Da die x-Zahl in Vista parallele Seiten und abgerundete Ecken hat, habe ich eine Schriftart namens Army mit einer Größe von 300pt verwendet. Es kann hier heruntergeladen werden.

    用ps创建error水晶小图标

  12. Offensichtlich ist die Richtung falsch und muss gedreht werden. Drücken Sie Strg+T, um zum Werkzeug „Freie Transformation“ zu wechseln, halten Sie die Umschalttaste gedrückt (halten Sie sie proportional und drehen Sie sie in einem Winkel von 15 Grad) und lassen Sie die Maus im Verformungsbereich rotieren. Doppelklicken Sie auf den Verformungsbereich oder drücken Sie die Eingabetaste um diesen Schritt zu bestätigen. Passen Sie dann die Position so an, dass sie horizontal und vertikal relativ zum Symbolhintergrund zentriert ist.

    用ps创建error水晶小图标

  13. Kopieren Sie eine weitere x-Ebene über Strg+J und benennen Sie sie: x-top oder x-bottom.

    Klicken Sie auf das kleine Augensymbol von x-top, um ihn vorübergehend auszublenden.

    用ps创建error水晶小图标

  14. Erstellen Sie 3D-Kanten und Schatten auf dem x-Untergrund und fügen Sie mithilfe des äußeren Glühens einen 1 Pixel großen weißen Rand hinzu, damit er etwas größer als x- aussieht. oben, befolgen Sie bitte die folgenden zwei Schritte, um es einzustellen.

    用ps创建error水晶小图标

    用ps创建error水晶小图标

  15. Klicken Sie auf die Position x-oben, linkes Auge, um es sichtbar zu machen.

    Fügen Sie wie zuvor eine Verlaufsebene hinzu, um ihm einen metallischen Look zu verleihen.

    用ps创建error水晶小图标

  16. Um es dreidimensionaler aussehen zu lassen, verwenden Sie das Verschieben-Werkzeug, um die x-untere Ebene auszuwählen, und verschieben Sie sie dann nach oben oder in die rechts. Es hat den unten gezeigten Effekt.

    用ps创建error水晶小图标

  17. Vor dem Ende dieses Tutorials müssen wir dem Symbol einige Web2.0-Stile hinzufügen, um es perfekter zu machen. Da der Symbolverlauf von Vista nicht regelmäßig ist, müssen die folgenden Vorgänge ausgeführt werden:

    Erstellen Sie eine neue Ebene mit dem Namen: Markieren Sie die X-Top-Ebene und stellen Sie sicher, dass sie ausgewählt ist. Halten Sie dann die Strg-Taste gedrückt und klicken Sie auf die mittlere Ebene, um die mittlere Auswahl zu erhalten.

    用ps创建error水晶小图标

  18. Drücken Sie die D-Taste, um den PS-Vorder- und -Hintergrund zurückzusetzen Farbeinstellungen, dann Strg + Für die Rücktaste füllen Sie die Hervorhebung mit Weiß und passen Sie dann die Füllung auf 10 % an, damit sie natürlicher aussieht.

    用ps创建error水晶小图标

  19. Unter der Voraussetzung, dass das Auswahlwerkzeug erhalten bleibt, verschieben Sie die aktuelle Auswahl in die Rücktaste unten rechts im Symbol und verwenden Sie den verbleibenden Teil als Highlight.

    用ps创建error水晶小图标

  20. Klicken Sie hier, um die relevanten Dokumente herunterzuladen.

    用ps创建error水晶小图标

  21. An diesem Punkt haben Sie vielleicht das Gefühl, dass das Symbol etwas unrund ist, oder dass es für das Auge nicht angenehm aussieht. Da stimmt vielleicht etwas nicht.

    Da es sich bei PS um eine Pixel-Zeichensoftware handelt, ist der durch die Auswahl erstellte Kreis kein perfekter Kreis. Daher können Sie im dritten Schritt nicht das Ellipse-Werkzeug zum Erstellen eines Kreises verwenden, sondern das Ellipse-Werkzeug im Formwerkzeug.

Weitere verwandte Artikel mit PS zum Erstellen kleiner Fehlerkristallsymbole finden Sie auf der chinesischen PHP-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn