1. Design & Illustration
  2. Graphic Design
  3. Icon Design

Erstellen einer einfachen Tachometer-Illustration in Adobe Illustrator

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator eine einfache Tachometer-Illustration erstellen. Wir werden einige grundlegende Werkzeuge und Mischtechniken verwenden, um dieses Symbol zu erreichen, also kommen wir dazu!
Scroll to top

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator eine einfache Tachometer-Illustration erstellen. Wir werden einige grundlegende Werkzeuge und Mischtechniken verwenden, um dieses Symbol zu erreichen, also kommen wir dazu!


1. Erstellen eines neuen Dokument und Hinzufügen eines einfachen Hintergrunds 

Schritt 1

Drücken Sie Strg-N, um ein neues Dokument zu erstellen. Wählen Sie Pixel aus dem Dropdown-Menü Einheiten, geben Sie 600 in die Felder Breite und Höhe ein und klicken Sie dann auf die Schaltfläche Erweitert. Wählen Sie RGB, Bildschirm (72ppi) und stellen Sie sicher, dass das Kontrollkästchen Neue Objekte an Pixelraster ausrichten deaktiviert ist, bevor Sie auf OK klicken.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 2

Wählen Sie das Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Symbolleiste. Entfernen Sie die Farbe aus dem Strich, wählen Sie dann die Füllung aus und legen Sie ihre Farbe auf R=34 G=32 B=44 fest. Stellen Sie sicher, dass das Rechteckwerkzeug (M) aktiv ist und klicken Sie einfach auf Ihre Zeichenfläche, um das Rechteck-Fenster zu öffnen. Geben Sie 610 in die Felder für Breite und Höhe ein und klicken Sie dann einfach auf die Schaltfläche OK, um Ihr 610px-Quadrat zu erhalten.

Als nächstes müssen Sie diese dunkle Form zentrieren, also öffnen Sie das Ausrichten-Bedienfeld (Fenster > Ausrichten). Legen Sie die Ausrichtung auf Zeichenfläche fest (öffnen Sie das Flyout-Menü und gehen Sie zu Optionen anzeigen, wenn Sie den Abschnitt Ausrichten an nicht sehen können, wie in der folgenden Abbildung gezeigt) und klicken Sie dann einfach auf die Schaltflächen Zentrum Horizontal ausrichten und Zentrum Vertikal ausrichten. Am Ende sollte Ihre Form die gesamte Zeichenfläche bedecken.

Gehen Sie schließlich zum Ebenen-Bedienfeld (Fenster > Ebenen), öffnen Sie die vorhandene Ebene, doppelklicken Sie einfach auf die in diesem Schritt erstellte Form und nennen Sie sie "bg".

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

2. Erstellen der Hauptrahmen Ihres Tachometers

Schritt 1

Wählen Sie das Ellipse-Werkzeug (L) und klicken Sie einfach auf Ihre Zeichenfläche, um das Ellipse-Fenster zu öffnen. Geben Sie 260 in die Felder für Breite und Höhe ein und klicken Sie dann auf die Schaltfläche OK, um Ihren 260-px-Kreis zu erstellen.

Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, öffnen Sie das Verlauf-Bedienfeld (Fenster > Verlauf) und klicken Sie einfach auf die Verlaufsminiatur, um den standardmäßigen linearen Schwarz-Weiß-Verlauf hinzuzufügen. Konzentrieren Sie sich weiterhin auf das Verlauf-Bedienfeld, stellen Sie den Winkel auf 90 Grad ein und gehen Sie dann zum Verlaufsschieberegler. Wählen Sie den rechten Verlaufsschieberegler und stellen Sie die Farbe auf R=64 G=62 B=74 ein und wählen Sie dann den linken Verlaufsschieberegler. Stellen Sie die Farbe auf R=123 G=160 B=117 ein, gehen Sie dann zum Feld Position (aus dem Verlauf-Bedienfeld) und stellen Sie es auf 15% ein. Denken Sie daran, dass die weißen Zahlen aus den Verlauf-Bildern für den Position-Prozentsatz stehen.

Stellen Sie sicher, dass der in diesem Schritt erstellte Kreis noch ausgewählt ist, und zentrieren Sie ihn mithilfe der Schaltflächen Zentrum Horizontal ausrichten und Zentrum Vertikal ausrichten im Ausrichten-Bedienfeld. Gehen Sie schließlich zum Ebenen-Bedienfeld und nennen Sie diese neue Form "mainBack".

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 2

Wählen Sie Ihre "mainBack"-Form erneut aus und öffnen Sie das Aussehen-Bedienfeld (Fenster > Aussehen). Wählen Sie die vorhandene Füllung aus, öffnen Sie das Transparenz-Bedienfeld (Fenster > Transparenz) und verringern Sie die Deckkraft auf 50%.

Kehren Sie zum Aussehen-Bedienfeld zurück, stellen Sie sicher, dass die Füllung ausgewählt bleibt, und gehen Sie zu Effekt> Pfad> Pfad verschieben. Geben Sie einen Verschieben von 10px ein, klicken Sie auf OK und gehen Sie zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Geben Sie einen Radius von 15px ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 3

Wählen Sie Ihre "mainBack"-Form erneut aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung mit der Schaltfläche Neue Füllung hinzufügen hinzu (in der folgenden Abbildung durch den kleinen blauen Pfeil gekennzeichnet). Wählen Sie diese neue Füllung aus, ersetzen Sie den vorhandenen linearen Farbverlauf durch den in der folgenden Abbildung gezeigten, verringern Sie seine Deckkraft auf 15% und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie einen Verschieben von 10px ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 4

Erstellen Sie mit dem Ellipse-Werkzeug (L) einen zweiten 260px-Kreis und legen Sie seine Füllfarbe auf R=34 G=32 B=44 fest. Zentrieren Sie diese neue Form mit den Schaltflächen Zentrum Horizontal ausrichten und Zentrum Vertikal ausrichten im Ausrichten-Bedienfeld, wechseln Sie dann zum Ebenen-Bedienfeld und nennen Sie es „mainFront“.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 5

Stellen Sie sicher, dass Ihre "mainFront" -Form noch ausgewählt ist, konzentrieren Sie sich auf das Aussehen-Bedienfeld, wählen Sie die vorhandene Füllung aus und gehen Sie zu Effekt > Stilisieren > Schein nach innen. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten angezeigten Attribute ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 6

Wählen Sie Ihre "mainFront"-Form erneut aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung mit derselben Schaltfläche Neue Füllung hinzufügen hinzu. Wählen Sie diese neue Füllung aus, stellen Sie die Farbe auf Schwarz ein, verringern Sie die Deckkraft auf 10%, ändern Sie die Füllmethode auf Multiplizieren und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie ein Verschieben von -1px ein, klicken Sie auf OK und gehen Sie zu Effekt > Kunstfilter > Körnung & Aufhellung. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

3. Erstellen der Thin-Line-Indikatoren

Schritt 1

Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und Am Raster ausrichten (Ansicht > Am Raster ausrichten). Für den Anfang benötigen Sie alle 5px ein Raster. Gehen Sie also zu Bearbeiten > Einstellungen > Hilfslinien & Raster, geben Sie 5 in das Feld Rasterlinie alle und 1 in das Feld Unterteilungen ein.

Erstellen Sie mit dem Zeichenstift-Werkzeug (P) zwei vertikale 10px-Pfade und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Am Raster ausrichten soll Ihnen die Arbeit erleichtern. Fügen Sie für diese kleinen Pfade eine 2pt-Kontur hinzu und stellen Sie die Farbe auf R=1 G=212 B=68 ein. Stellen Sie sicher, dass beide Pfade ausgewählt sind und drücken Sie einfach Strg-G, um sie zu gruppieren.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 2

Stellen Sie sicher, dass die Gruppe mit den beiden grünen Pfaden ausgewählt ist und gehen Sie zu Effekt > Verzerrungs- und Transformationsfilter > Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 3

Wählen Sie die Gruppe mit den beiden grünen Pfaden erneut aus, gehen Sie zu Objekt > Aussehen umwandeln und dann zu Objekt > Pfad > Konturlinie. Stellen Sie sicher, dass die resultierende Gruppe ausgewählt ist, und drücken Sie einfach zweimal Umschalt-Strg-G, um die Gruppierung aufzuheben. Wählen Sie mit dem Auswahlwerkzeug (V) die elf im zweiten Bild hervorgehobenen Formen aus und klicken Sie einfach auf die Schaltfläche Löschen auf Ihrer Tastatur, um sie zu entfernen.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 4

Wählen Sie eine Ihrer kleinen, grünen Formen erneut aus und gehen Sie dann zu Auswählen > Gleich > Aussehen, um die anderen grünen Formen einfach auszuwählen. Sobald Sie alle diese Formen ausgewählt haben, öffnen Sie das Pathfinder-Bedienfeld (Fenster > Pathfinder), klicken Sie auf die Schaltfläche Vereinen und drücken Sie dann Strg-8 (oder gehen Sie zu Objekt > Zusammengesetzter Pfad > Erstellen), um Ihre grünen Formen in einen einfachen Zusammengesetzten Pfad zu verwandeln. Wechseln Sie zum Ebenen-Bedienfeld und nennen Sie Ihren grünen zusammengesetzten Pfad "thinLines".

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

4. Erstellen der dicken Linienindikatoren

Schritt 1

Erstellen Sie mit dem Zeichenstift-Werkzeug (P) zwei vertikale 15px-Pfade und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Auch hier soll Ihnen Am Raster ausrichten die Arbeit erleichtern. Fügen Sie für diese kleinen Pfade einen 4pt-Strich hinzu und stellen Sie die Farbe auf R=1 G=212 B=68 ein. Stellen Sie sicher, dass beide Pfade ausgewählt sind und drücken Sie einfach Strg-G, um sie zu gruppieren.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 2

Stellen Sie sicher, dass Ihre Gruppe mit den beiden grünen Pfaden ausgewählt ist und gehen Sie zu Effekt > Verzerrungs- und Transformationsfilter > Transformieren. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 3

Wählen Sie die Gruppe mit den beiden grünen Pfaden erneut aus, gehen Sie zu Objekt > Aussehen umwandeln und dann zu Objekt > Pfad > Konturlinie. Stellen Sie sicher, dass die resultierende Gruppe ausgewählt ist und drücken Sie einfach zweimal Umschalt-Strg-G, um die Gruppierung aufzuheben. Wählen Sie mit dem Auswahlwerkzeug (V) die drei im zweiten Bild hervorgehobenen Formen aus und klicken Sie einfach auf die Schaltfläche Löschen auf Ihrer Tastatur, um sie zu entfernen.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 4

Wählen Sie die verbleibenden dreizehn dicken, grünen Formen aus, klicken Sie im Pathfinder-Bedienfeld auf die Vereinen-Schaltfläche und drücken Sie dann Strg-8. Wechseln Sie zum Ebenen-Bedienfeld und nennen Sie diesen neuen zusammengesetzten Pfad "thickLines".

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 5

Wählen Sie Ihren zusammengesetzten Pfad "thickLines" erneut aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung mit derselben Schaltfläche Neue Füllung hinzufügen hinzu. Stellen Sie sicher, dass diese neue Füllung ausgewählt ist, stellen Sie die Farbe auf R=0 G=255 B=0 ein und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie einen Verschieben von -1px ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

5. Hinzufügen einiger Pfade zwischen Ihren Think Line-Indikatoren 

Schritt 1

Deaktivieren Sie das Raster (Ansicht > Raster ausblenden) und Am Raster ausrichten (Ansicht > Am Raster ausrichten). Erstellen Sie mit dem Ellipse-Werkzeug (L) einen 225px-Kreis und zentrieren Sie ihn mithilfe der Schaltflächen Zentrum Horizontal ausrichten und Zentrum Vertikal ausrichten im Ausrichten-Bedienfeld.

Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Entfernen Sie die Farbe aus der Füllung, fügen Sie jedoch eine 5pt-Kontur hinzu. Stellen Sie seine Farbe auf R=1 G=212 B=68 ein und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie einen Verschieben von -2,5 px ein, klicken Sie auf OK und gehen Sie dann zu Objekt > Aussehen umwandeln.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 2

Wählen Sie den Kreis mit dem im vorherigen Schritt erstellten grünen Strich erneut aus und gehen Sie zu Objekt > Pfad > Ankerpunkte hinzufügen. Nehmen Sie das Direktauswahl-Werkzeug (A), wählen Sie den im ersten Bild markierten Ankerpunkt aus und drücken Sie einfach die Löschen-Taste auf Ihrer Tastatur, um ihn zu entfernen. Stellen Sie sicher, dass der resultierende Pfad ausgewählt ist, und gehen Sie zu Objekt > Pfad > Konturlinie.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 3

Wählen Sie Ihren zusammengesetzten Pfad "thickLines" erneut aus und gehen Sie zu Objekt > Pfad > Pfad verschieben. Geben Sie ein 2px-Verschieben ein und klicken Sie auf OK. Bringen Sie den resultierenden zusammengesetzten Pfad in den Vordergrund (Shift-Control-] ), wählen Sie ihn dann zusammen mit der im vorherigen Schritt erstellten Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vorderes Objekt abziehen.

Verwandeln Sie die resultierende Gruppe von Formen in einen Zusammengesetzten Pfad (Strg-8), gehen Sie dann zum Ebenen-Bedienfeld und nennen Sie es einfach "intervals".

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 4

Wählen Sie Ihren zusammengesetzten Pfad "intervals" erneut aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung mit derselben Schaltfläche Neue Füllung hinzufügen hinzu. Stellen Sie sicher, dass diese neue Füllung ausgewählt ist, stellen Sie die Farbe auf R=24 G=22 B=34 ein und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie ein Verschieben von -2px ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

6. Einfügen des Textes 

Schritt 1

Wählen Sie das Textwerkzeug (T), klicken Sie einfach auf Ihre Zeichenfläche und fügen Sie den Text "km/h" hinzu. Stellen Sie die Farbe auf Weiß ein und verwenden Sie die Schriftart "MoolBoran" mit einer Größe von 20pt.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 2

Stellen Sie sicher, dass das Textwerkzeug (T) noch aktiv ist und fügen Sie einige einfache Zahlen hinzu, wie in der folgenden Abbildung gezeigt. Verwenden Sie dieselbe Schriftart und Farbe, verringern Sie jedoch die Schriftgröße auf 18pt. Wählen Sie alle Ihre Textteile erneut aus und gruppieren Sie sie (Strg-G). Wechseln Sie zum Ebenen-Bedienfeld und nennen Sie diese neue Gruppe einfach "text".

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

7. Erstellen der Unterstützung für die Tachonadel

Schritt 1

Erstellen Sie mit dem Ellipse-Werkzeug (L) einen 30px-Kreis und füllen Sie ihn mit dem in der folgenden Abbildung gezeigten linearen Verlauf. Stellen Sie sicher, dass diese neue Form ausgewählt ist, und zentrieren Sie sie mithilfe der Schaltflächen Zentrum Horizontal ausrichten und Zentrum Vertikal ausrichten im Ausrichten-Bedienfeld.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 2

Gehen Sie zu Bearbeiten > Einstellungen > Allgemein und stellen Sie sicher, dass das Tastaturinkrement auf 1px eingestellt ist. Wählen Sie Ihren 30px-Kreis erneut aus und gehen Sie zu Objekt > Pfad > Pfad verschieben. Geben Sie ein Verschieben von -1px ein und klicken Sie auf OK. Stellen Sie sicher, dass die resultierende Form ausgewählt ist und erstellen Sie eine Kopie vor (Strg-C > Strg-F).

Wählen Sie diese neue Kopie aus und verschieben Sie sie mit der Pfeiltaste nach unten auf Ihrer Tastatur um 1 Pixel nach unten. Wählen Sie beide in diesem Schritt erstellten Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche  Vorderes Objekt abziehen. Füllen Sie die resultierende Form mit dem im folgenden Bild gezeigten linearen Verlauf und ändern Sie die Füllmethode in Weiches Licht. Vergessen Sie nicht, dass die weißen Zahlen aus dem Verlauf-Bild für den Standort-Prozentsatz stehen, während die gelben Nullen für den Deckkraft-Prozentsatz stehen.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 3

Wählen Sie Ihren 30px-Kreis erneut aus und erstellen Sie zwei Kopien vorne (Strg-C > Strg-F > Strg-F). Wählen Sie die oberste Kopie aus und verschieben Sie sie mit der Pfeiltaste nach unten auf Ihrer Tastatur um 1 Pixel nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vorderes Objekt abziehen. Füllen Sie die resultierende Form mit Weiß, verringern Sie die Deckkraft auf 25% und ändern Sie die Füllmethode auf Weiches Licht.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 4

Wählen Sie Ihren 30px-Kreis erneut aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld, wählen Sie die vorhandene Füllung aus und gehen Sie zu Effekt > Stilisieren > Schein nach innen. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im oberen linken Fenster angezeigten Eigenschaften ein (im folgenden Bild), klicken Sie auf OK und gehen Sie erneut zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im oberen rechten Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie erneut zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im unteren linken Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie ein letztes Mal zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im unteren rechten Fenster angezeigten Eigenschaften ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 5

Stellen Sie sicher, dass Ihr 30px-Kreis noch ausgewählt ist, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung hinzu. Wählen Sie es aus, fügen Sie den im folgenden Bild gezeigten linearen Farbverlauf hinzu und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie ein Verschieben von -10px ein, klicken Sie auf OK und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im linken Fenster angezeigten Eigenschaften ein (im folgenden Bild), klicken Sie auf OK und erneut auf Effekt > Stilisieren > Schlagschatten. Geben Sie die im rechten Fenster angezeigten Eigenschaften ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 6

Stellen Sie sicher, dass Ihr 30px-Kreis ausgewählt ist, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine 1pt-Kontur hinzu. Wählen Sie es aus, setzen Sie die Farbe auf Schwarz, richten Sie es nach außen aus, ändern Sie die Füllmethode auf Weiches Licht und verringern Sie seine Deckkraft auf 10%.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 7

Wählen Sie Ihren 30px-Kreis zusammen mit den beiden dünnen Formen, die verwendet wurden, um ihn hervorzuheben, erneut aus und gruppieren Sie sie (Strg-G). Wechseln Sie zum Ebenen-Bedienfeld und nennen Sie diese neue Gruppe "support".

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

8. Erstellen der Nadel

Schritt 1

Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und Am Raster ausrichten (Ansicht > Am Raster ausrichten). Für diesen Schritt benötigen Sie alle 1 Pixel ein Raster. Gehen Sie also zu Bearbeiten > Einstellungen > Hilfslinien & Raster und geben Sie 1 in das Feld Rasterlinie alle ein.

Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form von 10 x 105 Pixel, stellen Sie die Füllfarbe auf R=39 G=170 B=225 ein und platzieren Sie sie wie im ersten Bild gezeigt. Wechseln Sie zum Direktauswahlwerkzeug (A) und konzentrieren Sie sich auf die Oberseite dieses neuen Rechtecks. Wählen Sie den linken Ankerpunkt aus und ziehen Sie ihn 3px nach rechts. Wählen Sie dann den rechten Ankerpunkt aus und ziehen Sie ihn 3px nach links.

Nehmen Sie das Ellipse-Werkzeug (L), erstellen Sie einen 4px-Kreis, verwenden Sie die gleiche Füllfarbe (R=39 G=170 B=225) und platzieren Sie es wie im dritten Bild gezeigt. Wählen Sie beide in diesem Schritt erstellten Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinen. Wechseln Sie zum Ebenen-Bedienfeld und nennen Sie diese neue blaue Form "needle".

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 2

Konzentrieren Sie sich auf das Ebenen-Bedienfeld und ziehen Sie Ihre "needle" unter die Gruppe "support". Stellen Sie sicher, dass diese blaue Form ausgewählt bleibt und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Wählen Sie zuerst die vorhandene Füllung aus und ersetzen Sie das Blau durch R=249 G=41 B=27.

Fügen Sie als Nächstes eine zweite Füllung für Ihre Form hinzu, wählen Sie sie aus, fügen Sie den im folgenden Bild gezeigten linearen Verlauf hinzu und gehen Sie zu Effekt > Pfad > Pfad verschieben. Geben Sie einen Verschieben von -3px ein und klicken Sie auf OK.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 3

Wählen Sie Ihre "needle" erneut aus und nehmen Sie das Drehwerkzeug (R). Ziehen Sie den Referenzpunkt in die Mitte Ihres 30px-Kreises (wie im ersten Bild gezeigt) und drehen Sie dann einfach Ihre "needle" wie im zweiten Bild gezeigt.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Schritt 4

Stellen Sie sicher, dass Ihre "needle" noch ausgewählt ist und fügen Sie die vier Schlagschatten-Effekte (Effekt > Stilisieren > Schlagschatten) hinzu, die in der folgenden Abbildung gezeigt werden.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

9. Hinzufügen subtiler Schattierung 

Schritt 1

Erstellen Sie mit dem Ellipse-Werkzeug (L) einen dritten 260px-Kreis, füllen Sie ihn mit dem im folgenden Bild gezeigten radialen Verlauf und verringern Sie die Deckkraft auf 35%. Denken Sie daran, dass die weißen Zahlen aus dem Verlauf-Bild für den Standort-Prozentsatz stehen, während die gelben Nullen für den Deckkraft-Prozentsatz stehen.

Stellen Sie sicher, dass diese neue Form ausgewählt ist, und zentrieren Sie sie mithilfe der Schaltflächen Zentrum Horizontal ausrichten und Zentrum Vertikal ausrichten im Ausrichten-Bedienfeld. Wechseln Sie zum Ebenen-Bedienfeld und nennen Sie diese neue Form "Schattierung".

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

10. Einfärben der Linien neu 

Schritt 1

Wählen Sie Ihre zusammengesetzten Pfade "thinLines", "thickLines" und "intervals" aus und ersetzen Sie dann einfach R=1 G=212 B=68 durch R=144 G=195 B=221 und R=0 G=255 B=0 durch R=0 G=255 B=255.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration

Herzliche Glückwünsche! Sie sind fertig!

So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.

Speedomenter IllustrationSpeedomenter IllustrationSpeedomenter Illustration