Erstellen Sie das Captain America-Schildsymbol in Adobe Illustrator
German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)



Für den Anfang lernen Sie, wie Sie ein einfaches Raster einrichten, den Hauptkreis und die vier Kreise erstellen und sie einfach in der Mitte Ihrer Zeichenfläche platzieren. Mit grundlegenden Misch- und Vektorformerstellungstechniken lernen Sie, wie Sie subtile Schattierungen und eine einfache Sternform hinzufügen. Als Nächstes erfahren Sie, wie Sie ein ziemlich einfaches Verlaufsgitter erstellen. Wenn Sie das Aussehen-Bedienfeld voll ausnutzen und einige einfache Weichzeichnungseffekte verwenden, fügen Sie die zusätzlichen Glanzlichter und Texturen hinzu. Schließlich erfahren Sie, wie Sie einen einfachen Hintergrund, einige Schlagschatteneffekte und einen verblassenden langen Schatten erstellen.
1. Erstellen Sie ein neues Dokument und richten Sie ein Raster ein
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.
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 einfach zu Bearbeiten > Einstellungen > Hilfslinien > Raster, geben Sie 5 in das Feld Rasterlinie jedes Feld und 1 in das Feld Unterteilungen ein. Sie sollten auch das Info-Bedienfeld (Fenster > Info) öffnen, um eine Live-Vorschau mit der Größe und Position Ihrer Formen zu erhalten. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten > Einstellungen > Einheiten > Allgemein auf Pixel einzustellen. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.



2. Erstellen Sie die Hauptformen
Schritt 1
Wählen Sie das Ellipse-Werkzeug (L) 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 = 228 G = 23 B = 28 fest. Wechseln Sie zu Ihrer Zeichenfläche und erstellen Sie einfach einen 290 Pixel großen Kreis.



Schritt 2
Deaktivieren Sie das Raster (Ansicht > Raster ausblenden) und das Ausrichten am Raster (Ansicht > Ausrichten am Raster). In diesem Schritt müssen Sie Ihren roten Kreis zentrieren, also öffnen Sie das Ausrichten-Bedienfeld (Fenster > Ausrichten). Stellen Sie die Ausrichtung auf Zeichenfläche ein (ö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 Horizontale Mitte ausrichten und Vertikale Mitte ausrichten. Am Ende sollte es wie im folgenden Bild aussehen.



Schritt 3
Stellen Sie sicher, dass Ihr roter Kreis ausgewählt ist, und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen Offset von -25px ein und klicken Sie auf OK.
Wählen Sie die resultierende Form aus, ersetzen Sie die vorhandene Füllfarbe durch Weiß (R = 255 G = 255 B = 255) und gehen Sie erneut zu Objekt > Pfad > Pfad versetzt. Geben Sie einen Offset von -25px ein und klicken Sie auf OK.
Stellen Sie sicher, dass die resultierende Form ausgewählt ist, ersetzen Sie die vorhandene Füllfarbe durch R = 228 G = 23 B = 28 und gehen Sie noch einmal zu Objekt > Pfad > Pfad versetzt. Geben Sie einen Versatz von -25px ein und klicken Sie auf OK. Wählen Sie die neu erstellte Form aus und ersetzen Sie die vorhandene Füllfarbe durch R=22 G=77 B=157.



Schritt 4
Gehen Sie zu Bearbeiten > Einstellungen > Allgemein und stellen Sie sicher, dass das Tastaturinkrement auf 1px eingestellt ist. Wählen Sie den größten roten Kreis aus und machen Sie zwei Kopien vorne (Strg-C > Strg-F > Strg-F). Wählen Sie die oberste Kopie aus und verschieben Sie sie mit der Aufwärtspfeiltaste Ihrer Tastatur um 5 Pixel nach oben. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus, öffnen Sie das Pathfinder-Bedienfeld (Fenster > Pathfinder) und klicken Sie auf die Schaltfläche Minus Front.
Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt und konzentrieren Sie sich auf das Aussehenbedienfeld (Fenster > Aussehen). Setzen Sie die Füllfarbe auf Schwarz (R=0 G=0 B=0) und klicken Sie dann einfach auf das Textstück "Deckkraft", um das Flyout-Panel Transparenz zu öffnen. Konzentrieren Sie sich auf das Dropdown-Menü Mischmodus und stellen Sie es auf Weiches Licht ein.



Schritt 5
Wählen Sie den größten roten Kreis erneut aus und erstellen Sie zwei weitere Kopien vorne (Strg-C > Strg-F > Strg-F). Wählen Sie die oberste Kopie aus und verschieben Sie sie mit derselben Aufwärtspfeiltaste auf Ihrer Tastatur um 10px nach oben. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front.
Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, konzentrieren Sie sich auf das Aussehen-Bedienfeld und stellen Sie den Mischmodus auf Weiches Licht ein.



3. Erstellen Sie die Sternform
Schritt 1
Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und am Raster ausrichten (Ansicht > Am Raster ausrichten). Erstellen Sie mit dem Rechteckwerkzeug (M) eine 130 x 45 Pixel große Form, legen Sie die Füllfarbe auf Weiß fest und platzieren Sie sie wie im ersten Bild gezeigt.
Konzentrieren Sie sich auf die untere Seite dieses neuen Rechtecks, wählen Sie das Werkzeug Ankerpunkt löschen (-) und klicken Sie einfach auf den rechten Ankerpunkt, um ihn zu entfernen. Konzentrieren Sie sich weiterhin auf die Unterseite Ihrer neuen Form, wechseln Sie zum Direktauswahlwerkzeug (A), wählen Sie den verbleibenden Ankerpunkt aus und ziehen Sie ihn einfach um 65 Pixel nach rechts. Am Ende sollte es wie im zweiten Bild aussehen.



Schritt 2
Erstellen Sie mit dem Rechteckwerkzeug (M) eine 80 x 125 Pixel große Form, legen Sie die Füllfarbe auf Weiß fest und platzieren Sie sie wie im ersten Bild gezeigt.
Konzentrieren Sie sich auf die Oberseite dieses neuen Rechtecks, wählen Sie das Werkzeug Ankerpunkt löschen (-) und entfernen Sie einfach den rechten Ankerpunkt. Konzentrieren Sie sich weiterhin auf die Oberseite Ihrer neuen, weißen Form und wechseln Sie zum Direktauswahl-Werkzeug (A). Wählen Sie den verbleibenden Ankerpunkt aus und ziehen Sie ihn einfach 40px nach rechts. Wählen Sie die in diesem Schritt erstellte Form erneut aus und gehen Sie zu Objekt > Pfad > Ankerpunkte hinzufügen.
Stellen Sie sicher, dass das Direktauswahlwerkzeug (A) noch aktiv ist, wählen Sie den im dritten Bild markierten Ankerpunkt aus und ziehen Sie ihn einfach 30px nach oben. Am Ende sollte es so aussehen wie im vierten Bild.



Schritt 3
Wählen Sie die beiden weißen Formen, aus denen Ihr Stern besteht, erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinen.



Schritt 4
Stellen Sie sicher, dass Ihre Sternform ausgewählt bleibt, konzentrieren Sie sich auf das Aussehenbedienfeld, wählen Sie den vorhandenen Strich aus und legen Sie seine Farbe auf Schwarz fest.
Konzentrieren Sie sich weiterhin auf Ihren neuen Strich und klicken Sie einfach auf den Textabschnitt "Strich", um das Flyout-Bedienfeld für Striche zu öffnen. Stellen Sie das Gewicht auf 2px ein und aktivieren Sie die Schaltfläche Strich nach innen ausrichten. Stellen Sie sicher, dass Ihr Strich noch ausgewählt ist, verringern Sie seine Deckkraft auf 3%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Pfad > Pfad versetzt. Geben Sie einen Offset von -7px ein und klicken Sie auf OK. Kehren Sie zum Erscheinungsbild-Bedienfeld zurück, wählen Sie den gesamten Pfad aus (klicken Sie einfach auf das Textstück "Pfad" oben im Erscheinungsbild-Bedienfeld) und gehen Sie zu Effekt > Warp > Fisheye. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.



4. Erstellen Sie ein radiales Netz
Schritt 1
Erstellen Sie mit dem Ellipsenwerkzeug (L) einen neuen 290px-Kreis und zentrieren Sie ihn mit den Schaltflächen Horizontale Mitte ausrichten und Vertikale Mitte ausrichten im Bedienfeld Ausrichten. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, öffnen Sie das Verlaufsbedienfeld (Fenster > Verlauf) und klicken Sie einfach auf die Verlaufsminiatur, um den standardmäßigen linearen Schwarz-Weiß-Verlauf hinzuzufügen.
Konzentrieren Sie sich weiterhin auf Ihr Verlaufsbedienfeld, öffnen Sie das Dropdown-Menü Typ und wählen Sie Radial. Am Ende sollte es wie im folgenden Bild aussehen.



Schritt 2
Stellen Sie sicher, dass der Kreis mit dem radialen Verlauf noch ausgewählt ist und gehen Sie zu Objekt > Erweitern. Aktivieren Sie das Kontrollkästchen Verlaufsgitter und klicken Sie dann auf OK.
Konzentrieren Sie sich auf das Ebenenbedienfeld (Fenster > Ebenen), wählen Sie die neu erstellte Gruppe aus, heben Sie die Gruppierung auf (Umschalt-Strg-G) und drücken Sie dann Alt-Strg-7 (oder gehen Sie zu Objekt > Schnittmaske > Freigeben), um die vorhandene Schnittmaske freizugeben. Kehren Sie zum Ebenenbedienfeld zurück und löschen Sie einfach den oberen 290px-Kreis (den ehemaligen Beschneidungspfad).



Schritt 3
Wählen Sie Ihr Mesh aus und öffnen Sie das Transformieren-Bedienfeld (Fenster > Transformieren). Aktivieren Sie die Schaltfläche Breiten- und Höhenverhältnisse einschränken und geben Sie dann einfach 290 in das Feld Breite (oder Höhe) ein.



Schritt 4
Deaktivieren Sie das Raster (Ansicht > Raster ausblenden) und das Ausrichten am Raster (Ansicht > Ausrichten am Raster). Wählen Sie Ihr Netz aus, nehmen Sie das Netzwerkzeug (U) und fügen Sie vier neue Netzpunkte hinzu, wie in der folgenden Abbildung gezeigt.



Schritt 5
Wählen Sie das Direktauswahlwerkzeug (A) und konzentrieren Sie sich auf Ihr Mesh. Wählen Sie die Netzpunkte nacheinander aus und ersetzen Sie die vorhandenen Farben durch die in der folgenden Abbildung gezeigten.



Schritt 6
Stellen Sie sicher, dass Ihr Netz noch ausgewählt ist, konzentrieren Sie sich auf das Transparenzbedienfeld (Fenster > Transparenz) und ändern Sie den Mischmodus auf Multiplizieren.



5. Fügen Sie subtile Schattierung und Textur hinzu
Schritt 1
Erstellen Sie mit dem Ellipsenwerkzeug (L) einen neuen 290px-Kreis, legen Sie die Füllfarbe auf Schwarz fest und zentrieren Sie ihn mit den Schaltflächen Horizontale Mitte ausrichten und Vertikale Mitte ausrichten im Bedienfeld Ausrichten.



Schritt 2
Stellen Sie sicher, dass Ihr schwarzer Kreis ausgewählt bleibt und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Wählen Sie die vorhandene Füllung aus, ändern Sie den Mischmodus in Überlagerung und gehen Sie zu Effekt > Pfad > Pfad versetzt. Geben Sie einen Offset von -2px ein, klicken Sie auf OK und gehen Sie zu Effekt > Künstlerisch > Filmkorn. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Weichzeichnen > Radialer Weichzeichner. Geben Sie die unten angezeigten Attribute ein und klicken Sie auf OK.



Schritt 3
Wählen Sie Ihren vorderen Kreis erneut aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie eine zweite Füllung hinzu, indem Sie die Schaltfläche Neue Füllung hinzufügen verwenden (in der folgenden Abbildung durch den blauen Kreis gekennzeichnet). Wählen Sie diese neue Füllung aus, verringern Sie ihre Deckkraft auf 70%, ändern Sie den Mischmodus auf Multiplizieren und fügen Sie den in der folgenden Abbildung gezeigten radialen Verlauf hinzu. Denken Sie daran, dass die gelben Zahlen aus dem Verlaufsbild für den Prozentsatz der Deckkraft stehen, während die weißen Zahlen für den Standortprozentsatz stehen. Dies bedeutet einfach, dass Sie jeden Farbverlaufsregler auswählen, sich auf die Felder für Deckkraft und Position im Farbverlaufsbedienfeld konzentrieren und die unten angegebenen Zahlen eingeben müssen.



Schritt 4
Wählen Sie Ihren vorderen Kreis erneut aus, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie einen 1 Pixel großen schwarzen Strich hinzu. Wählen Sie diesen subtilen Strich aus, richten Sie ihn nach innen aus, verringern Sie die Deckkraft auf 15% und ändern Sie den Mischmodus auf Überlagerung.
Stellen Sie sicher, dass Ihr vorderer Kreis ausgewählt bleibt, konzentrieren Sie sich weiterhin auf das Aussehen-Bedienfeld und fügen Sie einen zweiten Strich mit der Schaltfläche Neuen Strich hinzufügen hinzu (in der folgenden Abbildung durch den blauen Kreis gekennzeichnet). Wählen Sie diesen neuen Strich aus, legen Sie die Farbe auf Weiß und das Gewicht auf 1px fest, richten Sie ihn nach innen aus, ändern Sie den Mischmodus auf Weiches Licht und gehen Sie zu Effekt > Pfad > Pfad versetzt. Geben Sie einen Offset von -1px ein und klicken Sie auf OK.



Schritt 5
Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und am Raster ausrichten (Ansicht > Am Raster ausrichten). Erstellen Sie mit dem Ellipsenwerkzeug (L) eine 130 x 60 Pixel große Form, stellen Sie die Füllfarbe auf Schwarz ein und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, verringern Sie ihre Deckkraft auf 60%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Geben Sie einen Radius von 20px ein und klicken Sie auf OK.



Schritt 6
Erstellen Sie mit dem Ellipsenwerkzeug (L) eine 140 x 75 Pixel große Form, legen Sie die Füllfarbe auf Weiß fest und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, verringern Sie ihre Deckkraft auf 20%, ändern Sie den Mischmodus auf Farbabwedeln und gehen Sie zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Geben Sie einen Radius von 15px ein und klicken Sie auf OK.



6. Fügen Sie den Hintergrund und einen langen Schatten hinzu
Schritt 1
Erstellen Sie mit dem Rechteckwerkzeug (M) ein neues 610px-Quadrat, legen Sie die Füllfarbe auf R=50 G=55 B=70 fest und zentrieren Sie es mit den Schaltflächen Horizontale Mitte ausrichten und Vertikale Mitte ausrichten im Bedienfeld Ausrichten.
Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, konzentrieren Sie sich auf das Aussehen-Bedienfeld und fügen Sie mit derselben Schaltfläche Neue Füllung hinzufügen eine zweite Füllung hinzu. Wählen Sie diese neue Füllung aus, stellen Sie die Farbe auf Schwarz ein, verringern Sie die Deckkraft auf 10%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie zu Effekt > Künstlerisch > Filmkörnung. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein und klicken Sie auf OK.



Schritt 2
Wählen Sie den größten roten Kreis erneut aus 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 noch einmal zu Effekt > Stilisieren > Schlagschatten. Geben Sie die im unteren rechten Fenster angezeigten Eigenschaften ein und klicken Sie auf OK.



Schritt 3
Erstellen Sie mit dem Rechteckwerkzeug (M) eine 290 x 305 Pixel große Form, legen Sie die Füllfarbe auf Schwarz fest und platzieren Sie sie wie im ersten Bild gezeigt. Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehenbedienfeld. Senken Sie die Deckkraft auf 15%, ändern Sie den Mischmodus auf Weiches Licht und ersetzen Sie die flache Farbe, die für die Füllung verwendet wird, durch den linearen Verlauf, der in der folgenden Abbildung gezeigt wird. Vergessen Sie nicht, dass die weiße Null aus dem Verlaufsbild für den Prozentsatz der Deckkraft steht.



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.


