So erstellen Sie eine Retro-, Vector Invaders-Illustration

In diesem Lernprogramm erfahren Sie, wie Sie eine Retro-Illustration im Space-Invader-Stil erstellen, indem Sie grundlegende Formen und den Effekt Extrudieren und Abschrägen verwenden. Dies ist relativ einfach zu erstellen und macht sehr viel Spaß. Es erfordert ein wenig Planung für die Komposition und einige andere Details. Lassen Sie uns durchgehen, wie Sie dieses Design erstellen.

Endgültige Bildvorschau

Unten ist das endgültige Bild, auf das wir hinarbeiten werden. Möchten Sie auf die vollständigen Vector Source-Dateien und herunterladbaren Kopien jedes Tutorials zugreifen, einschließlich dieses Tutorials? Nehmen Sie an Vector Plus für nur 9 € pro Monat teil.

Tutorial-Details

  • Programm: Adobe Illustrator Version CS3
  • Schwierigkeit: Mittlere
  • Geschätzte Fertigstellungszeit: 1,5 Stunden

Schritt 1

Beginnen Sie mit einem A4-Querformat und öffnen Sie die Rastervoreinstellungen (Illustrator> Vorgaben> Hilfslinien & Raster), setzen Sie die Rasterlinie auf alle 1,5 mm, die Unterteilungen auf 1 und aktivieren Sie das Kontrollkästchen Raster in Schwarz.

Schritt 2

Aktivieren Sie die Option "An Raster ausrichten" ("Ansicht"> "An Raster ausrichten"), und aktivieren Sie das Raster ("Ansicht"> "Raster anzeigen"). Zoomen Sie dann in das Raster in der oberen linken Ecke und zeichnen Sie mit dem Rechteckwerkzeug ein Quadrat mit schwarzer Füllung und ohne Strich in einem der Rasterquadrate. Das Aktivieren von Snap to Grid ist einfach.

Schritt 3

Zeichnen Sie weiterhin Quadrate im Raster, um den ersten spacey-Charakter zu erstellen.

Schritt 4

Zeichnen Sie als nächstes mit derselben Methode das zweite Zeichen und beginnen Sie drei Quadrate vom ersten Zeichen, wie unten gezeigt.

Schritt 5

Ok, jetzt werden wir eine Reihe dieser kleinen bösen Jungs erstellen. Wählen Sie beide Zeichen mit der Maus aus und kopieren Sie sie / Ziehen Sie sie mit gedrückter Alt-Taste (Alt-Ziehen) nach rechts. Platzieren Sie sie drei Quadrate rechts neben dem zweiten Zeichen. Lassen Sie die Maustaste los und drücken Sie die Alt-Taste.

Schritt 6

Unmittelbar nach Schritt 5 wählen Sie Object> Transform> Transform Again oder (Command + D) und wiederholen Sie dies viermal, bis Sie eine Reihe von 12 Invasoren haben.

Schritt 7

Jetzt werden wir den Prozess zum Kopieren, Ziehen und erneuten Transformieren verwenden, um weitere Invasorenzeilen zu erstellen. Wählen Sie zuerst alle Zeichen aus und kopieren Sie sie / ziehen Sie sie mit gedrückter Alt-Taste nach unten. Positionieren Sie sie zwei Quadrate vom unteren Rand der ersten Reihe (lassen Sie die Maustaste los und drücken Sie die Alt-Taste)..

Schritt 8

Unmittelbar danach wählen Sie Objekt> Transformieren> Erneut transformieren oder (Befehlstaste + D) und wiederholen Sie dies dreimal. Jetzt sollten Sie fünf Invasorenreihen haben, wie unten gezeigt.

Schritt 9

Jetzt wollen wir die Reihen versetzen. Wählen Sie die zweite und vierte Zeile mit der Maus aus, wählen Sie dann Object> Transform> Move aus und geben Sie Folgendes ein: Horizontal von 13,5 mm, Vertikal von 0 mm, Abstand von 13,5 mm und Winkel von 0 mm. Zuletzt. Zum Schluss drücken Sie OK.

Schritt 10

OK, Sie sollten jetzt etwas haben, das dem Bild unten ähnelt. Prüfen Sie, ob die Augen der Charaktere untereinander aufgereiht sind (wie mit dem getönten Streifen dargestellt). Wenn nicht, wählen Sie einfach die zweite und vierte Reihe erneut aus und verschieben Sie sie mit der Maus, bis sie an der richtigen Position einrasten.

Schritt 11

Lasst uns jetzt das verteidigende Raumschiff erstellen. Verwenden Sie das Rechteckwerkzeug, und zeichnen Sie ein Quadrat mit einer schwarzen Füllung und keinem Strich in eines der Rasterfelder unter der letzten Reihe von Eindringlingen in der Nähe der Mitte. Dies ist wieder einfach, wenn Snap To Grid noch eingeschaltet ist. Zeichnen Sie weiter Quadrate und Rechtecke im Raster, um den untenstehenden Charakter mit zusätzlichen Quadraten für die Aufnahmen zu erstellen.

Schritt 12

Um die Eindringlinge in die Luft zu sprengen, löschen Sie einige der Quadrate und verschieben Sie andere. Sie können dem Muster unten folgen oder ein eigenes erstellen.

Schritt 13

Jetzt können wir einige der Eindringlinge löschen, um die Szene festzulegen. Wieder können Sie dem Muster unten folgen (die magentafarbenen löschen) oder Ihr eigenes wählen.

Schritt 14

Fügen Sie nun einige Schüsse hinzu, die von den Eindringlingen stammen. Wieder können Sie dem Muster unten folgen oder Ihr eigenes wählen.

Schritt 15

Deaktivieren Sie nun "Am Raster ausrichten" ("Ansicht"> "Am Raster ausrichten") und das Raster auch ausblenden ("Ansicht"> "Raster ausblenden"). Wählen Sie das gesamte Bildmaterial aus und schneiden Sie es aus (Bearbeiten> Ausschneiden). Zeigen Sie die Seite dann unter Aktuelle Größe (Ansicht> Aktuelle Größe) an, und fügen Sie das Bild wieder in (Bearbeiten> Einfügen) ein. Dadurch wird das Bild in der Mitte der Seite platziert.

Schritt 16

Als nächstes wählen Sie einen Space Invader-Charakter mit den kleinen hervorstehenden Beinen aus und kopieren / ziehen Sie ihn (Alt-Drag) nach links. Wenn es noch ausgewählt ist, rufen Sie das Pathfinder-Fenster (Fenster> Pathfinder) auf. Wählen Sie im Bereich Shape-Modi die Schaltfläche Add To Shape Area (siehe unten) und drücken Sie die Expand-Taste. Dadurch werden alle Teile zu einem Objekt zusammengefügt.

Schritt 17

Dies ist eine Wiederholung von Schritt 16, aber wählen Sie diesmal den anderen Formstil des Eindringlings aus und kopieren / ziehen Sie ihn (Alt-Ziehen) nach rechts. Drücken Sie, während es noch ausgewählt ist, im Bereich der Formmodi auf die Schaltfläche Bereich hinzufügen, und drücken Sie dann die Schaltfläche Erweitern.

Schritt 18

Wählen Sie nun die beiden Space Invaders aus, die Sie gerade erstellt haben, und sperren Sie sie (Objekt> Sperren> Auswahl). Wählen Sie als Nächstes den Rest des Bildmaterials aus und klicken Sie im Formmodusabschnitt erneut auf die Schaltfläche Zum Formbereich hinzufügen, und drücken Sie dann die Schaltfläche Erweitern. Schalte jetzt die zwei zusätzlichen Eindringlinge frei (Objekt> Alle freischalten).

Schritt 19

Sie sollten jetzt drei separate Objekte haben (siehe unten)..

Schritt 20

Als Nächstes werden wir den 3D-Effekt anwenden. Wählen Sie den Hauptteil der Eindringlinge aus (Nr. 2) und wählen Sie den Effekt Extrudieren und Abschrägen (Effekte> 3D> Extrudieren und Abschrägung). Markieren Sie zunächst das Vorschaufenster und geben Sie dann Folgendes ein: Drehung um die X-Achse von 24 °, Drehung um die Y-Achse von -12 °, Drehung um die Z-Achse von -12 °, Perspektive von 120 °, Extrudiertiefe von 15pt und Oberfläche von Kunststoffschattierung. Drücken Sie noch nicht OK, und drücken Sie zuerst die Schaltfläche Weitere Optionen.

Schritt 21

Ändern Sie im Feld Weitere Optionen die Schattierungsfarbe in Keine und ziehen Sie den weißen Kreis auf der Kugel nach rechts (siehe Abbildung unten). Dies ändert die Richtung der Beleuchtung..

Schritt 22

Erstellen Sie nun ein neues Licht, indem Sie auf das Symbol für neues Licht klicken, und ziehen Sie den weißen Kreis auf der Kugel wie gezeigt nach links (dadurch erhalten Sie ein dramatischeres Aussehen). Klicken Sie nun auf OK, oder Sie können mit den Drehungen, der Perspektive und der Extrusionstiefe herumspielen, um einen gewünschten Look zu erstellen.

Schritt 23

Wählen Sie anschließend einen der verbleibenden Invasoren aus und wenden Sie denselben Effekt an (Effekte> Extrudieren und Abschrägung anwenden)..

Schritt 24

Wählen Sie nun die letzten Invasoren aus und wenden Sie den gleichen Effekt erneut an (Effekte> Extrudieren und Abschrägung anwenden)..

Schritt 25

Als Nächstes möchten wir den gerade angewendeten Effekt erweitern. Markieren Sie das gesamte Bildmaterial und wählen Sie Objekt> Darstellung erweitern.

Schritt 26

Jetzt können wir Farbe hinzufügen. Doppelklicken Sie zuerst auf das Zauberstab-Werkzeug, um das Einstellungsfeld aufzurufen, und setzen Sie die Toleranz auf 4.

Schritt 27

Wählen Sie mit dem Zauberstab die dunkelste graue Farbe auf der Basis eines der Eindringlinge aus (siehe unten). Dadurch werden nun alle Basen aufgrund der Einstellung, die wir in der Toleranz für Zauberstäbe angewendet haben, ausgewählt.

Schritt 28

Wenden Sie bei Auswahl aller Basen eine Farbe an. Ich habe mich für 50% Cyan, 50% Magenta, 50% Gelb und 100% Schwarz entschieden, um mir eine satte schwarze Farbe zu geben.

Schritt 29

Wählen Sie erneut mit dem Zauberstab-Werkzeug die hellste grau / weiße Farbe auf der Seite eines der Eindringlinge aus (siehe unten)..

Schritt 30

Wenn alle Seiten ausgewählt sind, wenden Sie eine Farbe an. Ich habe 0% Cyan, 50% Magenta, 100% Gelb und 0% Schwarz als helle orange Farbe gewählt.

Schritt 31

Verwenden Sie erneut das Zauberstab-Werkzeug, um die hellgraue Farbe eines beliebigen Zeichens auszuwählen (siehe unten)..

Schritt 32

Wenn alle Seiten ausgewählt sind, wenden Sie eine Farbe an. Ich habe 0% Cyan, 0% Magenta, 0% Gelb und 0% Schwarz gewählt, mit anderen Worten: Weiß.

Schritt 33

Wählen Sie anschließend das Direktauswahl-Werkzeug.

Schritt 34

Verwenden Sie das Werkzeug, um die weißen Flächen des verteidigenden Raumschiffs und der von ihm kommenden Schüsse einzeln auszuwählen (siehe unten). Denken Sie daran, die Umschalttaste gedrückt zu halten.

Schritt 35

Wenn alle Gesichter ausgewählt sind, wenden Sie eine Farbe an. Ich entschied mich für 100% Cyan, 0% Magenta, 100% Gelb und 45% Schwarz für eine dunkelgrüne Farbe.

Schritt 36

Wählen Sie erneut mit dem Direktauswahl-Werkzeug die orangefarbenen Seiten des Raumschiffes und der Aufnahmen aus.

Schritt 37

Wenden Sie jetzt eine Farbe auf diese Auswahl an. Ich entschied mich für 100% Cyan, 0% Magenta, 100% Gelb und 75% Schwarz für eine noch dunklere grüne Farbe.

Schritt 38

Sie sollten etwas wie das unten abgebildete Bild haben. Wählen Sie nun nacheinander die zusätzlichen Eindringlinge aus (siehe unten), skalieren Sie sie und drehen Sie sie in Positionen, die Ihnen gut erscheinen.

Schritt 39

Jetzt ist es Zeit für den letzten Schliff. Wählen Sie das gesamte Bildmaterial aus und gruppieren Sie es (Objekt> Gruppe). Kopieren Sie nun die Gruppe (Bearbeiten> Kopieren) und Einfügen im Hintergrund (Bearbeiten> Einfügen im Hintergrund). Als Nächstes skalieren und drehen Sie die Kopie. Etwas ähnlich dem unten gezeigten wird funktionieren. Ändern Sie dann die Füllfarbe in none, die Strichfarbe in 85% Schwarz und stellen Sie den Strich auf 0,3pt.

Schließlich zeichnen Sie mit dem Rechteckwerkzeug eine Box mit einer Füllung aus 100% Schwarz und ohne Kontur um die Abbildung. Jetzt schicke es nach hinten (Objekt> Anordnen> Nach hinten verschieben).

Fazit

Ich hoffe, Sie fanden das nützlich und hatten Spaß daran, dieses Design zu machen! Das endgültige Bild ist unten!

Abonnieren Sie den Vectortuts + RSS-Feed, um mit den neuesten Vektor-Tutorials und Artikeln auf dem Laufenden zu bleiben.