Erstellen Sie ein Stahl-Vektor-Power-Schaltfläche-Set

German (Deutsch) translation by Valentina (you can also view the original English article)

Im folgenden Tutorial erfahren Sie, wie Sie in Adobe Illustrator einen Netzschalter für Stahlvektoren erstellen. Ein Ein-/Ausschalter-Symbol kann für ein Interface-Design oder als positive digitale Metapher in Ihrer Designarbeit verwendet werden. Lassen Sie uns mit zahlreichen Formenbildungstechniken in Kombination mit Illustrator-Effekten arbeiten und lernen, nuancierte Beleuchtung hinzuzufügen, um glänzende Tasten mit Stahlbescichtung herzustellen. Es ist Zeit, Ihr eigenes Vektor-Power-Button-Symbol einzuschalten.

Schritt 1

Erstellen Sie ein RGB-Dokument mit einer Größe von 700 x 500 Pixel. Aktivieren Sie zunächst das Raster (Ansicht > Raster) und das Raster am Raster (Ansicht > Am Raster ausrichten). Als nächstes benötigen Sie alle 10 Pixel ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien > Raster und geben Sie 10 in das Feld Rasterlinie und 1 in das Feld Unterteilungen ein.

Sie können auch das Infofenster (Fenster > Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen öffnen. Vergessen Sie nicht, die Maßeinheit durch Bearbeiten > Einstellungen > Einheit > Allgemein in Pixel zu ersetzen. All diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.

Schritt 2

Beginnen Sie mit dem Ellipsen-Werkzeug (L). Erstellen Sie einen 90-Pixel-Kreis, füllen Sie ihn mit keinem, aber fügen Sie einen 16-Punkt-Strich hinzu. Die Farbe ist nicht wichtig. Stellen Sie sicher, dass Ihr Kreis ausgewählt ist, und gehen Sie zu Objekt > Pfad > Ankerpunkte hinzufügen. Dadurch werden vier neue Ankerpunkte für Ihren Pfad hinzugefügt. Wechseln Sie zum Direktauswahl-Werkzeug (A), wählen Sie den oberen Ankerpunkt aus und klicken Sie auf der Tastatur auf die Schaltfläche Löschen. Dadurch wird dieser Ankerpunkt offensichtlich entfernt.

Jetzt müssen Sie eine gewisse Rundheit für die Endpunkte des verbleibenden Pfades hinzufügen. Wählen Sie Ihren Pfad aus, gehen Sie zum Bedienfeld „Strich“ (Fenster > Strich) und klicken Sie im Abschnitt „Kappe“ auf die Schaltfläche „Runde Kappe“. Am Ende sollte Ihr Pfad das dritte Bild unten mögen.

Schritt 3

Für den folgenden Schritt benötigen Sie alle 1 Pixel ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Allgemein und geben Sie 1 in das Feld Tastaturinkrement ein. Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 16 x 40 Pixel große Form und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Füllen Sie es mit der gleichen Farbe wie im vorherigen Schritt und gehen Sie dann zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 8 Pixel ein und klicken Sie auf OK.

Schritt 4

Wählen Sie die beiden bisher erstellten Formen aus, gehen Sie zum Bedienfeld Symbole (Fenster > Symbole) und klicken Sie auf die Schaltfläche Neues Symbol. Es ist das kleine Dateisymbol in der unteren Leiste.

Das Fenster Symboloptionen sollte geöffnet werden. Geben Sie "Power Symbol" in den Bereich "Name" ein, wählen Sie "Movieclip" aus dem Dropdown-Menü und klicken Sie auf "OK". Werfen Sie einen neuen Blick auf Ihr Symbolfeld und Sie werden Ihr neues Symbol finden. Gehen Sie zum Ebenenbedienfeld und entfernen Sie das vorhandene Symbol.

Schritt 5

Kehren Sie zu "Gitterlinie alle 10 Pixel" zurück. Gehen Sie also zu Bearbeiten > Einstellungen > Allgemein und geben Sie 10 in das Feld Tastaturinkrement ein. Wählen Sie das Ellipsen-Werkzeug (L), erstellen Sie einen 250-Pixel-Kreis und füllen Sie ihn mit R=241, G=242, B=242. Erstellen Sie eine Kopie dieses Kreises (Befehl + C > Befehl + F) und verschieben Sie ihn nach rechts, wie in der folgenden Abbildung gezeigt.

Schritt 6

Wählen Sie den linken Kreis aus und gehen Sie zu Effekt > 3D > Extrudieren & Abschrägen. Klicken Sie auf die Schaltfläche Weitere Optionen und geben Sie alle unten gezeigten Daten ein. Vergessen Sie nicht, das Kontrollkästchen "Versteckte Gesichter zeichnen" unten im Fenster zu aktivieren.

Fahren Sie fort und klicken Sie auf die Schaltfläche Map Art. Gehen Sie zu "Oberfläche 1" und wählen Sie "Power Symbol" aus dem Dropdown-Menü "Symbol". Drehen Sie es wie im folgenden Bild gezeigt und klicken Sie dann auf OK.

Wählen Sie den rechten Kreis aus und drücken Sie Umschalt + Befehl + E. Dadurch wird der gleiche 3D-Effekt hinzugefügt. Sie müssen nur eine kleine Anpassung vornehmen. Stellen Sie sicher, dass dieser rechte Kreis noch ausgewählt ist, und wechseln Sie zum Bedienfeld „Darstellung“. Öffnen Sie den vorhandenen 3D-Effekt "Extrudieren & Abschrägen" und verringern Sie die Extrudiertiefe auf 50pt.

Jetzt sollten Ihre Formen wie im folgenden Bild aussehen. Die linke Form ist die freigegebene Schaltfläche, während die rechte Form der gedrückte Knopf ist.

Schritt 7

Jetzt konzentrieren wir uns auf den freigegebenen Button. Wählen Sie es aus und gehen Sie zu Objekt > Darstellung erweitern. Dadurch wird Ihr 3D-Effekt erweitert und eine Gruppe mit einer Reihe von Untergruppen, Formen und Beschneidungspfaden erstellt.

Gehen Sie zum Ebenenbedienfeld und erweitern Sie diese Gruppe. Hier erfahren Sie, wie Sie dies problemlos tun können. Halten Sie die Alt-Taste gedrückt und klicken Sie auf das kleine Pfeilsymbol links neben der Gruppe. Nachdem Sie den gesamten Inhalt Ihrer Gruppe angezeigt haben, nehmen wir einige Änderungen vor.

Löschen Sie zunächst alle Beschneidungspfade. Löschen Sie als Nächstes die im zweiten Bild ausgewählte Gruppe von Formen. Wählen Sie die beiden Formen aus, aus denen das Energiesymbol besteht, und gehen Sie zu Objekt > Zusammengesetzter Pfad > Erstellen. Dadurch werden sie in eine einzige Form umgewandelt, einen zusammengesetzten Pfad.

Wählen Sie die Gruppe von Formen aus Bild 4 aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Vereinigen“. Stellen Sie sicher, dass die resultierende Form mit R=128, G=130, B=133 gefüllt ist. Wählen Sie die Hauptgruppe erneut aus und drücken Sie mehrmals Befehlstaste + Umschalttaste + G, um alle Gruppen und Untergruppen zu entfernen.

Lassen Sie uns nun einen kurzen Rückblick geben. Sie sollten einen hellgrauen Kreis, einen zweiten Kreis im Hintergrund (Sie benötigen diese Form später), das Kraftsymbol und die dunkle, graue Form unten haben.

Konzentrieren wir uns für eine Sekunde auf den verborgenen Kreis. Es ist ein wichtiges Stück der endgültigen Illustration, also machen wir es auffällig. Gehen Sie zum Layerbedienfeld, doppelklicken Sie auf diesen Pfad und nennen Sie ihn "Schwarz". Um sicherzustellen, dass Sie es nicht versehentlich auswählen/verschieben, sperren Sie es.

Schritt 8

Deaktivieren Sie die Option Am Raster ausrichten und gehen Sie zu Bearbeiten > Einstellungen > Allgemein. Geben Sie 1 in das Feld Keyboard Increment ein und klicken Sie auf OK. Konzentrieren Sie sich auf die untere, graue Form. Wählen Sie es aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F).

Wählen Sie die oberste Kopie aus und drücken Sie zweimal den Aufwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 9

Wählen Sie erneut die untere graue Form aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und drücken Sie viermal auf den Aufwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 10

Wählen Sie erneut die untere graue Form aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und drücken Sie sechs Mal auf den Aufwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 11

Als nächstes müssen Sie einige zusätzliche Details für die untere graue Form hinzufügen. Wählen Sie es aus, gehen Sie zum Bedienfeld „Darstellung“ und klicken Sie auf die Schaltfläche „Neue Füllung hinzufügen“ (das kleine weiße Quadrat in der unteren Leiste). Das fügt natürlich eine zweite Füllung für Ihre Form hinzu.

Wählen Sie es im Bedienfeld „Darstellung“ aus und verwenden Sie den unten gezeigten linearen Farbverlauf. Die gelben Nullen aus dem Verlaufsbild stehen für den prozentualen Deckkraftgrad. Fügen Sie eine dritte Füllung für diese Form hinzu und verwenden Sie den unten gezeigten radialen Farbverlauf. Denken Sie daran, dass der gelbe Text für den Opazitätprozentsatz steht, während der weiße Text für den Standortprozentsatz steht.

Schritt 12

Konzentrieren Sie sich weiterhin auf die im vorherigen Schritt bearbeitete Form. Wählen Sie es aus und fügen Sie eine vierte Füllung hinzu. Wählen Sie es im Bedienfeld „Darstellung“ aus und machen Sie es schwarz. Verringern Sie die Opazität auf 8%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Künstlerisch > Filmkorn. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 13

Als Nächstes müssen Sie die im vorherigen Schritt erstellte Form maskieren. Dadurch wird der Filmkörnungseffekt ausgeblendet, der die Kanten der Form überschreitet. Wählen Sie es aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F > Befehl + F).

Wählen Sie diese Kopie aus und drücken Sie die D-Taste auf Ihrer Tastatur. Dadurch werden die Standardeigenschaften für Ihre Form hinzugefügt (eine weiße Füllung und ein 1pt, schwarzer Strich). Entfernen Sie den schwarzen Strich. Wählen Sie nun diese weiße Form zusammen mit der im vorherigen Schritt bearbeiteten Form aus und wechseln Sie zum Transparenzbedienfeld (Fenster > Transparenz). Öffnen Sie das Flyout-Menü und klicken Sie auf Deckkraftmaske erstellen.

Schritt 14

Wählen Sie alle Formen aus, aus denen der untere Bereich Ihrer Schaltfläche besteht, und gruppieren Sie sie (Befehl + G). Gehen Sie zum Layerbedienfeld, doppelklicken Sie auf diese Gruppe und nennen Sie sie "Unten".

Schritt 15

Gehen Sie zur oberen Kreisform. Wählen Sie es aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen -1px-Versatz ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F).

Wählen Sie diese Kopie aus und drücken Sie zweimal den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem im vierten Bild gezeigten linearen Farbverlauf. Vergessen Sie nicht, dass die gelbe Null für den Deckkraftprozentsatz steht.

Schritt 16

Wählen Sie den oberen Kreis erneut aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie eine -1px Offset-Anzeige ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie diese Kopie aus und drücken Sie einmal den Aufwärtspfeil.

Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem im vierten Bild gezeigten linearen Farbverlauf. Es ist derselbe Farbverlauf, der im vorherigen Schritt verwendet wurde.

Schritt 17

Wählen Sie den oberen Kreis erneut aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Gehen Sie zum Ebenenbedienfeld und machen Sie diese Kopie unsichtbar. Wählen Sie den verbleibenden sichtbaren Kreis erneut aus und füllen Sie ihn mit dem im zweiten Bild gezeigten radialen Farbverlauf.

Stellen Sie sicher, dass diese Form noch ausgewählt ist, und gehen Sie zu Objekt > Erweitern. Aktivieren Sie die Kontrollkästchen Füll- und Verlaufsnetz und klicken Sie auf OK. Dadurch wird eine neue Gruppe mit einem Verlaufsnetz und einem Beschneidungspfad erstellt. Gehen Sie zum Layerbedienfeld, suchen Sie diese Gruppe, entfernen Sie den Beschneidungspfad und heben Sie die Gruppierung des Netzes auf (Befehl + Umschalt + G).

Schritt 18

Möglicherweise haben Sie bereits bemerkt, dass das Netz zu groß ist. Sie müssen die Größe ändern. Wählen Sie es aus und gehen Sie zum Bedienfeld Transformieren. Geben Sie einfach 249.904 in das Feld Breite und 244.534 in das Feld Höhe ein. Dadurch wird das Netz auf die gewünschte Größe gebracht.

Fügen wir nun etwas Farbe für dieses Netz hinzu. Wählen Sie das Direktauswahl-Werkzeug (A), wählen Sie alle Netzpunkte aus und stellen Sie die Farbe auf R=167, G=169, B=172 ein. Fahren Sie mit dem Direktauswahl-Werkzeug (A) fort und wählen Sie die mittleren Netzpunkte aus. Stellen Sie ihre Farbe auf R=209, G=211, B=212 ein.

Schritt 19

Wählen Sie das Netzwerkzeug und fügen Sie einen neuen Netzpfad hinzu, wie unten gezeigt. Wechseln Sie zum Direktauswahl-Werkzeug (A), wählen Sie die vier im folgenden Bild hervorgehobenen Netzpunkte aus und stellen Sie ihre Farben auf R=188, G=190, B=192 ein.

Schritt 20

Fahren Sie mit dem Netzwerkzeug fort und fügen Sie zwei neue Netzpfade hinzu, wie unten gezeigt. Wechseln Sie zum Direktauswahl-Werkzeug (A), wählen Sie die vier weiß hervorgehobenen Netzpunkte aus und stellen Sie ihre Farben auf R=209, G=211, B=212 ein. Wählen Sie die vier blau hervorgehobenen Netzpunkte aus und stellen Sie ihre Farben auf R=188, G=190, B=192 ein.

Schritt 21

Gehen Sie zum Layerbedienfeld und schalten Sie die im siebzehnten Schritt erstellte Kopie wieder sichtbar. Bewegen Sie es direkt über das Netz und füllen Sie es mit Schwarz.

Schritt 22

Wählen Sie die schwarze Form aus dem vorherigen Schritt. Verringern Sie die Opazität auf 60%, ändern Sie den Mischmodus auf Überlagern und gehen Sie zu Effekt > Künstlerisch > Filmkorn. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt > Unschärfe > Radiale Unschärfe. Geben Sie erneut die unten gezeigten Daten ein und klicken Sie auf OK. Am Ende sollte Ihre Schaltfläche wie im folgenden Bild aussehen.

Schritt 23

Wählen Sie das Netz und alle Formen aus, aus denen die Vorderseite der Schaltfläche besteht, und gruppieren Sie sie (Befehl + G). Nennen Sie diese neue Gruppe "Front".

Schritt 24

Konzentrieren Sie sich auf die Form des Kraftsymbols. Wählen Sie es aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und drücken Sie einmal den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Gruppe von Formen aus, verwandeln Sie sie in einen zusammengesetzten Pfad (Objekt > Zusammengesetzter Pfad > Erstellen) und füllen Sie sie mit R=109, G=110, B=113.

Schritt 25

Wählen Sie die Power-Symbolform erneut aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und drücken Sie dreimal den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Gruppe von Formen aus, verwandeln Sie sie in einen zusammengesetzten Pfad (Objekt > Zusammengesetzter Pfad > Erstellen) und füllen Sie sie mit R=147, G=149, B=152.

Schritt 26

Wählen Sie die Power-Symbolform erneut aus und fügen Sie eine zweite Füllung hinzu. Wählen Sie es im Bedienfeld „Darstellung“ aus. Füllen Sie es mit dem unten gezeigten linearen Farbverlauf, verringern Sie die Opazität auf 15% und gehen Sie zu Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -6px ein und klicken Sie auf OK. Wählen Sie den gesamten Pfad erneut aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 27

Wählen Sie alle Formen aus, aus denen das Kraftsymbol besteht, und gruppieren Sie sie. Nennen Sie es "Power Symbol". Wählen Sie nun alle Gruppen aus, aus denen diese freigegebene Schaltfläche besteht, und gruppieren Sie sie (Befehl + G). Nennen Sie diese neue Gruppe "Freigegebene Schaltfläche".

Schritt 28

Gehen Sie zum gedrückten Knopf und erweitern Sie den 3D-Effekt. Konzentrieren Sie sich erneut auf die resultierende Gruppe und entfernen Sie alle Beschneidungspfade und Formen, die im zweiten Bild ausgewählt wurden. Sie sollten auch die hinten versteckte Kreisform löschen, da Sie diese nicht benötigen.

Schritt 29

Wählen Sie die im ersten Bild hervorgehobenen Formen aus und vereinen Sie sie. Wählen Sie die Formen aus, aus denen das Potenzsymbol besteht, und verwandeln Sie sie in einen zusammengesetzten Pfad.

Schritt 30

Konzentrieren Sie sich auf die untere, graue Form. Wählen Sie es aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und drücken Sie einmal den Aufwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 31

Wählen Sie erneut die untere graue Form aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und drücken Sie zweimal den Aufwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 32

Wählen Sie erneut die untere graue Form aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und drücken Sie dreimal den Aufwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 33

Wählen Sie die untere graue Form erneut aus und fügen Sie die Eigenschaften hinzu, die für die freigegebene Schaltfläche verwendet werden. Sie können die Eigenschaften einfach von einer Form in eine andere kopieren. Hier erfahren Sie, wie Sie dies tun können. Gehen Sie zum Layerbedienfeld und suchen Sie die untere graue Form über die freigegebene Schaltfläche.

Wenn Sie sich auf die rechte Seite des Layerbedienfelds konzentrieren, werden Sie feststellen, dass jede Form mit einem kleinen Kreis versehen ist. Es wird als Zielsymbol bezeichnet. Halten Sie die Alt-Taste gedrückt, klicken Sie auf diesen Kreis und ziehen Sie ihn auf das Element, in das Sie die Darstellungsattribute kopieren möchten. Nachdem Sie die Eigenschaften übertragen haben, maskieren Sie diese Form wie in Schritt 13. Vergessen Sie nicht, alle Formen zu gruppieren, aus denen der untere Bereich dieser gedrückten Taste besteht.

Schritt 34

Für die Vorderseite des gedrückten Knopfes verwenden wir eine Kopie der Gruppe "Front". Gehen Sie zum Layerbedienfeld in die Gruppe "Freigegebene Schaltfläche" und duplizieren Sie die Gruppe "Vorderseite".

Ziehen Sie diese Kopie aus der Gruppe "Freigegebene Schaltfläche". Wählen Sie diese Gruppenkopie zusammen mit dem vorderen Kreis aus der gedrückten Taste aus und wechseln Sie zum Bedienfeld „Ausrichten“. Klicken Sie einfach auf die Schaltflächen Horizontal rechts ausrichten und Vertikal unten ausrichten. Jetzt sollte Ihre Gruppenkopie wie im endgültigen Bild gezeigt platziert werden.

Schritt 35

Gehen Sie zum Power-Symbol. Wiederholen Sie die Schritte 24, 25 und 26 oder verwenden Sie die im vorherigen Schritt gezeigte Technik. Das Symbol auf dem gedrückten Knopf benötigt einen schönen Outer Glow-Effekt. Wählen Sie einfach die Form des Kraftsymbols aus und gehen Sie zu Effekt > Stilisieren > Äußeres Leuchten. Geben Sie die im zweiten Bild gezeigten Daten ein und klicken Sie auf OK.

Wenn Sie diese drei Schritte wiederholen möchten, vergessen Sie nicht, die endgültigen Formen zu gruppieren, aus denen Ihr Kraftsymbol besteht. Wählen Sie abschließend alle Gruppen aus, aus denen Sie die Taste gedrückt haben, und gruppieren Sie sie. Nennen Sie diese letzte Gruppe "Gedrückter Knopf".

Schritt 36

Kehren Sie zur Form "Schwarz" zurück und entsperren Sie sie. Wählen Sie es aus, senden Sie es an den unteren Rand des Layerbedienfelds (Umschalt + Befehl + linke Klammer) und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen Versatz von 3,5 Pixel ein und klicken Sie auf OK. Füllen Sie die resultierende Form mit R=35, G=31, B=32 und löschen Sie die ursprüngliche "Schwarz" -Form.

Schritt 37

Gehen Sie zum Layerbedienfeld und machen Sie die Gruppe "Freigegebene Schaltfläche" unsichtbar. Wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F).

Schritt 38

Aktivieren Sie die Option Am Raster wieder aktivieren. Für den folgenden Schritt benötigen Sie ein Raster von sehr 5 Pixel. Gehen Sie zu Bearbeiten > Einstellungen > Allgemein und geben Sie 5 in das Feld Tastaturinkrement ein. Wähle das Ellipsen-Werkzeug (L) und erstelle vier Kreise mit 25 Pixel. Füllen Sie sie alle mit R=35, G=31, B=32. Platzieren Sie sie nun wie im folgenden Bild gezeigt und verwandeln Sie sie in einen zusammengesetzten Pfad. Wählen Sie es aus und erstellen Sie eine Kopie vor.

Schritt 39

Wählen Sie den vorderen großen Kreis zusammen mit dem im vorherigen Schritt erstellten vorderen zusammengesetzten Pfad aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Dadurch wird eine Gruppe mit vier geschnittenen Kreisen erstellt.

Schritt 40

Wählen Sie die vier im vorherigen Schritt erstellten Formen nacheinander aus und füllen Sie sie mit dem unten gezeigten linearen Verlauf. Vergessen Sie nicht die gelbe Null.

Schritt 41

Deaktivieren Sie die Option Am Raster ausrichten. Wählen Sie den oberen, linken Schnittkreis aus und erstellen Sie zwei Kopien vor. Wählen Sie die oberste Kopie aus und drücken Sie einmal den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 42

Wählen Sie den oberen, rechten Schnittkreis aus und erstellen Sie zwei Kopien vor. Wählen Sie die oberste Kopie aus und drücken Sie einmal den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 43

Wählen Sie den unteren, linken Schnittkreis und machen Sie zwei Kopien vor. Wählen Sie die oberste Kopie aus und drücken Sie einmal auf den Abwärtspfeil und den Rechtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 44

Wählen Sie den unteren, rechten Schnittkreis und machen Sie zwei Kopien vor. Wählen Sie die oberste Kopie aus und drücken Sie einmal den Abwärtspfeil und den Linkspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit Schwarz und senken Sie die Opazität auf 15%.

Schritt 45

Wählen Sie den anderen großen Kreis zusammen mit dem anderen zusammengesetzten Pfad aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinigen. Wählen Sie die resultierende Form aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unter Bild 2 gezeigten Daten ein und klicken Sie auf OK.

Schritt 46

Aktivieren Sie die Option Am Raster wieder aktivieren. Für den folgenden Schritt benötigen Sie alle 1 Pixel ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Allgemein und geben Sie 1 in das Feld Tastaturinkrement ein. Wählen Sie das Ellipsen-Werkzeug (L), erstellen Sie einen 8-Pixel-Kreis und füllen Sie ihn mit R=88, G=89, B=91.

Fügen Sie eine zweite Füllung für diese Form hinzu und wählen Sie sie im Bedienfeld „Darstellung“ aus. Stellen Sie die Farbe auf R=35, G=31, B=32 ein und gehen Sie zu Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -2 Pixel ein und klicken Sie auf OK. Wenn diese zweite Füllung noch ausgewählt ist, gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK. Kehren Sie zum Bedienfeld „Darstellung“ zurück und fügen Sie einen Strich von 0,5 hinzu. Richten Sie es nach innen aus und stellen Sie die Farbe auf R=35, G=31, B=32 ein.

Schritt 47

Wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie drei Kopien. Platzieren Sie nun diese vier Kreise wie im folgenden Bild gezeigt. Das Einrasten am Raster erleichtert Ihnen die Arbeit. Wählen Sie alle diese dunklen Formen aus und gruppieren Sie sie. Nennen Sie diese Gruppe "Schwarz" und senden Sie sie zurück (Umschalt + Befehl + linke Klammer).

Schritt 48

Kehren Sie zu "Gitterlinie alle 10 Pixel" zurück und schalten Sie die Gruppe "Freigegebene Schaltfläche" wieder sichtbar. Wählen Sie die Gruppe "Schwarz" und erstellen Sie eine Kopie vor. Wählen Sie diese Kopie aus und bewegen Sie sie unter die gedrückte Taste, wie im zweiten Bild gezeigt. Auch hier erleichtert das Einrasten am Raster Ihre Arbeit.

Schritt 49

Wählen Sie das Ellipsen-Werkzeug (L), erstellen Sie eine 270 x 290 Pixel große Form und platzieren Sie sie hinter der freigegebenen Schaltfläche, wie in der folgenden Abbildung gezeigt. Senden Sie diese Form zunächst nach hinten (Umschalt + Befehl + linke Klammer) und füllen Sie sie mit dem unten gezeigten linearen Farbverlauf. Verringern Sie als Nächstes die Opazität auf 40% und gehen Sie zu Effekt > Unschärfe > Gaußsche Unschärfe. Geben Sie einen Radius von 5 Pixel ein und klicken Sie auf OK. Erstellen Sie eine Kopie dieser einfachen Ellipse und ziehen Sie sie hinter die gedrückte Taste.

Schritt 50

Verwenden Sie für den Hintergrund das Rechteck-Werkzeug (M). Erstellen Sie eine Form in der Größe Ihrer Zeichenfläche, füllen Sie sie mit R=50, G=50, B=50 und senden Sie sie zurück (Umschalt + Befehl + linke Klammer).

Fügen Sie eine zweite Füllung für diese Form hinzu und machen Sie sie schwarz. Wählen Sie es im Bedienfeld „Darstellung“ aus und gehen Sie zu Effekt > Pixelate > Mezzotint. Wählen Sie im Dropdown-Menü die Option Feine Punkte aus, klicken Sie auf OK und gehen Sie dann zu Effekt > Künstlerisch > Filmkörnung. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.

Schritt 51

Schließlich können Sie die für das Energiesymbol verwendeten Grautöne durch andere Farben ersetzen. In den folgenden Bildern finden Sie einige Beispiele. Verwenden Sie die obere, zwei Farben für die dünnen zusammengesetzten Pfade und die untere Farbe für das gesamte Leistungssymbol. Vergessen Sie nicht, den für die gedrückte Taste verwendeten Outer Glow-Effekt zu bearbeiten.

Abschluss

Das endgültige Symbol für den Vektor-Netzschalter befindet sich unten.