Schneller Tipp Erstellen Sie einen Satz leuchtender Schaltflächen in Adobe Illustrator

In den folgenden Schritten erfahren Sie, wie Sie einen einfachen Satz leuchtender Schaltflächen erstellen. Es ist ein weiteres Tutorial, das sich auf das Erscheinungsbildfenster konzentriert, da die gesamte Schaltfläche mit nur einer Form mit mehreren Füllungen und Strichen sowie einigen einfachen Effekten erstellt wird.


Schritt 1

Erstellen Sie ein 600-mal-300px-RGB-Dokument, wählen Sie das Rechteckwerkzeug (M) und erstellen Sie eine Form, die der Größe Ihrer Zeichenfläche entspricht. Füllen Sie es mit R = 49 G = 52 B = 57, entfernen Sie die Farbe vom Strich und stellen Sie den Fokus auf das Bedienfeld Aussehen (Fenster> Aussehen). Fügen Sie eine neue Füllung für diese Form hinzu, indem Sie auf die Schaltfläche Neue Füllung hinzufügen klicken. Es ist das kleine weiße Quadrat am unteren Rand des Erscheinungsbildfensters. Wählen Sie diese zweite Füllung aus, verringern Sie die Deckkraft auf 50% und verwenden Sie den unten gezeigten radialen Verlauf. Fahren Sie im Darstellungsfeld fort und fügen Sie eine dritte Füllung hinzu. Wählen Sie ihn aus, machen Sie ihn schwarz, verringern Sie die Deckkraft auf 15%, ändern Sie den Mischmodus in "Multiplizieren" und gehen Sie zu Effekt> Künstlerisch> Filmkorn. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK. Gehen Sie zum Ebenenbedienfeld (Fenster> Ebenen) und sperren Sie diese Form.


Schritt 2

Wähle das Ellipse-Werkzeug (L) aus und klicke einfach auf deine Zeichenfläche, um das Ellipse-Fenster zu öffnen. Geben Sie 60 in die Felder Breite und Höhe ein und klicken Sie auf OK. Offensichtlich wird dadurch ein 60px-Kreis erstellt. Füllen Sie es mit R = 36 G = 40 B = 43 und entfernen Sie die Farbe vom Strich.


Schritt 3

Wählen Sie den 60px-Kreis erneut aus und fügen Sie einen 7pt-Strich hinzu. Setzen Sie die Farbe auf R = 39 G = 170 B = 225 und richten Sie sie nach außen aus.


Schritt 4

Wählen Sie den 60px-Kreis erneut aus und fügen Sie eine neue Füllung hinzu. Wählen Sie es im Erscheinungsbild-Bedienfeld aus, legen Sie seine Farbe auf R = 109 G = 110 B = 113 fest und wählen Sie Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 5

Wählen Sie den 60px-Kreis erneut aus und fügen Sie eine dritte Füllung hinzu. Wählen Sie es im Darstellungsfeld aus, füllen Sie es mit dem unten gezeigten linearen Farbverlauf und gehen Sie zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 6

Wählen Sie den 60px-Kreis erneut aus und fügen Sie eine neue Füllung hinzu. Wählen Sie sie im Darstellungsfeld aus, füllen Sie sie mit Schwarz, verringern Sie die Deckkraft auf 7%, ändern Sie den Mischmodus in "Multiplizieren" und wählen Sie "Effekt"> "Verzerren und transformieren"> "Transformation". Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Künstlerisch> Filmkorn. Geben Sie erneut die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 7

Wählen Sie den 60px-Kreis erneut aus und fügen Sie mit der Schaltfläche Neuen Strich hinzufügen einen zweiten Strich hinzu. Es ist das kleine schwarze Quadratsymbol in der linken unteren Ecke des Erscheinungsbildfensters. Wählen Sie diesen neuen Strich aus, stellen Sie ihn auf 6pt breit, setzen Sie die Farbe auf R = 85 G = 212 B = 251, richten Sie ihn nach außen aus und gehen Sie zu Effekt> Stil> Inner Glow. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 8

Wählen Sie den 60px-Kreis erneut aus und fügen Sie einen neuen Strich hinzu. Wählen Sie es im Erscheinungsbild-Bedienfeld aus, stellen Sie es auf 3pt breit, setzen Sie die Farbe auf R = 202 G = 140 B = 252 und wählen Sie Effekt> Pfad> Versatzpfad. Geben Sie einen 3px-Offset ein und klicken Sie auf OK.


Schritt 9

Wählen Sie den 60px-Kreis erneut aus und fügen Sie einen neuen Strich hinzu. Wählen Sie es aus dem Bereich "Darstellung" aus, legen Sie eine Breite von 1,5 pt fest, legen Sie die Farbe auf R = 255 fest. G = 255 B = 255 (weiß), und wechseln Sie zu Effekt> Pfad> Versatzpfad. Geben Sie einen 3px-Offset ein und klicken Sie auf OK.


Schritt 10

Wählen Sie den 60px-Kreis erneut aus, fügen Sie eine neue Füllung hinzu und ziehen Sie sie unter das Erscheinungsbildfenster. Wählen Sie es aus, setzen Sie seine Farbe auf R = 50 G = 50 B = 50 und gehen Sie zu Effekt> Path> Offset Path. Geben Sie einen 10px-Versatz ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Inner Glow. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie erneut die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 11

Wählen Sie den 60px-Kreis erneut aus und duplizieren Sie ihn (Befehl + C> Befehl + F). Wählen Sie diese Kopie aus, verschieben Sie sie nach links und wechseln Sie in das Erscheinungsbildfenster. Konzentrieren Sie sich auf die Striche und ersetzen Sie die vorhandenen Farben durch die unten gezeigten Farben. Bearbeiten Sie auch den Inner Glow-Effekt wie in der folgenden Abbildung gezeigt.


Schritt 12

Wählen Sie den 60px-Kreis erneut aus, erstellen Sie eine neue Kopie (Befehl + C> Befehl + F) und verschieben Sie ihn nach rechts. Wählen Sie es erneut aus und ersetzen Sie die vorhandenen Stroke-Eigenschaften durch die unten gezeigten Eigenschaften.


Schritt 13

Wählen Sie schließlich das Textwerkzeug (T) und fügen Sie Ihren Text hinzu. Wählen Sie Ihren eigenen Zeichensatz oder verwenden Sie den Arcade-Zeichensatz mit einer Größe von 25 pt.


Fazit

Jetzt ist deine Arbeit erledigt. So sollte es aussehen. Viel Spaß mit den verschiedenen Farben und Formen, um zu sehen, was Sie sich vorstellen können.