So erstellen Sie eine Winterstadtszene in Adobe Illustrator

Was Sie erstellen werden

Der Winter kommt! Es ist Zeit, die wunderbare Weihnachtsstimmung zu genießen, durch verschneite Straßen zu spazieren und Weihnachtslieder zu lauschen, während Sie die Lichter, Girlanden und Dekorationen wunderschöner europäischer Städte betrachten.

In diesem Tutorial lassen wir die Weihnachtsmagie unsere Vorstellungskraft erfüllen und eine festliche Stadtstraßenillustration erstellen.

Wie immer können Sie das Tutorial überspringen und das Ergebnis als Teil meiner Christmas Travel Winter Backgrounds-Sammlung verwenden. Und noch mehr Weihnachtsstimmung auf GraphicRiver.

1. So erstellen Sie ein neues Dokument

Zuerst müssen wir eine einrichten Neues Dokument (Datei> Neu oder Control-N) mit diesen Einstellungen:

  • Anzahl der Zeichenflächen: 1
  • Breite: 1200
  • Höhe: 1200
  • Einheiten: Pixel

Von dem Erweitert Tab:

  • Farbmodus: RGB
  • Rastereffekte: Bildschirm
  • Vorschau Modus: Standard
  • Deaktivieren Sie das Kontrollkästchen Neue Objekte am Pixelraster ausrichten

2. So erstellen Sie ein Winterhaus

Schritt 1

Bevor wir mit dem Bau unseres ersten Hauses beginnen, stellen Sie sicher, dass Sie das haben Smart Guides (Ansicht> Smart Guides) eingeschaltet Diese Option hilft uns, Objekte leichter zu verschieben und zu platzieren.

Dann erstellen Sie eine 224 x 395 px hellblau # 579dfe Rechteck mit Hilfe der Rechteckwerkzeug (M) für die Hauptform unseres Gebäudes.

Baue noch einen 224 x 50 px gestalten (# 754a3d) und legen Sie es auf den unteren Teil des größeren und richten Sie es in der Mitte aus.

Schritt 2

Erstellen Sie ein kleines Braun (# 8a5e48) Rechteck, das als Ziegelstein fungiert. Verteilen Sie die Ziegelsteine ​​über dem unteren braunen Teil des Gebäudes, indem Sie sie kopieren und ziehen und die Textur imitieren.

Schritt 3

Beginnen wir mit dem Erstellen eines Fensters, indem Sie ein 33 x 75 px Rechteck, das wir füllen werden # bad4f7.

Wählen Sie es aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Stellen Sie das ein Versatz Wert zu -3 px, Hinzufügen einer kleineren Form im Inneren. Stellen Sie die Formfarbe auf # 4a5c5e.

Schritt 4

Wählen Sie die äußere Form des Lichts und verwenden Sie die Versatzpfad Methode erneut, Einstellung der Versatz zu 5 px eine Gliederung erstellen. Malen Sie es mit Blau # 447cc9. (1)

Fügen Sie einen schmalen Streifen hinzu 3 px Breite unser Fenster in zwei Hälften teilen. Erstellen Sie eine weitere horizontale Linie mit derselben Breite, und platzieren Sie sie in der oberen Hälfte des Fensters. (2)

Wählen Sie die horizontale Linie, und wählen Sie die Option Werkzeug reflektieren (O). Halten Sie die Alt klicken Sie auf die Mitte des vertikalen Streifens. In dem Reflektieren Optionsfenster, stellen Sie das ein Achse zu Horizontal und drücke Kopieren, Die Form wird in der unteren Hälfte des Fensters angezeigt. (3)

Gruppe (Steuerung-G) alle Teile zusammen.

Schritt 5

Neben dem größeren benötigen wir ein kleineres Fenster für das Haus.

Bau ein 33 x 52 px Rechteck von # bad4f7 Farbe.

Verwendung der Versatzpfad Wenn Sie diese Option und die gleichen Farben wie im vorherigen Schritt verwenden, fügen Sie dem Fenster eine dunkle innere Form, eine blaue Kontur und gekreuzte vertikale und horizontale Streifen hinzu.

Schritt 6

Lassen Sie uns weitergehen und Fenster auf die Hausform setzen.

Nehmen Sie das größere Fenster und ziehen Sie es in die Mitte des großen blauen Rechtecks. Halten Sie die Form ausgewählt und halten Sie die Verschiebung und das Alt Tasten, ziehen Sie das Fenster nach rechts und erstellen Sie eine Kopie auf der rechten Seite.

Um eine weitere Kopie in derselben Richtung auf der linken Seite zu erhalten, wählen Sie einfach das erste Fenster aus und drücken Sie Eingeben.Das Bewegung Optionsfenster erscheint. Ergänzen Sie die "-"Symbol vor dem Horizontal Wert ohne den Wert selbst zu ändern und drücken Sie Kopieren.

Schritt 7

Erstellen Sie drei weitere Fenster im oberen Teil des Gebäudes.

Fügen Sie dann zwei kleinere Fenster im unteren Teil hinzu, wobei in der Mitte ein leerer Raum für den Eingang verbleibt.

Schritt 8

Zeit, eine Eingangstür zu schaffen.

Bau ein 60 x 119 px Rechteck (# 8a5e48) und gehe zu Objekt> Pfad> Versatzpfad, einstellen der Versatz Wert zu 10 px. Ändern Sie die Umrissfarbe in # 447cc9.

Fügen Sie ein horizontales Rechteck hinzu (# 4a5c5e) im oberen Teil der Innenform des Türfensters.

Schritt 9

Fügen Sie der Tür einige Details hinzu, indem Sie einen horizontalen Streifen erstellen (# 6e4539) direkt unter der unteren Kontur des Türfensters. Legen Sie dann eine dünnere vertikale Linie derselben Farbe in die Mitte des braunen Teils der Tür und teilen Sie die Tür in zwei Teile.

Bauen Sie ein weiteres Rechteck für die schneebedeckte Schwelle (# b3def5) und richtet sie am unteren Teil der Tür aus. Wählen Sie die beiden oberen Anker mit Direktauswahl-Tool (A) und ziehen Sie die Kreismarkierungen in die Mitte, um die Ecken abzurunden.

Schritt 10

Gruppe (Kontrolle-G) Alle Türstücke zusammen und platzieren Sie die Tür auf dem Haus und richten Sie sie an der Unterkante aus.

Nehmen Sie die Direktauswahl-Tool (A) und halten Verschiebung, Ziehen Sie die Unterkante der blauen Türkontur nach oben und platzieren Sie sie auf derselben Ebene wie die Oberkante des braunen Ziegels.

Schritt 11

Fügen Sie mehrere dünne Streifen über den oberen und unteren Rand der Fenster hinzu, um die Fassade detaillierter zu gestalten.

Schritt 12

Zeit, ein Dach für unser Haus zu schaffen.

Bau ein 234 x 140 px Rechteck von # b3def5 Farbe auf der Oberseite des Gebäudes, überlappt die Oberkante des Hauses und rundet die Ecken leicht ab.

Kopieren Sie die Dachform und klicken Sie auf Steuerung-Beine bekommen Duplikat hinter dem Hauptobjekt. Bewegen Sie ihn mit der Taste um einige Pixel nach unten Pfeil und ändern Sie die Farbe in dunkelblau (# 4075bd), wodurch ein Schatteneffekt entsteht.

Duplizieren Sie die Hauptform der blauen Wand. Wählen Sie dann sowohl die Wandkopie als auch die Dachkopie mit Sich schneiden Funktion des Pfadfinder die Form schneiden. Nun sieht der Schatten natürlich aus.

Schritt 13

Viele alte europäische Häuser haben Mansardenfenster und dieses architektonische Detail gefällt mir sehr. Fügen wir unserem Gebäude zwei Mansardenfenster hinzu.

Erstellen Sie einfach ein schmales weißes Rechteck und drehen Sie es, indem Sie die Taste gedrückt halten Verschiebung Schlüssel. Nehmen Sie die Werkzeug reflektieren (O), und dann Alt-Klick auf dem oberen Ankerpunkt unserer Form. In dem Drehen Stellen Sie das Panel ein Winkel zu 90 ° und klicken Sie auf die Kopieren Taste. Machen Sie beide Formen vollständig gerundet und bewegen Sie sie näher zueinander. Verbinden Sie das abgerundete Rechteck mit dem Symbol in einer Form Vereinen Option von Pfadfinder. Diese Form wirkt wie eine Schneekappe oben auf unserem Fenster.

Erstellen Sie darunter ein kleines blaues Rechteck.

Schritt 14

Wählen Sie beide Formen mit Auswahlwerkzeug (V), halte das Alt Schlüssel und klicken Sie auf die blaue Form. Die Auswahl wird dicker und zeigt an, dass Sie sich jetzt an der richten Schlüsselobjekt. Gehe zum Ausrichten und klicken Sie auf die Schaltfläche Horizontales Ausrichtungszentrum Taste.

Nehmen Sie die Stiftwerkzeug (P) und zeichnen Sie eine dreieckige Form (# 4075bd), die direkt am oberen Rand der blauen Form sitzt und die abgewinkelte weiße Form überlappt.

Wählen Sie die weiße abgewinkelte Form und gehen Sie zu Objekt> Anordnen> Nach vorne bringen, Platzieren Sie es vor den anderen Teilen.

Schritt 15

Erstellen Sie ein kleines Fenster innerhalb des blauen Rechtecks ​​auf dieselbe Weise wie zuvor, indem Sie die Versatz Funktion und die Rechteckwerkzeug (M).

Gruppe (Kontrolle-G) Alle Mansardenfenster zusammen und erstellen Sie eine Spiegelkopie auf der linken Seite des Daches, indem Sie die Werkzeug reflektieren (O) und klicken Sie auf die Dachmitte, während Sie die Taste gedrückt halten Alt Taste.

Fügen Sie weiße, abgerundete Rechtecke unter jedem Fassadenfenster hinzu, um schneebedeckte Fensterleisten zu erhalten. Das erste Haus ist fertig!

3. So erstellen Sie weitere Winterhäuser

Schritt 1

Gehen wir zum nächsten grauen Gebäude mit dem abgerundeten Dach.

Beginnen Sie mit dem Erstellen eines 225 x 395 px Rechteck von # 4a5c5e Farbe. Erstellen Sie eine weitere 145 x 90 px Form der gleichen Farbe, platzieren Sie sie über der Oberkante der größeren und richten Sie sie in der Mitte aus. Wählen Sie die beiden oberen Ecken aus, machen Sie sie vollständig gerundet und fügen Sie dann die beiden Formen mit Hilfe von ein Vereinen Option auf der Pfadfinder Panel.

Schritt 2

Verwenden Sie die Versatzpfad Methode, um einen dekorativen Rand um das Gebäude hinzuzufügen. Stellen Sie die Farbe auf # 9ec5c9. Ziehen Sie die Unterkante der Felge an die obere, flache Kante der Hausform. Richten Sie die herausragenden Felgenkanten an der Basis des Haupthauses aus, indem Sie sie mit dem Finger ziehen Direktauswahl-Tool (A).

Schritt 3

Erstellen Sie eine abgerundete Tür mit einer Treppe im unteren Teil. Verwenden Sie die Live-Ecken Funktion, um die Türoberseite abzurunden Versatz Eine Methode zum Erstellen eines Randes und einfache Rechtecke für die Treppe. Benutzen # 8a5e48 für die Farbe der Haupttür, # 6e4539 für das dunkle Braun und # 7c9b9e für das hellgraue.

Platzieren Sie drei Zierstreifen (# 7c9b9e) an der Hausfassade hinter der Türgruppe. Fügen Sie eine horizontale Leiste hinzu (# 9ec5c9) über dem Eingang und verteilen Sie zwei weitere Exemplare über die Gebäudefassade, wobei für die zukünftigen Fenster noch leere Räume übrig bleiben.

Platzieren Sie einen sanften Schatten unter der unteren Leiste, um die Fassade dreidimensionaler zu gestalten. Füllen Sie die Schattenform mit # 4a5c5e, und wechseln Sie seine Mischmodus zu Multiplizieren in dem Transparenz Panel,beim Absenken der Opazität zu 40%.

Schritt 4

Bilden Sie ein kleines Fenster auf die gleiche Weise wie beim vorherigen Haus, indem Sie das Rechteckwerkzeug (M) und das Versatzpfad Möglichkeit. Benutzen # b3def5 Farbe für das Fenster und # 7c9b9e für den Fensterrahmen.

Erstellen Sie kleine dekorative Rechtecke um das Fenster und füllen Sie diese mit # 9ec5c9. Fügen Sie eine dünne horizontale Form der gleichen Farbe für die Fensterleiste am unteren Teil hinzu.

Um der Leiste einen klassischeren Stil zu geben, machen Sie einen Kreis über der Leiste und richten Sie sie an der Mitte aus. Wählen Sie die Kante und den oberen Kreis aus und schneiden Sie den oberen Teil des Kreises mit ab Alt-Klick darauf mit dem Form-Builder-Werkzeug (Umschalttaste-M). Verschmelzen Sie beide Formen mit der Vereinen Möglichkeitvon Pfadfinder.

Fügen Sie ein weißes, abgerundetes Rechteck hinzu, das die Leiste überlappt und als Schneekappe fungiert. Gruppe (Control-G) alle teile zusammen.

Schritt 5

Verbreiten Sie die Fenstergruppen über dem Gebäude. Erstellen Sie zwei kleinere rechteckige Fenster und ein kreisförmiges Fenster im oberen Teil der Fassade.

Bilden Sie zwei graue Spalten (# 7c9b9e) unter dem Zierrand und fügen Sie dann mit weißen, abgerundeten Rechtecken Schneekappen auf die horizontalen Leisten.

Nehmen Sie die Stiftwerkzeug (P) und erstellen Sie die abgewinkelte Form für die Hälfte des verschneiten Daches (# b3def5) auf der linken Seite des Gebäudes. Runden Sie die Dachecke ab und erstellen Sie eine Spiegelreflexion auf der rechten Seite, indem Sie die Form beibehalten Alt-Klick auf dem obersten Gebäudeanker mit dem Werkzeug reflektieren (O). Vergessen Sie nicht, das einzustellen Achse zu Vertikale und drücke Kopieren am Ende wie zuvor.

Das graue Gebäude ist fertig. Gruppe (Control-G) alle seine stücke zusammen.

Schritt 6

Zeit, das letzte Gebäude mit einem gestuften Dach zu bauen.

Ein ... kreieren 235 x 430 px Rechteck von # ffc45c Farbe. Beginnen Sie mit dem Umformen des Dachs, indem Sie ein horizontales Rechteck an der oberen Kante platzieren und es an den Kanten kürzer machen. Fügen Sie zwei weitere Rechtecke übereinander hinzu, sodass jedes Rechteck kürzer als das vorherige ist.

Platzieren Sie eine 235 x 140 px Rechteck (# 822b1a) im Erdgeschoss des Gebäudes für das Erdgeschoss. Fügen Sie eine schmale Kante hinzu (# e66340) über seiner Oberkante.

Schritt 7

Kopieren Sie das Fenster aus dem ersten blauen Haus und machen Sie den äußeren Teil breiter, während das Fenster am oberen und unteren Rand kürzer wird. Ändern Sie die Farben mit # e66340 für den roten Außenteil, # 7c9b9e für das Glas und # 4a5c5e für den Fensterrahmen.

Fügen Sie im oberen Teil des Fensters eine weiße Ellipse hinzu, erstellen Sie eine Linie, die über die Ellipsenform über der Mitte verläuft, und verwenden Sie die Teilen Option von Pfadfinder während Sie die Linie und die Ellipse auswählen. Löschen Sie die untere Hälfte der Form und bilden Sie eine Schneekappe.

Fügen Sie ein weißes abgerundetes Rechteck im unteren Teil des Fensters hinzu, um eine schneebedeckte Leiste zu erhalten. Gruppe (Control-G) alle teile zusammen.

Machen Sie weitere Kopien der Fenster und ordnen Sie sie an der Fassade in einer symmetrischen Position an, die Sie interessant finden.

Schritt 8

Rendern Sie das große Fenster für das Erdgeschoss.

Die meisten Manipulationen sind die gleichen wie bei den vorherigen Objekten. Beginnen Sie mit dem Erstellen eines 64 x 64 Rechteck für die Fensterscheibe (# 7c9b9e). Mit der Hilfe des Versatz Methode, fügen Sie zwei Umrisse hinzu, indem Sie # 754a3d für das hellere Braun und # 5b1b14 für das dunkler Fügen Sie einen vertikalen schmalen Streifen hinzu, um den Fensterrahmen zu beenden.

Klicken Sie auf die Fensterscheibe und erstellen Sie einfache Vorhänge mit der dunkleren Farbe Stiftwerkzeug (P), Abschneiden der herausragenden Teile mit der Form-Builder-Werkzeug (Umschalttaste-M).

Beginnen Sie mit dem Erstellen eines Sonnenschutzes, indem Sie einen roten (# e84b4a) Rechteck, wodurch die oberen Ecken abgerundet werden. Fügen Sie einige vertikale Streifen hinzu (# e8dddd) auf dem Sonnenschirm, die unerwünschten Teile abschneiden und einen sanften Schatten unter seine Kante legen.

Fügen Sie eine Schneekappe oben auf dem Sonnenschirm und eine schneebedeckte Leiste an der Unterseite hinzu. Dann Gruppe (Control-G) Die Objekte.

Schritt 9

Erstellen Sie eine Kopie des Fensters auf der linken Seite, ändern Sie die Farbe in Gelb (# ffb636) und baue einen einfachen Tannenbaum, um ein Weihnachtsgefühl zu erzeugen. Stellen Sie die Farben des Tannenbaums und der Vorhänge auf dunkleres Gelb ein.

Klicken Sie auf die gelbe Hauptform und erstellen Sie einen einfachen abgewinkelten Schatten (# eba04b) mit dem Stiftwerkzeug (P).

Beenden Sie das Gebäude mit Orange (# e66340) hier und dort Ziegelsteine ​​sowie Leisten oberhalb der Dachoberkante.

Steuerung (Control-G) alle teile zusammen.

4. Erstellen einer Winterstadtbildkomposition

Schritt 1

Lassen Sie uns unsere Häuser aufstellen und eine hinzufügen 1200 x 1200 px Rechteck (# 94cdeb) für den Hintergrund. Verwenden Sie die Ausrichten um die Gebäude unten auszurichten.

Schritt 2

Ändern Sie die Dachfarben der blauen und grauen Häuser in Weiß, um der Darstellung mehr Kontrast zu verleihen. Ändern Sie die Farbe der Schneekappen an den Mansardenfenstern in das dunklere Blau.

Erstellen Sie ein weißes, abgerundetes Rechteck für die Bodenebene und machen Sie einen subtilen Schatten, indem Sie eine Kopie erstellen (# b3def5) dahinter und um ein paar Pixel nach unten.

Zeichnen Sie einfache Silhouetten anderer Gebäude (# 87c0de) hinter den Häusern mit der Stiftwerkzeug (P), mehr Tiefe in die Abbildung.

Schritt 3

Mit Hilfe einfacher Formen und der Stiftwerkzeug (P), Erstellen Sie eine Straßenlaterne und bemalen Sie sie mit den folgenden Einstellungen: 

  • # 4a5c5e für das dunklere grau
  • # 586e70 für das hellere grau
  • # ffb636 für das gelbe Glas
  • # d49322 für die Lampe

Ziehe die Laterne auf die Illustration, platziere sie auf der linken Seite in der Nähe des blauen Hauses und mache eine weitere Kopie auf der rechten Seite in der Nähe des gelben Gebäudes.

Schritt 4

Lassen Sie uns unsere Laternen zum Leuchten bringen.

Erstellen Sie einfach einen weißen Kreis hinter einer der Laternen und füllen Sie ihn mit einem radialen Farbverlauf von Weiß nach Schwarz Mischmodus zu Bildschirm. Doppelklicken Sie auf den Schieberegler links unten und ändern Sie die weiße Farbe in Gelb (# feb02a).

Bewegen Sie dann den oberen linken Farbverlaufsregler leicht nach rechts. Kopieren Sie den Farbverlauf und platzieren Sie ihn hinter der zweiten Laterne.

Schritt 5

Jetzt erstellen wir eine Schneeflocke. Zeichnen Sie das Hauptformular mit der Stiftwerkzeug (P) und das Bild unten als Referenz (1). Benutzen #daeffa für die Färbung.

Um den abgerundeten oberen Teil hinzuzufügen, erstellen Sie einfach ein abgerundetes Rechteck und löschen Sie die obere Hälfte mit Hilfe von Direktauswahl-Tool (A). (2)

Gruppe (Control-G) alle teile. Nehmen Sie die Werkzeug drehen (R) und klicken Sie auf den unteren Anker, während Sie die Taste gedrückt halten Alt Taste. Eingeben 90 für den Winkelwert und drücken Sie Kopieren. Halten Sie die Kopie ausgewählt und drücken Sie Steuerung-D zweimal, zwei weitere Kopien erstellen und die Schneeflocke beenden. (3) Gruppe (Control-G) alle teile zusammen.

Durch Kopieren und Variieren der Größen verteilen Sie die Schneeflocken über unsere Szene, um eine ausgewogene Komposition zu erhalten. Fügen Sie einige Kreise hinzu, um kleinere Schneeflocken zu imitieren.

Schritt 6

Schauen Sie sich Ihre Winterszene an und sehen Sie, ob es noch etwas gibt, das Sie erstellen möchten - vielleicht eine zusätzliche Schneekappe, einige Details zu den Häusern oder Licht aus den Fenstern. 

Ich entschied mich, der Illustration mehr Weihnachtsgeist hinzuzufügen, und erstellte klassische Feiertagssymbole wie Kranz, Girlanden, Glocken, eine Kiefer und einige andere Dekorationen. Außerdem habe ich dem gestuften Dach des gelben Hauses ein paar Schneekappen hinzugefügt.

Tolle Arbeit! Herzliche Glückwünsche!

Gut gemacht! Wir haben es geschafft, eine trendige, flache Winterstadtszene zu schaffen. Jetzt sind wir bereit für die Weihnachtsferien!

Diese Illustration ist nur ein Teil meiner Weihnachtsreise-Winterhintergrundsammlung. Auf GraphicRiver finden Sie noch mehr Weihnachtsillustrationen.

Ich hoffe, dass Ihnen der Prozess gefallen hat und Sie einige nützliche Tipps und Tricks für Ihre zukünftigen Illustrationen gelernt haben.

Teilen Sie uns mit, wie sich Ihr Projekt entwickelt hat, oder stellen Sie in den Kommentaren Fragen. Frohe Weihnachten!!