So erstellen Sie Ihre eigene stilisierte Vektorstadt

In diesem Tutorial erklären wir, wie Sie Vektor-Wolkenkratzer erstellen und wie Sie eine Vektorstadt mit einfachen Schritten einrichten. Dies ist ein Anfänger-Tutorial und leicht zu folgen. Lass uns anfangen!

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: CS4
  • Schwierigkeit: Anfänger
  • Voraussichtliche Fertigstellungszeit: 1 Stunde

Schritt 1

Öffnen Sie ein neues Dokument und wählen Sie in der Symbolleiste das rechteckige Werkzeugraster aus.

Schritt 2

Setzen Sie zuerst die Füllung auf Schwarz und den Strich auf Weiß. Klicken Sie dann einmal auf die Zeichenfläche, um das Fenster mit den rechteckigen Gitteroptionen zu öffnen. Übernehmen Sie die Einstellungen, die Sie im Bild unten sehen.

Ich wählte eine einfach zu teilende Größe (100 x 500), so dass uns das Raster, das wir einrichten, quadratische Felder geben wird. Wählen Sie 50 für horizontale Trennwände und 10 für vertikale Trennwände. Aktivieren Sie "Außenrechteck als Rahmen und Füllgitter verwenden" und klicken Sie auf "OK".

Schritt 3

So sollte das Rechteck aussehen.

Schritt 4

Wählen Sie die soeben erstellte Form aus und öffnen Sie die Pathfinder-Palette. Klicken Sie auf die Option Teilen.

Schritt 5

Jetzt haben wir Quadrate mit einem weißen Rand und einer schwarzen Füllung.

Schritt 6

Vergrößern Sie und nehmen Sie das Direktauswahl-Werkzeug (A). Klicken Sie in eines der Felder. Sie können sehen, dass jedes Quadrat einen weißen Strich und die schwarze Füllung hat. Wenn Sie einige Fenster hinzufügen möchten, können Sie die Füllung einfach in eine andere Farbe ändern, um die Illusion eines Fensters zu erzeugen.

Schritt 7

Verwenden Sie das Rechteckwerkzeug (M), um mehrere Formen um die Gitterform herum zu creteieren, damit sie wie eine Vorderansicht eines Wolkenkratzers aussehen. Füllen Sie sie mit einer anderen Farbe und einem anderen Strich.

Schritt 8

Wiederholen Sie die Schritte 1 bis 7 und wählen Sie verschiedene Farben aus. Im folgenden Beispiel habe ich Gelb gewählt und einige der Quadrate durch ein helleres Gelb ersetzt, das Fenster darstellt.

Schritt 9

Lassen Sie uns einen weiteren Wolkenkratzer mit einem anderen einfachen Trick erstellen. Erstellen Sie ein Rechteck und füllen Sie es mit Schwarz.

Schritt 10

Erstellen Sie ein kleines weißes Quadrat und duplizieren Sie es.

Schritt 11

Wählen Sie beide Quadrate aus und öffnen Sie die Überblendungsoptionen über Objekt> Überblenden> Überblendoptionen. Wählen Sie die angegebenen Schritte: 6 und klicken Sie auf "OK".

Schritt 12

Erweitern Sie die Überblendung (Objekt> Überblendung> Erweitern) und duplizieren Sie die Reihe der Quadrate. Wiederholen Sie die Mischoptionen der angegebenen Schritte.

Schritt 13

Erweitern Sie die Mischung erneut. Jetzt haben wir eine andere Wolkenkratzerform erstellt.

Schritt 14

Unten sehen Sie Beispiele für die Frontansichten der von mir erstellten Wolkenkratzer. Ziehen Sie alle diese Formen in die Symbolpalette. Wir werden sie im nächsten Schritt brauchen.

Schritt 15

Erstellen Sie ein Rechteck, das ungefähr die gleiche Größe wie die Wolkenkratzer hat. Öffnen Sie nun die 3D-Extrusions- und Abschrägungsoptionen. Übernehmen Sie die Einstellungen des Bildes unten.

Schritt 16

Halten Sie die 3D-Extrusions- und Abschrägungsoptionen offen und klicken Sie auf die Schaltfläche Map-Art. Da wir jede Wolkenkratzerform in die Symbolpalette gezogen haben, können wir sie jetzt auswählen und auf das Rechteck anwenden. Sie finden es unter dem Symboltipp links. Da wir eine einfache Form haben, werden wir sie auf die erste Fläche anwenden. OK klicken."

Schritt 17

Wählen Sie die neue 3D-Form aus und wenden Sie einen Schlagschatten an. Dies ist optional.

Schritt 18

Wiederholen Sie die Schritte 15 bis 16 und erstellen Sie weitere Wolkenkratzer.

Schritt 19

Fügen Sie weitere Formen hinzu.

Schritt 20

Legen Sie sie vorne und hinten so an, dass sie eher wie eine geneigte Stadt aussieht.

Schritt 21

Das sollten Sie nach mehreren hinzugefügten und geschichteten Wolkenkratzern haben.

Schritt 22

Erstellen Sie ein großes Rechteck und füllen Sie es mit einem radialen Schwarz-Weiß-Verlauf. Platzieren Sie die Markierung nach oben.

Schritt 23

Wählen Sie alle Wolkenkratzerformen aus und gruppieren Sie sie (Befehl + G). Platzieren Sie sie auf der soeben erstellten Hintergrundform. Für meinen Geschmack sehen sie etwas seltsam aus. Lassen Sie uns dann einen etwas unwirklicheren Blick geben.

Schritt 24

Wählen Sie die Wolkenkratzer aus und erweitern Sie ihr Erscheinungsbild. (Objekt> Aussehen erweitern).

Schritt 25

Dann reflektiere sie und dupliziere sie.

Schritt 26

Wählen Sie die Formen aus und transformieren Sie sie, indem Sie E auswählen.

Schritt 27

Klicken Sie dann mit der Maus in die rechte untere Ecke und drücken Sie die Tastenkombination Befehlstaste + Umschalttaste + Strg, um nach links zu ziehen. Dadurch werden die Formen verzerrt.

Schritt 28

So sollte es mit dem angewendeten Transformationseffekt sein.

Schritt 29

Platziere die transformierten Wolkenkratzer auf dem Hintergrund.

Schritt 30

Wiederholen Sie den Transformationseffekt mit den anderen Formen.

Schritt 31

Duplizieren Sie nun die Wolkenkratzer und bauen Sie eine kleine Stadtstraße auf, indem Sie sie auf die Hintergrundform setzen.

Fazit

Ich habe ein paar Straßenformen mit dem Stiftwerkzeug (P) erstellt, einem Schild, das oben hängt, und einem dünnen Draht, der darüber verläuft. Nichts Besonderes oder Kompliziertes, aber nur ein paar weitere lustige Elemente. Ich hoffe, dir hat dieses Anfänger-Tutorial gefallen und du hast deine eigene Vektor-Stadt erfolgreich gemacht!

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