Scroll to top

German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

In diesem Tutorial lernen Sie, wie Sie eine realistisch aussehende E-Gitarre erstellen. Wir beginnen mit Grundformen und bauen uns mit ein paar einfachen, aber effektiven Techniken auf. Sie werden lernen, wie Sie 3D-Effekt-, Skalierungs- und Mischoptionen verwenden, um eine Gitarre zu erstellen, die selbst den rockigsten Vektorfans würdig ist!

Schritt 1

Öffnen Sie zunächst Adobe Illustrator und erstellen Sie ein neues RGB-Dokument mit einer Größe von 2000 x 800 Pixel. Stellen Sie die Auflösung auf 300 dpi ein.

Step 1Step 1Step 1

Schritt 2

Fügen Sie als Nächstes eine neue Ebene hinzu und nennen Sie sie "guides". Schalten Sie die Lineale ein (Strg + R) und ziehen Sie eine horizontale Führung heraus. Verwenden Sie die Palette "Ausrichten", um die Führung genau in die Mitte des Dokuments zu platzieren. Es wird die Achse unserer Gitarre.

Step 2Step 2Step 2

Schritt 3

Beginnen wir mit dem Körper! Erstellen Sie eine neue Ebene und nennen Sie sie "body". Wählen Sie das Ellipsen-Werkzeug (L) und klicken Sie einmal auf die Zeichenfläche. Geben Sie 590px für die Breite und Höhe ein, um einen perfekten Kreis zu erstellen. Wählen Sie mit dem Direktauswahl-Werkzeug (A) den linken Ankerpunkt aus und verschieben Sie ihn mit Transformieren (Fenster > Transformieren) um 35 Pixel nach rechts. Machen Sie dasselbe mit dem rechten Ankerpunkt, aber bewegen Sie ihn diesmal um 20 Pixel nach links. Wählen Sie mit Ihrem Auswahlwerkzeug (V) die gesamte Form aus und öffnen Sie die Palette "Transformieren" (Fenster > Transformieren). Setzen Sie den Referenzpunkt auf die Mitte und geben Sie eine X-Koordinate von 360 px und eine Y-Koordinate von 400 px ein. Die Mitte des Objekts sollte gut zur Führung ausgerichtet sein.

Schritt 4

Fügen Sie dem Gitarrenkörper immer wieder Formen hinzu. Erstellen Sie einen Kreis mit einer Größe von 150 x 150 Pixel und duplizieren Sie ihn. Verwenden Sie die Transformationspalette erneut, und platzieren Sie eine bei X: 806px Y: 538px. Bewegen Sie den zweiten Kreis auf X: 854px Y: 278px. Nimm das Stiftwerkzeug (P) und zeichne drei Formen, die den Rest des Gitarrenkörpers ausmachen. Versuchen Sie einen reibungslosen Übergang zwischen allen Elementen.

Step 4Step 4Step 4

Schritt 5

Öffnen Sie die Pathfinder-Palette, wählen Sie alle Formen mit Ausnahme des unteren Kreises aus und führen Sie sie zusammen. Klicken Sie auf den Kreis und bringen Sie ihn nach vorne (Umschalt + Strg + Rechte Klammer). Wählen Sie beide verbleibenden Formen aus und subtrahieren Sie den Kreis wie einen Ausstecher, um einen Teil der Körperform zu subtrahieren.

Step 5Step 5Step 5

Schritt 6

Auf zum Griffbrett! Erstellen Sie eine neue Ebene und nennen Sie sie "fret board". Klicken Sie bei ausgewähltem Rechteck-Werkzeug (M) auf die Zeichenfläche und erstellen Sie ein Rechteck mit einer Größe von 846 x 100 Pixel. Gehen Sie erneut zur Transformationspalette und positionieren Sie die Mitte des Rechtecks auf X: 1170px Y: 400px.

Nimm das Direktauswahl-Werkzeug (A) und gehe über die beiden Ankerpunkte auf der rechten Seite deines Rechtecks. Wählen Sie das Skalierungswerkzeug (S), drücken Sie die Eingabetaste und setzen Sie die Transformation auf 80%. Dies sorgt für eine schöne Verengung unseres Griffbretts

Step 6aStep 6aStep 6a
Step 6bStep 6bStep 6b

Schritt 7

Erstellen Sie eine neue Ebene und nennen Sie sie "head". Nimm das Stiftwerkzeug (P) und beginne mit dem Skizzieren der Hälfte des Kopfumrisses. Richten Sie die Ankerpunkte des Terminals an der Führung und der Ecke des Griffbretts aus

Step 7Step 7Step 7

Schritt 8

Stellen Sie nun sicher, dass Ihre Smart Guides aktiv sind. Gehen Sie zu Fenster > Smart Guides oder drücken Sie einfach Strg + U. Die Tastenkombination ist möglicherweise sehr nützlich, da Smart Guides hilfreich sind, aber manchmal stören sie Sie. Wählen Sie Ihre Kopfform (tatsächlich die Hälfte) und reflektieren Sie mit dem Reflexionswerkzeug (O) die Form entlang unserer horizontalen Führung. Alles, was Sie tun müssen, ist, direkt auf die Hilfslinie zu klicken, um den Reflexionspunkt festzulegen, und dann bei gedrückter Umschalttaste + Option auf eine andere Stelle in der Hilfslinie zu klicken. Während des Tutorials werden Sie diesen Vorgang beherrschen.

Schließen Sie die entsprechenden Endpunkte mit dem Direktauswahl-Werkzeug (A) und bringen Sie sie in die gesamte Kopfform (Objekt > Pfad > Verbinden).

Step 8aStep 8aStep 8a
Step 8bStep 8bStep 8b

Schritt 9

Jetzt haben wir die Grundform festgelegt - fügen wir eine Dimension hinzu! Wählen Sie den Körper und die Kopfform aus und setzen Sie die Füllfarbe ohne Strich auf Schwarz. Gehen Sie anschließend zu Menü Effekte > 3D > Extrudieren & Abschrägen und wenden Sie die folgenden Einstellungen an. Möglicherweise möchten Sie die Beleuchtung anpassen, um den gewünschten Effekt zu erzielen.

Step 9Step 9Step 9

Schritt 10

Wähle den Bund aus und fülle ihn mit einem schönen braunen Farbverlauf. Ich habe die RGB-Werte 79, 51, 27 und 35, 31, 32 verwendet. Entfernen Sie auch alle Striche aus der Form und wenden Sie den 3D-Effekt wie folgt an.

Step 10aStep 10aStep 10a
Step 10bStep 10bStep 10b

Schritt 11

Erstellen Sie eine neue Ebene und nennen Sie sie "frets". Zeichnen Sie als Nächstes ein Rechteck mit einer Größe von 94 x 4 Pixel und positionieren Sie die Mitte bei X: 760 Pixel. Ziehen Sie eine Kopie des Rechtecks heraus und positionieren Sie es bei X: 1527px. Skalieren Sie es vertikal auf 80%.

Step 11aStep 11aStep 11a
Step 11bStep 11bStep 11b

Schritt 12

Wählen Sie beide Rechtecke aus, gehen Sie zu Effektmenü > Stilisieren > Runde Ecken und wenden Sie einen Radius von 10 Pixel an. Füllen Sie beide Rechtecke mit einem Farbverlauf von Schwarz bis Weiß. Verwenden Sie das Verlaufswerkzeug (G), um den Verlauf neu zu positionieren.

Step 12Step 12Step 12

Schritt 13

Wählen Sie beide Bünde aus und gehen Sie zu Objektmenü > Mischen > Erstellen. Die Bünde müssen angepasst werden. Rufen Sie daher die Mischoptionen auf (Objektmenü > Mischung > Mischoptionen). Stellen Sie den Abstand auf die angegebenen Schritte ein und geben Sie 21 Schritte ein.

Step 13Step 13Step 13

Schritt 14

Jetzt ist es der schwierige Teil. Da die Bünde nicht regelmäßig verteilt werden, müssen wir sie manuell einstellen. Rufen Sie Ihre Ebenen-Palette auf, suchen Sie den Rücken unserer Mischung und wählen Sie ihn aus. Klicken Sie anschließend mit dem Konvertierungswerkzeug (Umschalt + C) auf die Ankerpunkte und ziehen Sie den Rücken bei gedrückter Umschalttaste, um die Mischung neu zu formen. Verwenden Sie die folgenden Bilder als Referenz.

Step 14aStep 14aStep 14a
Step 14bStep 14bStep 14b

Schritt 15

Wählen Sie die Ebene "fret board" aus und zeichnen Sie mit Ihrem Stiftwerkzeug (P) eine Positionsmarkierungsform neben dem ersten Bund. Füllen Sie es mit einem subtilen grauen Farbverlauf. Ziehen Sie eine Kopie heraus, skalieren Sie sie und positionieren Sie sie auf der dritten Markierung. Wiederholen Sie diesen Vorgang, bis Sie die Bünde Ihrer Wahl markieren. Ich habe das für die Bünde 1, 3, 5, 7, 9, 12, 15, 17, 19 gemacht:

Step 15Step 15Step 15

Schritt 16

Erstellen Sie eine neue Ebene und nennen Sie sie "pegs". Positionieren Sie es direkt unter der "head" Ebene. Zeichnen Sie mit dem Ellipsen-Werkzeug (L) und dem Rechteck-Werkzeug (M) einen perfekten Kreis und ein dünnes Rechteck. Entfernen Sie die untere Hälfte des Kreises, skalieren Sie ihn horizontal auf 90% und richten Sie die verbleibende Hälfte am Rechteck aus, um einen Stift zu erstellen. Wählen Sie beide Formen aus und füllen Sie sie mit einem Schwarz-Weiß-Farbverlauf ohne Strich (siehe Bild). Gruppieren Sie die Stiftformen (Strg + G) und ziehen Sie 2 Kopien heraus. Positionieren Sie sie am Kopf der Gitarre. Wählen Sie als nächstes einfach die drei Stifte aus und kopieren Sie sie mit der in Schritt 8 verwendeten Technik.

Step 15aStep 15aStep 15a
Step 15bStep 15bStep 15b

Schritt 17

Die Basis unserer Gitarre ist fertig. Fügen wir nun einige weitere Details hinzu.

Erstellen Sie eine neue Ebene über der Ebene "head" und nennen Sie sie "gear". Erstellen Sie einen perfekten Kreis von 26 x 26 Pixel. Richten Sie die Smart Guides vertikal am ersten Stift aus. Erstellen Sie eine Kopie des Kreises und verkleinern Sie ihn. Wiederholen Sie diesen Vorgang, um drei konzentrische Kreise zu erhalten. Setzen Sie ihre Strichfarbe auf keine und füllen Sie sie mit einem schönen Schwarz-Weiß-Farbverlauf. Vielleicht möchten Sie es optimieren, um einen schönen 3D-Effekt zu erzielen. Gruppieren Sie die konzentrischen Kreise (Strg + G) und Option + Ziehen Sie 2 Kopien. Richten Sie sie an den verbleibenden Stiften aus, wählen Sie alle aus und kopieren Sie sie auf die andere Seite des Kopfes.

Step 17Step 17Step 17

Schritt 18

Nimm das Stiftwerkzeug (P) und zeichne die unten gezeigte Form. Reflektiere die Form und füge sie zusammen. Wenden Sie einen Schwarz-Weiß-Farbverlauf an. Erstellen Sie nun einen weiteren Kreis, kopieren Sie ihn und verkleinern Sie ihn. Richten Sie diese beiden Kreise zusammen aus und wenden Sie den Farbverlauf erneut an. Ziehen Sie zwei Kopien heraus und positionieren Sie sie entsprechend dem Bild.

Step 18aStep 18aStep 18a
Step 18bStep 18bStep 18b
Step 18cStep 18cStep 18c

Schritt 19

Verwenden Sie noch auf der Ebene "gear" das Rechteck-Werkzeug (M), um ein Rechteck mit einer Größe von 84 x 170 Pixel zu erstellen. Rufen Sie die Transformationspalette auf und positionieren Sie die Mitte des Rechtecks auf X: 702, Y: 400. Gehen Sie als nächstes zum Menü Effekt und wählen Sie Stilisieren > Runde Ecken. Wenden Sie einen Radius von 6 Pixel an und klicken Sie auf OK. Gehen Sie als nächstes zum Menü Objekt und wählen Sie Darstellung erweitern. Füllen Sie das Objekt mit einem grauen Farbverlauf ohne Strich.

Step 19Step 19Step 19
Step 19bStep 19bStep 19b

Schritt 20

Rufen Sie bei ausgewähltem abgerundeten Rechteck das Skalierungswerkzeug (S) auf und drücken Sie die Eingabetaste. Geben Sie 80% für Horizontal und 75% für Vertikal ein und klicken Sie auf Kopieren. Bewegen Sie das kleinere Rechteck 3px nach links und füllen Sie es zur Unterscheidung mit Orange. Fügen Sie als nächstes vier kleine Kreise in die Ecken des größeren Rechtecks ein und füllen Sie sie mit einem weiteren grauen Farbverlauf, um Schrauben zu imitieren.

Step 20aStep 20aStep 20a
Step 20bStep 20bStep 20b

Schritt 21

Jetzt geht Action los! Wir werden einen Trick anwenden, um dem kleineren Rechteck das Aussehen von poliertem Metall zu verleihen. Wählen Sie das Linienwerkzeug (Backslash) und zeichnen Sie ein paar abgewinkelte Linien. Stellen Sie die Strichfarbe auf verschiedene Graustufen ein. Wählen Sie alle Linien aus und mischenSie sie, indem Sie Strg + Wahltaste + B drücken. Wahltaste + Ziehen Sie eine Kopie des orangefarbenen Rechtecks zur späteren Verwendung heraus. Bewegen Sie das ursprüngliche Rechteck über die Überblendung, Umschalttaste + Klicken Sie auf die Überblendung, um sie zur Auswahl hinzuzufügen, und drücken Sie Strg + 7, um eine Schnittmaske zu erstellen.

Step 21aStep 21aStep 21a
Step 21bStep 21bStep 21b
Step 21c

Schritt 22

Fügen wir nun etwas Tiefe hinzu. Bewegen Sie das orangefarbene Rechteck zurück über die Maske, sodass es diese überlappt. Wählen Sie dann das größere Rechteck aus und drücken Sie Strg + C, um es zu kopieren, und Strg + F, um es vorne einzufügen. Klicken Sie bei gedrückter Umschalttaste auf das orangefarbene Rechteck, um es der Auswahl hinzuzufügen. Ändern Sie die Füllung beider Rechtecke in Weiß und den Strich in Keine. Gehen Sie als nächstes zu Effektmenü > 3D > Extrudieren & Abschrägen. Geben Sie die unten gezeigten Werte ein und klicken Sie auf OK. Öffnen Sie als Nächstes, während beide Rechtecke noch ausgewäht sind, Ihre Transparenzpalette und ändern Sie den Mischmodus auf Multiplizieren.

Step 22aStep 22aStep 22a
Step 22bStep 22bStep 22b

Schritt 23

Erstellen Sie mit dem Ellipsen-Werkzeug (L) einen Kreis in der oberen rechten Ecke des kleineren Rechtecks. Verwenden Sie das Reflect Tool, um eine Kopie davon auf der gegenüberliegenden Seite des Rechtecks zu erstellen. Nachdem Sie beide Kreise ausgewählt haben, drücken Sie Befehlstaste + Strg + B, um sie zu mischen, und passen Sie die Anzahl der Schritte auf 4 an. Gehen Sie nun zum Menü Objekt und klicken Sie auf Erweitern. Wählen Sie alle sechs Kreise aus, ändern Sie ihre Strichfarbe in "Keine" und füllen Sie sie mit einem weißen bis schwarzen Farbverlauf. Dies ist der Effekt, den Sie erzielen sollten.

Step 23

Schritt 24

Wählen Sie alle Humbucker-Tonabnehmerformen aus und wählen Sie mit gedrückter Wahltaste + Ziehen, um eine Kopie davon zu erstellen. Positionieren Sie sie links und passen Sie die Position der Elemente an.

Step 24Step 24Step 24

Schritt 25

Erstellen Sie noch auf der Ebene "gear" ein 22 x 150 Pixel großes Rechteck und positionieren Sie es hinter dem zweiten Humbucker-Tonabnehmer. Gehen Sie zum Effektmenü > Stilisieren > Runde Ecken. Geben Sie 11px für den Radius ein, klicken Sie auf OK und erweitern Sie den Effekt. Drehen Sie anschließend mit dem Drehwerkzeug (R) das abgerundete Rechteck um einige Grad gegen den Uhrzeigersinn. Füllen Sie die Form mit einem Schwarz-Weiß-Farbverlauf, ohne Strich.

Step 25a
Step 25bStep 25bStep 25b

Schritt 26

Jetzt kümmern wir uns um die Brücke. Erstellen Sie ein kleines horizontales Rechteck mit einer Schwarz-Weiß-Verlaufsfüllung. Kopieren Sie das Rechteck und drehen Sie es in eine vertikale Position. Legen Sie die beiden Rechtecke übereinander und erstellen Sie ein leicht versetztes Kreuz. Gruppieren Sie sie dann. Verwenden Sie das folgende Bild als Referenz.

Step 26

Schritt 27

Reflektieren Sie das in Schritt 26 erstellte Element und platzieren Sie es am unteren Rand des zugrunde liegenden Objekts. Wählen Sie beide Formen aus und mischen Sie sie in 4 Schritten. Stellen Sie die Elemente so ein, dass sie gut zu den Tonabnehmern des Humbuckers passen. Beenden Sie die Brücke, indem Sie zwei Kreissätze hinzufügen, um die Schrauben zu imitieren. Geben Sie ihnen eine Verlaufsfüllung und passen Sie alle anderen Farbverläufe an, um eine gleichmäßige Beleuchtung zu erzielen.

Step 27Step 27Step 27
Step 27b

Schritt 28

Erstellen Sie auf der Ebene "gear" einen Kreis von 14 x 14 Pixel. Positionieren Sie es auf der gleichen Ebene wie die Tonabnehmer und die Brückenhalter. Fügen Sie innen einen kleineren Kreis hinzu und schattieren Sie sie mit grauen Verläufen. Erstellen Sie zwei weitere Kreissätze und richten Sie sie an den jeweiligen Tonabnehmern aus, wobei Sie jedes der Elemente leicht nach rechts verschieben. Kopieren Sie die drei Saitenhalter, fügen Sie sie ein und positionieren Sie sie unten, um eine vollständige Reihe von Saitenhaltern zu bilden.

Sttep 28aSttep 28aSttep 28a
Step 28bStep 28bStep 28b

Schritt 29

Lassen Sie uns nun einige Bedienknöpfe erstellen. Zeichnen Sie einen Kreis mit einem Durchmesser von etwa 34 Pixel und erstellen Sie eine etwas kleinere Kopie darüber. Holen Sie sich das Liniensegment-Werkzeug (Backslash) und zeichnen Sie drei Linien - zwei davon bilden ein Kreuz und eine dritte ein paar Grad von der Vertikalen entfernt.

Mischen Sie die drei Linien miteinander (verwenden Sie die glatte Farbe als Abstand), positionieren Sie den kleineren Kreis vor der Mischung und maskieren Sie damit die Mischung. Füllen Sie den größeren Kreis mit einem Schwarz-Weiß-Farbverlauf und geben Sie ihm keinen Strich. Gruppieren Sie die drei Formen, erstellen Sie drei Kopien und positionieren Sie sie dort, wo sich die Gitarrenknöpfe befinden sollten. Dies ist der Effekt, den wir suchen:

Step 29aStep 29aStep 29a
Step 29bStep 29bStep 29b
Step 29cStep 29cStep 29c

Schritt 30

Fügen wir einige Zeichenfolgen hinzu, sollen wir? Erstellen Sie eine Ebene mit dem Namen "strings" und positionieren Sie sie über den anderen Ebenen. Klicken Sie mit dem Stiftwerkzeug (P) einmal in die Mitte des Saitenhalters und dann erneut zwischen Griffbrett und Kopf, um ein Segment zu erstellen. Geben Sie dem Pfad einen grauen Strich. Wählen Sie den Pfad aus und reflektieren Sie ihn auf der anderen Seite des Griffbretts. Wenn beide Saiten ausgewählt sind, mischen Sie sie in 4 Schritten. Erweitern Sie die Mischung und greifen Sie mit dem Direktauswahl-Werkzeug (A) die Enden der Zeichenfolgen und richten Sie sie an den Zeichenfolgenhaltern aus.

Step 30aStep 30aStep 30a
Step 30bStep 30bStep 30b

Schritt 31

Lassen Sie uns ein paar Verbesserungen hinzufügen. Wählen Sie das Stiftwerkzeug (P) und verbinden Sie die Saiten mit der Technik aus dem vorherigen Schritt mit ihren jeweiligen Stiften. Wählen Sie die Ebene "gear" aus und erstellen Sie ein Rechteck mit einer Größe von 8 x 78 Pixel. Positionieren Sie es über der Fuge zwischen Kopf und Griffbrett. Füllen Sie es mit einem grauen Farbverlauf und wenden Sie die Einstellungen für Extrudieren und Abschrägen wie folgt an:

Step 31aStep 31aStep 31a
Step 31b
Step 31cStep 31cStep 31c

Schritt 32

Wir sind fast da! Erstellen Sie eine weitere Ebene und legen Sie sie auf den Ebenenstapel. Wählen Sie nun alle Kreise aus, die die Zylinder bilden, auf denen die Zeichenfolgen gerollt werden, und ziehen Sie sie auf die oberste Ebene, sodass sie über den Zeichenfolgen angezeigt werden.

Step 32Step 32Step 32

Schritt 33

Letzter Schritt! Wählen Sie die Ebene "body" aus und zeichnen Sie mit dem Stiftwerkzeug (P) eine Hervorhebungsform. Füllen Sie es mit einem radialen Schwarz-Weiß-Farbverlauf, stellen Sie den Mischmodus auf Bildschirm und reduzieren Sie die Deckkraft auf 50%.

Step 33aStep 33aStep 33a
Step 33bStep 33bStep 33b

Abschluss

Ihre realistisch aussehende E-Gitarre ist bereit zu rocken! Sie können mit verschiedenen Farben oder Lichteffekten experimentieren, um das gewünschte Aussehen zu erhalten - Sie können sogar Ihre eigenen Griffbrett-Ornamente hinzufügen! Die Techniken in diesem Tutorial können verwendet werden, um verschiedene Gitarrenstile zu erstellen, eine Google-Suche durchzuführen, um einige Referenzbilder zu finden und die verschiedenen Modelle für sich selbst zu erstellen. Der Himmel ist die Grenze!