German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)
Im folgenden Tutorial erfahren Sie, wie Sie eine detaillierte Abbildung von dem Knopf und Nadeln erstellen. In diesem Lernprogramm werden viele verschiedene Vektortechniken verwendet, darunter das Erscheinungsbildbedienfeld, Transparenzeinstellungen, Muster und mehr. Lass uns anfangen!
Schritt 1
Drücken Sie Befehlstaste + N, um ein neues Dokument zu erstellen. Geben Sie 600 in das Feld Breite und 700 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 Pixelraster ausrichten" deaktiviert ist, bevor Sie auf "OK" klicken. Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und das Ausrichten an > Raster (Ausrichten an > Raster). Als nächstes benötigen Sie alle 5 Pixel ein Raster.
Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien > Raster und geben Sie 5 in das Feld Rasterlinie 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 in Pixel zu ersetzen. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.
Schritt 2
Wähle das Ellipsen-Werkzeug (L), erstelle einen 190-Pixel-Kreis und fülle ihn mit R=57 G=181 B=74. Wählen Sie es aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -25px ein und klicken Sie auf OK. Wählen Sie den resultierenden Kreis aus, füllen Sie ihn mit R=0 G=148 B=68 und gehen Sie erneut zu Objekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -5px ein und klicken Sie auf OK. Füllen Sie die resultierende Form mit R=57 G=181 B=74.
Schritt 3
Wählen Sie die drei im vorherigen Schritt erstellten konzentrischen Kreise erneut aus, öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf die Schaltfläche Teilen. Wenn Sie zum Ebenenbedienfeld wechseln, finden Sie eine neue Gruppe mit zwei zusammengesetzten Pfaden und einem Kreis. Wählen Sie es aus und heben Sie die Gruppierung auf (Umschalt + Befehl + G).
Schritt 4
Deaktivieren Sie die Option Ausrichten an > Raster (Ausrichten an > Raster), gehen Sie zu Bearbeiten > Einstellungen > Allgemein und stellen Sie sicher, dass das Tastaturinkrement auf 1 Pixel eingestellt ist. Wählen Sie den größeren zusammengesetzten Pfad aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und drücken Sie zweimal auf den Aufwärtspfeil (um sie um 2 Pixel nach oben zu verschieben). Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierenden Formen mit dem im endgültigen Bild gezeigten linearen Farbverlauf.
Schritt 5
Wählen Sie den größeren zusammengesetzten Pfad erneut aus und erstellen Sie zwei neue Kopien (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie um 1 Pixel nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Gruppe von Formen aus, verwandeln Sie sie in einen zusammengesetzten Pfad (Objekt > Zusammengesetzter Pfad > Erstellen) und füllen Sie ihn mit R=105 G=199 B=118.
Schritt 6
Wählen Sie den größeren zusammengesetzten Pfad erneut aus und erstellen Sie zwei neue Kopien (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie um 2 Pixel nach unten. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierenden Formen mit dem im endgültigen Bild gezeigten linearen Farbverlauf.
Schritt 7
Wählen Sie den größeren zusammengesetzten Pfad erneut aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen -2px-Versatz ein und klicken Sie auf OK. Füllen Sie die resultierende Form mit dem im folgenden Bild gezeigten linearen Farbverlauf und gehen Sie zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Geben Sie einen Radius von 3 Pixel ein und klicken Sie auf OK.
Schritt 8
Gehen Sie zum kleineren zusammengesetzten Pfad. Wählen Sie es aus, füllen Sie es mit dem im folgenden Bild gezeigten linearen Farbverlauf und fügen Sie dann einen 1-Punkt-Strich hinzu. Stellen Sie die Farbe auf R=0 G=148 B=68 ein und richten Sie sie nach innen aus.
Schritt 9
Gehen Sie zum Kreis. Wählen Sie es aus und ersetzen Sie die für die Füllung verwendete flache Farbe durch den im folgenden Bild gezeigten linearen Farbverlauf.
Schritt 10
Wählen Sie Ihren Kreis erneut aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen -1px-Versatz ein und klicken Sie auf OK. Duplizieren Sie die resultierende Form (Befehl + C > Befehl + F). Wählen Sie diese Kopie aus und verschieben Sie sie um 1 Pixel nach oben. Wählen Sie beide in diesem Schritt erstellten Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit dem im folgenden Bild gezeigten linearen Farbverlauf.
Schritt 11
Wählen Sie Ihren Kreis erneut aus und gehen Sie erneut zu Objekt > Pfad > Versatzpfad. Geben Sie einen -1px-Versatz ein, klicken Sie auf OK und duplizieren Sie die resultierende Form (Befehl + C > Befehl + F). Wählen Sie die Kopie aus und verschieben Sie sie 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 Minus Front. Füllen Sie die resultierende Form mit dem im folgenden Bild gezeigten linearen Farbverlauf.
Schritt 12
Aktivieren Sie die Option Am Raster ausrichten (Ansicht > Am Raster ausrichten) und greifen Sie zum Ellipsen-Werkzeug (L). Erstellen Sie vier 20-Pixel-Kreise und füllen Sie sie mit Weiß. Platzieren Sie sie wie im folgenden Bild gezeigt und verwandeln Sie sie dann in einen zusammengesetzten Pfad (Objekt > Zusammengesetzter Pfad > Erstellen). Wählen Sie diesen neuen zusammengesetzten Pfad aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Sie benötigen sie für den nächsten Schritt.
Schritt 13
Wählen Sie die Kopie des im Finale des vorherigen Schritts erstellten zusammengesetzten Pfads zusammen mit dem Kreis aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie den resultierenden zusammengesetzten Pfad aus, senden Sie ihn zurück (Umschalt + Befehl + [) und konzentrieren Sie sich auf das Bedienfeld „Darstellung“. Wählen Sie zuerst die Füllung aus und gehen Sie zu Effekt > Stilisieren > Inneres Leuchten. Geben Sie die im folgenden Bild gezeigten Daten ein und klicken Sie auf OK. Fügen Sie als Nächstes einen 1-Punkt-Strich hinzu, setzen Sie seine Farbe auf R=0 G=148 B=68 und richten Sie ihn nach innen aus.
Schritt 14
Deaktivieren Sie die Option Am Raster ausrichten (Ansicht > Am Raster ausrichten). Wählen Sie den im zwölften Schritt erstellten weißen zusammengesetzten Pfad erneut aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen 1px-Versatz ein und klicken Sie auf OK. Wählen Sie den resultierenden zusammengesetzten Pfad aus und erstellen Sie eine Kopie zurück (Befehl + C > Befehl + B). Wählen Sie es aus und verschieben Sie es 1 Pixel nach unten. Wählen Sie den ursprünglichen weißen zusammengesetzten Pfad (den im zwölften Schritt erstellten) erneut aus und löschen Sie ihn. Wählen Sie dann die beiden in diesem Schritt erstellten zusammengesetzten Pfade erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierenden Formen mit dem im folgenden Bild gezeigten linearen Farbverlauf.
Schritt 15
Aktivieren Sie die Option Am Raster ausrichten (Ansicht > Am Raster ausrichten). Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 130 x 65 Pixel große Form, füllen Sie sie mit dem im folgenden Bild gezeigten linearen Farbverlauf und platzieren Sie sie wie im ersten Bild gezeigt. Die gelbe Null aus dem Verlaufsbild steht für den Opazitätsprozentsatz. Wählen Sie den in Schritt 13 erstellten zusammengesetzten Pfad erneut aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie diese Kopie zusammen mit dem neuen Rechteck aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Überschneiden“. Wählen Sie die resultierende Form aus und verringern Sie die Deckkraft auf 30%.
Schritt 16
Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 190 x 95 Pixel große Form, füllen Sie sie mit dem im folgenden Bild gezeigten linearen Farbverlauf und platzieren Sie sie wie im ersten Bild gezeigt. Wählen Sie den großen, grünen zusammengesetzten Pfad erneut aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie es zusammen mit dem neuen Rechteck aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Überschneiden“. Wählen Sie die resultierende Form aus und verringern Sie die Deckkraft auf 50%.
Schritt 17
Wählen Sie alle bisher erstellten Formen aus und duplizieren Sie sie (Befehl + C > Befehl + F). Wählen Sie alle diese Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Vereinigen“. Füllen Sie die resultierende Form mit dem Weiß, senden Sie es nach hinten (Umschalt + Befehl + Linke eckige Klammer) und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im ersten Fenster angezeigten Daten ein, klicken Sie auf OK und gehen Sie erneut zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im mittleren Fenster angezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie dann noch einmal zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im rechten Fenster angezeigten Eigenschaften ein und klicken Sie auf OK. Wählen Sie alle bisher erstellten Formen aus und gruppieren Sie sie (Befehl + G). Dies wird Ihre Schaltfläche sein.
Schritt 18
Fahren wir mit der Nadel fort. Stellen Sie sicher, dass die Option Am Raster ausrichten aktiviert ist. Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 10 x 475 Pixel große Form und füllen Sie sie mit einer zufälligen Farbe. Stellen Sie sicher, dass diese neue Form ausgewählt ist, greifen Sie zum Werkzeug Ankerpunkt hinzufügen (+) und konzentrieren Sie sich auf die Oberseite. Fügen Sie zunächst zwei neue Ankerpunkte zu den grün hervorgehobenen Punkten hinzu. Wählen Sie als Nächstes das Werkzeug Ankerpunkt löschen (-) und entfernen Sie den oberen linken Ankerpunkt. Wählen Sie schließlich den oberen rechten Ankerpunkt aus und verschieben Sie ihn 5 Pixel nach links. Am Ende sollte Ihre Form wie im zweiten Bild aussehen.
Schritt 19
Wählen Sie das Rechteck-Werkzeug (M) und erstelle eine 10 x 120 Pixel große Form. Platzieren Sie es wie im folgenden Bild gezeigt und gehen Sie zu Effekt > Warp > Ausbuchtung. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.
Schritt 20
Wählen Sie die beiden in den letzten beiden Schritten erstellten Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinigen. Als nächstes benötigen Sie alle 1 Pixel ein Raster. Gehen Sie also zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie in jedes Feld 1 in die Rasterlinie ein. Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 6 x 71 Pixel große Form und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie es aus und gehen Sie zu Effektstilisieren > Abgerundete Ecken. Geben Sie einen Radius von 3 Pixel ein, klicken Sie auf OK und gehen Sie zu Effekt > Verzerrung > Ausbuchtung. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.
Schritt 21
Wählen Sie die beiden im vorherigen Schritt erstellten Formen erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Duplizieren Sie die resultierende Form (Befehl + C > Befehl + F). Sie benötigen diese Kopie für den nächsten Schritt. Wählen Sie das Ellipsen-Werkzeug (L), erstellen Sie eine 6 x 80 Pixel große Form und platzieren Sie sie wie in der folgenden Abbildung gezeigt.
Schritt 22
Wählen Sie den zusammengedrückten Kreis und die Kopie des im vorherigen Schritt erstellten großen zusammengesetzten Pfads erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Überschneiden“. Füllen Sie die resultierende Form mit dem im folgenden Bild gezeigten linearen Farbverlauf.
Schritt 23
Deaktivieren Sie die Option Am Raster ausrichten (Ansicht > Am Raster ausrichten). Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 1 Pixel nach links. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Gruppe von Formen aus, verwandeln Sie sie in einen zusammengesetzten Pfad und füllen Sie sie mit R=225 G=225 B=225.
Schritt 24
Für den folgenden Schritt benötigen Sie das Skript "Round Any Corner". Sie finden es in Vectortuts+ Artikel 20 Kostenlose und nützliche Adobe Illustrator-Skripte. Speichern Sie es auf Ihrer Festplatte, kehren Sie zu Illustrator zurück und greifen Sie zum Direktauswahl-Werkzeug (A). Wählen Sie die vier blau hervorgehobenen Ankerpunkte aus und gehen Sie zu Datei > Skripte > Anderes Skript. Öffnen Sie das Round Any Corner-Skript, geben Sie einen Radius von 5 Pixel ein und klicken Sie auf OK. Wählen Sie als Nächstes den grün hervorgehobenen Ankerpunkt aus und gehen Sie zu Datei > Skripte > Anderes Skript. Öffnen Sie erneut das Round Any Corner-Skript, geben Sie einen Radius von 2 Pixel ein und klicken Sie auf OK. Am Ende sollte Ihre Form wie im zweiten Bild aussehen.
Schritt 25
Wählen Sie den im vorherigen Schritt bearbeiteten zusammengesetzten Pfad aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 1 Pixel nach rechts. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Gruppe von Formen aus, verwandeln Sie sie in einen zusammengesetzten Pfad und füllen Sie sie mit dem im folgenden Bild gezeigten linearen Verlauf.
Schritt 26
Wählen Sie den in Schritt 24 bearbeiteten zusammengesetzten Pfad erneut aus und erstellen Sie zwei neue Kopien (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 2 Pixel nach rechts. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Verwandeln Sie die resultierende Gruppe von Formen in einen zusammengesetzten Pfad und füllen Sie ihn mit dem im folgenden Bild gezeigten linearen Farbverlauf.
Schritt 27
Wählen Sie die Hauptnadelform erneut aus und ersetzen Sie die für die Füllung verwendete flache Farbe durch den in der folgenden Abbildung gezeigten linearen Farbverlauf. Wählen Sie alle Formen aus, aus denen Ihre Nadel besteht, und gruppieren Sie sie (Befehl + G).
Schritt 28
Wählen Sie Ihre Nadelgruppe aus, drehen Sie sie und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Wählen Sie die Hauptnadelform erneut aus und fügen Sie die drei im folgenden Bild gezeigten Schlagschatteneffekte hinzu.
Schritt 29
Zum Schluss fügen wir noch ein Stück Schnur hinzu. Öffnen Sie das Pinselbedienfeld und doppelklicken Sie auf den Pinsel "7pt Round". Verringern Sie die Rundheit auf 80% und klicken Sie auf OK. Wählen Sie nun das Pinselwerkzeug (B) und zeichnen Sie einen Wellenpfad, wie in der folgenden Abbildung gezeigt. Wählen Sie es aus, entfernen Sie die Farbe aus der Füllung und fügen Sie den Pinsel "7pt Round" für den Strich hinzu. Stellen Sie die Farbe auf R=70 G=70 B=70 ein.
Schritt 30
Wählen Sie den im vorherigen Schritt erstellten Pfad erneut aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie diese Kopie aus, entfernen Sie den Pinsel vom Strich und ersetzen Sie ihn durch einen einfachen Strich (R=255 G=242 B=0). Wählen Sie es im Bedienfeld „Darstellung“ aus und öffnen Sie das Bedienfeld „Strich“. Aktivieren Sie das Kontrollkästchen Gestrichelte Linie und geben Sie 2 in das Strichfeld und 5 in das Lückenfeld ein. Am Ende sollte Ihr gestrichelter Pfad wie im folgenden Bild aussehen.
Schritt 31
Wählen Sie den Pfad mit dem Pinsel erneut aus und gehen Sie zu Objekt > Pfad > Konturstrich. Wählen Sie den resultierenden Pfad aus und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie den Pfad mit dem gestrichelten Strich erneut aus und gehen Sie zu Objekt > Pfad > Konturstrich. Wählen Sie die resultierende Gruppe von Formen aus und verwandeln Sie sie in einen zusammengesetzten Pfad (Objekt > Zusammengesetzter Pfad > Erstellen). Wählen Sie es zusammen mit der Kopie des erweiterten Pinsels aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Überschneiden“. Verwandeln Sie die resultierende Gruppe von Formen erneut in einen zusammengesetzten Pfad (Objekt > Zusammengesetzter Pfad > Erstellen). Füllen Sie es mit R=235 G=235 B=235, verringern Sie die Deckkraft auf 75% und ändern Sie den Mischmodus auf Überlagern.
Schritt 32
Wählen Sie den erweiterten Pinsel erneut aus und erstellen Sie zwei Kopien vor (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 1 Pixel nach unten und rechts. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Verwandeln Sie die resultierende Gruppe von Formen in einen zusammengesetzten Pfad und füllen Sie ihn mit Schwarz.
Schritt 33
Wählen Sie den erweiterten Pinsel erneut aus und erstellen Sie zwei neue Kopien (Befehl + C > Befehl + F > Befehl + F). Wählen Sie die oberste Kopie aus und verschieben Sie sie 2 Pixel nach unten und rechts. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Verwandeln Sie die resultierende Gruppe von Formen in einen zusammengesetzten Pfad und füllen Sie ihn mit R=120 G=120 B=120.
Schritt 34
Wählen Sie den erweiterten Pinsel erneut aus und fügen Sie die drei im folgenden Bild gezeigten Schlagschatteneffekte hinzu. Fügen Sie außerdem einen 2-Punkt-Strich hinzu, richten Sie ihn nach innen aus und stellen Sie seine Farbe auf R=30 G=30 B=30 ein. Wählen Sie alle Formen aus, aus denen Ihre Zeichenfolge besteht, und gruppieren Sie sie (Befehl + G).
Schritt 35
Als nächstes lassen wir die Schnur durch das Nadelöhr gehen. Wählen Sie das Rechteck-Werkzeug (M) und erstellen Sie eine einfache Form, die den Bereich der Schnur abdeckt, der hinter der Nadel verläuft. Wählen Sie die Hauptnadelform und erstellen Sie eine Kopie vor (Befehl + C > Befehl + F). Wählen Sie es zusammen mit dem Rechteck aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Überschneiden“. Füllen Sie die resultierende Form mit Schwarz.
Schritt 36
Öffnen Sie das Transparenzbedienfeld und wählen Sie die im vorherigen Schritt erstellte schwarze Form zusammen mit Ihrer Zeichenfolgengruppe aus. Öffnen Sie das Flyout-Menü des Transparenzbedienfelds, klicken Sie auf Deckkraftmaske erstellen und deaktivieren Sie das Kontrollkästchen Clip. Am Ende sollte Ihre maskierte Gruppe wie im zweiten Bild aussehen.
Schritt 37
Zum Schluss fügen wir noch einen einfachen Hintergrund hinzu. Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine Form in der Größe Ihrer Zeichenfläche und senden Sie sie nach hinten (Umschalt + Befehl + Linke eckige Klammer). Füllen Sie es mit R=244 G=251 B=245 und fügen Sie dann eine zweite Füllung hinzu, indem Sie auf die Schaltfläche Neue Füllung hinzufügen unten im Bedienfeld „Darstellung“ klicken. Verwenden Sie für diese neue Füllung den im folgenden Bild gezeigten radialen Farbverlauf.
Abschluss
Jetzt ist Ihre Arbeit erledigt. So muss unsere Arbeit aussehen.
By
