Wie kann man eine detaillierte Abbildung der Tastaturschaltfläche in Adobe Illustrator erstellen?
() translation by (you can also view the original English article)
In den folgenden Schritten erfahren Sie, wie Sie eine detaillierte Abbildung der Tastaturtasten erstellen. Sie werden sehen, wie leistungsfähig das Erscheinungsbild-Bedienfeld wirklich sein kann! Für den Hauptteil der Schaltfläche verwenden Sie ein einfaches Rechteck mit vierzehn Füllungen, linearem und radialem Farbverlauf, drei Strichen, einigen grundlegenden Mischtechniken und über fünfzig Effekten. Wenn Sie das Darstellung-Bedienfeld voll ausnutzen möchten, benötigen Sie am Ende nur vier Rechtecke, die Hintergrundform und die kleinen Textteile.
Schritt 1
Drücken Sie Command + N, um ein neues Dokument zu erstellen. Geben Sie 600 in das Feld Breite und 450 in das Feld Höhe ein und klicken Sie auf die Schaltfläche Erweitert. Wählen Sie RGB, Bildschirm (72ppi) und stellen Sie sicher, dass das Kontrollkästchen "Neue Objekte am Pxelraster ausrichten" deaktiviert ist, bevor Sie auf OK klicken.
Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und das Raster am Raster (Ansicht > Am Raster ausrichten). Als nächstes benötigen Sie alle 1 Pixel ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien > Raster (Edit > Preferences > Guides > Grid) und geben Sie 1 in das Feld Rasterlinie für jeden und 1 in das Feld Unterteilungen ein. Sie können auch das Infofenster (Fenster > Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen öffnen. Vergessen Sie nicht, die Maßeinheit durch Bearbeiten > Einstellungen > Einheit > Allgemein (Edit > Preferences > Unit > General) in Pixel zu ersetzen. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.



Schritt 2
Wir werden mit dem Hintergrund beginnen. Erstellen Sie mit dem Rechteck-Werkzeug (Rectangle Tool) (M) eine Form in der Größe Ihrer Zeichenfläche, füllen Sie sie mit R=225, G=225, B=225 und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Fügen Sie eine zweite Füllung für diese Form hinzu, indem Sie unten im Darstellung-Bedienfeld auf die Schaltfläche Neue Füllung hinzufügen klicken. Wählen Sie diese neue Füllung aus und fügen Sie den unten gezeigten radialen Farbverlauf hinzu. Die gelbe Null aus dem Verlaufsbild steht für den Opazität-Prozentsatz.



Schritt 3
Stellen Sie sicher, dass das im vorherigen Schritt erstellte Rechteck noch ausgewählt ist, konzentrieren Sie sich auf das Darstellung-Bedienfeld und fügen Sie eine dritte Füllung hinzu. Wählen Sie diese neue Füllung aus, machen Sie sie schwarz, verringern Sie die Opazität auf 3%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Künstlerisch > Filmkörnung (Effect > Artistic > Film Grain). Geben Sie die im folgenden Bild gezeigten Eigenschaften ein und klicken Sie auf OK. Das wird Ihr einfacher Hintergrund sein. Gehen Sie zum Ebenenbedienfeld und sperren Sie diese Form, um sicherzustellen, dass Sie sie nicht versehentlich auswählen/verschieben.



Schritt 4
Erstellen Sie mit dem Rechteck-Werkzeug (Rectangle Tool) (M) eine 58 x 57 Pixel große Form und füllen Sie sie mit dem im folgenden Bild gezeigten linearen Farbverlauf. Die weiße Zahl aus dem Gradient-Bild steht für den prozentualen Standort. Gehen Sie zum Ebenenbedienfeld, doppelklicken Sie auf diese neue Form und nennen Sie sie einfach "ButtonMain".



Schritt 5
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Bedienfeld "Darstellung". Wählen Sie die vorhandene Füllung aus und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken (Effect > Stylize > Rounded Corners). Geben Sie einen Radius von 5 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen niedriger (Effect > Warp > Arc Lower). Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen oben (Effect > Warp > Arc Upper). Geben Sie die unten gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Ausbuchtung (Effect > Warp > Bulge). Geben Sie die im folgenden Bild gezeigten Eigenschaften ein und klicken Sie auf OK.



Schritt 6
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Bedienfeld "Darstellung". Wählen Sie die vorhandene Füllung aus und klicken Sie einfach auf die Schaltfläche Ausgewähltes Element duplizieren (durch den kleinen blauen Pfeil gekennzeichnet). Dadurch wird natürlich eine Kopie der ausgewählten Füllung hinzugefügt. Wählen Sie diese neue Füllung aus, verringern Sie die Opazität auf 80% und ersetzen Sie den linearen Gradient durch den im folgenden Bild gezeigten radialen Gradient. Denken Sie daran, dass die gelbe Null aus dem Verlaufsbild für den Opazität-Prozentsatz steht.



Schritt 7
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie einfach auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie die neu hinzugefügte Füllung aus, verringern Sie die Opazität auf 70% und ersetzen Sie den radialen Gradient durch den im folgenden Bild gezeigten linearen Gradient.



Schritt 8
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie einfach auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie die neu hinzugefügte Füllung aus, verringern Sie die Opazität auf 5%, ersetzen Sie den linearen Gradient durch ein einfaches Schwarz und gehen Sie dann zu Effekt > Pfad > Versatzpfad (Effect > Path > Offset Path). Geben Sie einen -2px-Versatz ein und klicken Sie auf OK.



Schritt 9
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, konzentrieren Sie sich auf das Bedienfeld "Darstellung" und fügen Sie eine fünfte Füllung hinzu, indem Sie auf die Neue Füllung hinzufügen-Schaltfläche klicken (durch den kleinen blauen Pfeil gezeigt). Wählen Sie diese neue Füllung aus, ziehen Sie sie in den unteren Bereich des Darstellungsfensters, stellen Sie die Farbe auf R=145, G=145, B=145 ein und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken (Effect > Stylize > Rounded Corners). Geben Sie einen Radius von 7,5 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen niedriger. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Ausbuchtung (Effect > Warp > Bulge). Geben Sie die unten gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren (Effect > Distort & Transform > Transform). Geben Sie die im folgenden Bild gezeigten Eigenschaften ein (stellen Sie sicher, dass Sie den mittleren und oberen Referenzpunkt überprüfen) und klicken Sie auf OK.



Schritt 10
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie die neu hinzugefügte Füllung aus und ersetzen Sie die flache Farbe durch den im folgenden Bild gezeigten linearen Gradient.



Schritt 11
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie die neu hinzugefügte Füllung aus und ersetzen Sie den vorhandenen linearen Gradient durch den im folgenden Bild gezeigten.



Schritt 12
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Bedienfeld "Darstellung". Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie diese neu hinzugefügte Füllung aus und bearbeiten Sie den für den linearen Gradient verwendeten Winkel wie in der folgenden Abbildung gezeigt.



Schritt 13
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie die neu hinzugefügte Füllung aus und ersetzen Sie den vorhandenen linearen Gradient durch den im folgenden Bild gezeigten.



Schritt 14
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie diese neu hinzugefügte Füllung aus und bearbeiten Sie den für den linearen Gradient verwendeten Winkel wie in der folgenden Abbildung gezeigt.



Schritt 15
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche Neue Füllung hinzufügen. Wählen Sie diese neu hinzugefügte Füllung aus, stellen Sie die Farbe auf Weiß ein, verringern Sie die Opazität auf 20% und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 5 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen niedriger. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen höher. Geben Sie die unten gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Ausbuchtung. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die unten gezeigten Eigenschaften ein und klicken Sie auf OK.



Schritt 16
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie diese neu hinzugefügte Füllung aus, verringern Sie ihre Opazität auf 10% und öffnen Sie den vorhandenen Transformationseffekt. Geben Sie "2" in das Feld Vertikal verschieben ein, klicken Sie auf OK, öffnen Sie den vorhandenen Versatzpfad-Effekt und erhöhen Sie den Versatz auf 2 Pixel.



Schritt 17
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, konzentrieren Sie sich auf das Darstellung-Bedienfeld und fügen Sie über die Neue Füllung hinzufügen-Schaltfläche eine weitere Füllung hinzu. Wählen Sie diese neue Füllung aus, ziehen Sie sie in den unteren Bereich des Darstellung-Bedienfelds, fügen Sie den im folgenden Bild gezeigten linearen Verlauf hinzu und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 7 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen höher. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Ausbuchtung. Geben Sie die unten gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effektpfad > Versatzpfad. Geben Sie einen 1px-Versatz ein, klicken Sie auf OK und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein (stellen Sie sicher, dass Sie den mittleren und oberen Referenzpunkt überprüfen), klicken Sie auf OK und gehen Sie zu Effekt > Stilisieren > Inneres Leuchten. Geben Sie die unten gezeigten Eigenschaften ein und klicken Sie auf OK.



Schritt 18
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, konzentrieren Sie sich auf das Darstellung-Bedienfeld und fügen Sie über die Neue Füllung hinzufügen-Schaltfläche eine weitere Füllung hinzu. Wählen Sie diese neue Füllung aus, ziehen Sie sie in den unteren Bereich des Erscheinungsbildbedienfelds, fügen Sie den im folgenden Bild gezeigten linearen Gtadient hinzu, verringern Sie die Opazität auf 75% und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 1 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Pfad > Versatzpfad. Geben Sie einen 6-Pixel-Versatz ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen höher. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Unschärfe > Gaußsche Unschärfe. Geben Sie einen Radius von 5 Pixel ein und klicken Sie auf OK.



Schritt 19
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die erste hinzugefügte Füllung aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im oberen Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie erneut zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im unteren Fenster angezeigten Eigenschaften ein und klicken Sie auf OK.



Schritt 20
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im neunten Schritt hinzugefügte Füllung aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im oberen Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie erneut zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im unteren Fenster angezeigten Eigenschaften ein und klicken Sie auf OK.



Schritt 21
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im siebzehnten Schritt hinzugefügte Füllung aus und fügen Sie die vier im folgenden Bild gezeigten Schlagschatteneffekte hinzu.



Schritt 22
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, konzentrieren Sie sich auf das Bedienfeld "Darstellung" und fügen Sie einen weißen Punkt von 1 Punkt hinzu. Wählen Sie es aus, richten Sie es nach innen aus, verringern Sie die Deckkraft auf 10% und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 5 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Warp > Arc Lower. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Warp > Arc Upper. Geben Sie die unten gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Warp > Ausbuchtung. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein und klicken Sie auf OK. Stellen Sie schließlich sicher, dass dieser Strich oben im Bedienfeld „Darstellung“ platziert ist.



Schritt 23
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, konzentrieren Sie sich auf das Bedienfeld "Darstellung" und fügen Sie mit der Schaltfläche "Neuen Strich hinzufügen" (durch den kleinen blauen Pfeil gezeigt) einen zweiten Strich hinzu. Wählen Sie diesen neuen Strich aus, machen Sie ihn 2pt breit, stellen Sie die Farbe auf Schwarz ein, ziehen Sie ihn unter die im dreizehnten Schritt hinzugefügte Füllung, senken Sie die Deckkraft auf 30% und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 7,5 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen höher. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Warp > Ausbuchtung. Geben Sie die unten gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein (stellen Sie sicher, dass Sie den mittleren und oberen Referenzpunkt überprüfen) und klicken Sie auf OK.



Schritt 24
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie den im vorherigen Schritt hinzugefügten Strich aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie diesen neu hinzugefügten Strich aus und verringern Sie die Größe um 1 Punkt.



Schritt 25
Wählen Sie "ButtonMain" und erstellen Sie eine Kopie vor (Control + C > Control + F). Wählen Sie diese Kopie aus und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Entfernen Sie alle Füllungen und Striche, speichern Sie jedoch die dritte Füllung (starten Sie die Zählung unten im Darstellung-Bedienfeld). Konzentrieren Sie sich auf die verbleibende Füllung, machen Sie sie rot und entfernen Sie die beiden Schlagschatteneffekte. Gehen Sie zum Ebenenbedienfeld, doppelklicken Sie auf diese neue Form und nennen Sie sie "ButtonNoise".



Schritt 26
Stellen Sie sicher, dass "ButtonNoise" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die vorhandene Füllung aus, machen Sie sie schwarz, verringern Sie die Opazität auf 5%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Künstlerisch > Filmkörnung (Effect > Artistic > Film Grain). Geben Sie die im folgenden Bild gezeigten Eigenschaften ein und klicken Sie auf OK.



Schritt 27
Stellen Sie sicher, dass "ButtonNoise" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie die neu hinzugefügte Füllung aus, machen Sie sie weiß, erhöhen Sie die Opazität auf 100%, ändern Sie den Mischmodus auf Weiches Licht und entfernen Sie den Filmkörnungseffekt. Wenn Sie die dunklere Version der Schaltfläche bevorzugen, können Sie diese weiße Füllung einfach ausblenden, indem Sie im Darstellung-Bedienfeld auf das kleine Augensymbol klicken. Wählen Sie nun "ButtonMain" und "ButtonNoise" und gruppieren Sie sie (Control + G).



Schritt 28
Wählen Sie "ButtonMain" und erstellen Sie eine Kopie vor (Control + C > Control + F). Wählen Sie diese Kopie aus, ziehen Sie sie über die Gruppe (im Ebenenbedienfeld) und ziehen Sie sie 85 Pixel nach unten. Konzentrieren Sie sich auf das Darstellung-Bedienfeld, entfernen Sie alle Füllungen und Striche, speichern Sie jedoch die zweite Füllung (starten Sie die Zählung unten im Darstellung-Bedienfeld). Konzentrieren Sie sich auf die verbleibende Füllung und entfernen Sie das innere Leuchten und die vier Schlagschatteneffekte. Gehen Sie zum Ebenenbedienfeld, doppelklicken Sie auf diese neue Form und nennen Sie sie "ButtonSupport".



Schritt 29
Stellen Sie sicher, dass "ButtonSupport" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die vorhandene Füllung aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie diese neu hinzugefügte Füllung aus, entfernen Sie den Versatzpfadeffekt und ersetzen Sie den vorhandenen linearen Verlauf durch den im folgenden Bild gezeigten.



Schritt 30
Stellen Sie sicher, dass "ButtonSupport" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die im vorherigen Schritt hinzugefügte Füllung aus und klicken Sie auf die Schaltfläche Ausgewähltes Element duplizieren. Wählen Sie diese neu hinzugefügte Füllung aus, ersetzen Sie den linearen Verlauf durch den unten gezeigten radialen Verlauf und gehen Sie zu Effekt > Pfadversatzpfad. Geben Sie einen -2px-Versatz ein und klicken Sie auf OK. Ziehen Sie diesen Effekt unter den Abgerundete Ecken-Effekt und gehen Sie zu Effekt > Stilisieren > Inneres Leuchten (Effect > Stylize > Inner Glow). Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Eigenschaften ein und klicken Sie auf OK.



Schritt 31
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, konzentrieren Sie sich auf das Darstellung-Bedienfeld und fügen Sie einen schwarzen 3-Punkt-Strich hinzu. Wählen Sie es aus, richten Sie es nach innen aus, verringern Sie die Deckkraft auf 10% und gehen Sie zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 7 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -2px ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Bogen höher. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verziehen > Ausbuchtung. Geben Sie die unten gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Verzerren & Transformieren > Transformieren. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein (stellen Sie sicher, dass Sie den mittleren und oberen Referenzpunkt überprüfen) und klicken Sie auf OK.



Schritt 32
Stellen Sie sicher, dass "ButtonMain" noch ausgewählt ist, und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Wählen Sie die untere Füllung aus und fügen Sie die vier im folgenden Bild gezeigten Schlagschatteneffekte hinzu.



Schritt 33
Wählen Sie "ButtonSupport", erstellen Sie eine Kopie vor (Control+ C > Control+ F), wählen Sie sie aus und konzentrieren Sie sich auf das Darstellung-Bedienfeld. Speichern Sie die zweite Füllung und entfernen Sie den Strich und die anderen beiden Füllungen. Wählen Sie die verbleibende Füllung aus, machen Sie sie schwarz, verringern Sie die Opazität auf 5%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Künstlerisch > Filmkörnung. Geben Sie die im folgenden Bild gezeigten Eigenschaften ein und klicken Sie auf OK. Wählen Sie diese Kopie zusammen mit der Form "ButtonSupport" aus und gruppieren Sie sie (Control + G).



Schritt 34
Duplizieren Sie die beiden bisher erstellten Gruppen (Control + C > Control + F). Wählen Sie diese Kopien aus, ziehen Sie sie 80 Pixel nach rechts und konzentrieren Sie sich auf die obere Leiste. Überprüfen Sie den mittleren linken Referenzpunkt und geben Sie einfach 88 in das Feld Breite ein. Am Ende sollten Ihre Gruppenkopien wie im zweiten Bild aussehen.



Schritt 35
Fügen Sie mit dem Textwerkzeug (Type Tool) (T) einige einfache Textteile hinzu, wie in der folgenden Abbildung gezeigt, und verwenden Sie die unten gezeigten Eigenschaften. Gehen Sie zum Ebenenbedienfeld und ziehen Sie diese Textteile innerhalb der Gruppen zwischen den Formen "ButtonMain" und "ButtonNoise".



Schritt 36
Wählen Sie den im vorherigen Schritt hinzugefügten Text aus, konzentrieren Sie sich auf das Darstellung-Bedienfeld und fügen Sie einfach zwei Füllungen über die Neue Füllung hinzufügen-Schaltfläche hinzu. Wählen Sie die obere Füllung aus und stellen Sie ihre Farbe auf R=30, G=30, B=30 ein. Gehen Sie zur unteren Füllung, wählen Sie sie aus, fügen Sie den unten gezeigten linearen Verlauf hinzu und gehen Sie zu Effekt > Pfad > Versatzpfad. Geben Sie einen 1px-Versatz ein und klicken Sie auf OK.



Schritt 37
Zum Schluss multiplizieren Sie die bisher erstellten Gruppen und spielen ein wenig mit dem Arrangement.



Abschluss
Jetzt ist Ihre Arbeit erledigt. So sollte es aussehen. Mit dieser zweiten Füllung aus der Form "ButtonNoise" können Sie Ihre Schaltfläche ganz einfach neu einfärben. Ersetzen Sie einfach das Weiß durch die Farbe, die Sie bevorzugen. Sie können auch einen anderen Mischmodus oder einen höheren/niedrigeren Opazität-Prozentsatz für diese Füllung ausprobieren. Es gibt unzählige Möglichkeiten.



