Comment créer une scène de ville d'hiver dans Adobe Illustrator

Ce que vous allez créer

L'hiver arrive! Il est temps de profiter de la merveilleuse atmosphère de vacances de Noël, de marcher dans les rues enneigées et d'écouter des chansons de Noël tout en regardant les lumières, les guirlandes et les décorations de belles villes européennes..

Dans ce tutoriel, nous allons laisser la magie de Noël remplir notre imagination et créer une illustration festive de la rue dans la ville..

Comme toujours, vous pouvez ignorer le didacticiel et récupérer le résultat dans le cadre de ma collection Christmas Travel Winter Backgrounds. Et cherchez encore plus d'esprit de Noël sur GraphicRiver.

1. Comment créer un nouveau document

Nous devons d’abord créer un Nouveau document (Fichier> Nouveau ou Contrôle-N) avec ces paramètres:

  • Nombre de planches d'art: 1
  • Largeur: 1200
  • La taille: 1200
  • Unités: pixels

Du Avancée languette:

  • Mode de couleur: RVB
  • Effets raster: Écran
  • Mode de prévisualisation: Défaut
  • Décocher Aligner de nouveaux objets sur la grille de pixels

2. Comment créer une maison d'hiver

Étape 1

Avant de commencer à construire notre première maison, assurez-vous de disposer du Guides intelligents (Affichage> Guides intelligents) allumé. Cette option nous aidera à déplacer et à placer les objets plus facilement.

Puis créer un 224 x 395 px bleu clair # 579dfe rectangle à l'aide du Outil Rectangle (M) pour la forme principale de notre bâtiment.

Construire un de plus 224 x 50 px forme (# 754a3d) et placez-le sur la partie inférieure de la plus grande, en l'alignant sur son centre.

Étape 2

Créez un petit brun (# 8a5e48) rectangle qui agira comme une brique. Étalez les briques sur la partie inférieure brune du bâtiment en les copiant et en les faisant glisser, en imitant la texture.

Étape 3

Commençons à construire une fenêtre en créant un 33 x 75 px rectangle que nous allons remplir # bad4f7.

Sélectionnez-le et allez à Objet> Chemin> Chemin décalé. Met le Décalage valeur à -3 px, ajout d'une forme plus petite à l'intérieur. Définissez la couleur de la forme sur # 4a5c5e.

Étape 4

Sélectionnez la forme extérieure de la lumière et utilisez les Chemin de décalage méthode à nouveau, en définissant la Décalage à 5 px pour créer un contour. Colore le avec du bleu # 447cc9. (1)

Ajouter une bande étroite de Largeur 3 px diviser notre fenêtre en deux moitiés. Créez une autre ligne horizontale de la même largeur, en la plaçant dans la moitié supérieure de la fenêtre. (2)

Gardez la ligne horizontale sélectionnée, choisissez le Outil de réflexion (O). Tenant le Alt clé, cliquez sur le centre de la bande verticale. dans le Réfléchir fenêtre d'option, définissez le Axe à Horizontal et appuyez sur Copie, reflétant la forme à la moitié inférieure de la fenêtre. (3)

Groupe (Control-G) toutes les parties ensemble.

Étape 5

En plus du plus grand, nous avons besoin d’une fenêtre plus petite pour la maison.

Construire un 33 x 52 px rectangle de # bad4f7 Couleur.

En utilisant le Chemin de décalage option et les mêmes couleurs que dans l'étape précédente, ajoutez à la fenêtre une forme intérieure sombre, un contour bleu et des bandes verticales et horizontales croisées.

Étape 6

Avançons et plaçons des fenêtres sur la forme de la maison.

Prenez la plus grande fenêtre et faites-la glisser au milieu du grand rectangle bleu. Garder la forme sélectionnée et tenir les deux Décalage et le Alt clés, faites glisser la fenêtre à droite pour créer une copie à droite.

Pour obtenir une copie de plus dans le même sens sur le côté gauche, sélectionnez simplement la première fenêtre et appuyez sur Entrer.le Bouge toi La fenêtre d'option apparaît. Ajouter le "-"symbole avant la Horizontal valeur sans changer la valeur elle-même et appuyez sur Copie.

Étape 7

Créez trois autres fenêtres sur la partie supérieure du bâtiment.

Ajoutez ensuite deux fenêtres plus petites sur la partie inférieure, en laissant un espace vide au milieu pour l’entrée..

Étape 8

Il est temps de créer une porte d'entrée.

Construire un 60 x 119 px rectangle (# 8a5e48) et allez à Objet> Chemin> Chemin décalé, la mise en Décalage valeur à 10 px. Changez la couleur du contour en # 447cc9.

Ajouter un rectangle horizontal (# 4a5c5e) sur la partie supérieure de la forme intérieure de la fenêtre de la porte.

Étape 9

Ajoutons quelques détails à la porte en créant une bande horizontale (# 6e4539) juste sous le contour inférieur de la fenêtre de la porte. Ensuite, placez une ligne verticale plus fine de même couleur au milieu de la partie brune de la porte, en divisant la porte en deux parties..

Construisez un autre rectangle pour le seuil neigeux (# b3def5), en l'alignant sur la partie inférieure de la porte. Sélectionnez les deux ancrages supérieurs avec le Outil de sélection directe (A) et tirez les indicateurs de cercle vers le centre, en arrondissant les angles.

Étape 10

Groupe (Contrôle-G) tous les morceaux de porte ensemble et placez la porte sur la maison, en alignant avec son bord inférieur.

Prendre le Outil de sélection directe (A) et tenant Décalage, faites glisser le bord inférieur du contour de la porte bleue vers le haut, en le plaçant au même niveau que le bord supérieur de la partie en brique brune.

Étape 11

Ajoutez plusieurs fines bandes sur les bords supérieur et inférieur des fenêtres, ce qui rend la façade plus détaillée..

Étape 12

Il est temps de créer un toit pour notre maison.

Construire un 234 x 140 px rectangle de # b3def5 couleur sur le dessus du bâtiment, chevauchant le bord supérieur de la maison et légèrement arrondi aux angles.

Copiez la forme du toit et cliquez Contrôle-Bpour obtenir un Dupliquer derrière l'objet principal. Déplacez-le de quelques pixels vers le bas à l'aide de la touche Flèche et changez la couleur en bleu foncé (# 4075bd), créant un effet d'ombre.

Dupliquez la forme du mur bleu principal. Sélectionnez ensuite la copie murale et la copie de toit à l’aide des touches Couper fonction de la Éclaireur couper la forme. Maintenant, l'ombre semble naturelle.

Étape 13

Beaucoup de vieilles maisons européennes ont des fenêtres mansardées et j'aime beaucoup ce détail architectural. Ajoutons deux fenêtres mansardées à notre bâtiment.

Créez simplement un rectangle blanc étroit et faites-le pivoter en maintenant le Décalage clé. Prendre le Outil de réflexion (O), et alors Alt-clic sur le point d'ancrage supérieur de notre forme. dans le Tourner panneau, réglez le Angle à 90 ° et cliquez sur le Copie bouton. Assurez-vous que les deux formes sont complètement arrondies et rapprochez-les. Fusionner le rectangle arrondi en une forme à l’aide de la touche Unir option de Éclaireur. Cette forme agira comme un chapeau de neige sur le dessus de notre fenêtre.

Créer un petit rectangle bleu en dessous.

Étape 14

Sélectionnez les deux formes avec le Outil de sélection (V), tenir le Alt clé, et cliquez sur la forme bleue. La sélection devient plus épaisse, ce qui indique que vous êtes maintenant aligné sur le Objet clé. Dirigez-vous vers le Aligner panneau et cliquez sur le Centre d'alignement horizontal bouton.

Prendre le Outil stylo (P) et dessinez une forme de triangle (# 4075bd) qui se trouve juste sur le bord supérieur de la forme bleue et chevauche la forme blanche coudée.

Sélectionnez la forme blanche en angle et allez à Objet> Arranger> Amener au premier plan, en le plaçant devant les autres parties.

Étape 15

Créez une petite fenêtre à l’intérieur du rectangle bleu de la même manière que nous le faisions auparavant, en utilisant le Décalage fonction et la Outil Rectangle (M).

Groupe (Contrôle-G) tous les morceaux de fenêtre mansardés ensemble et créer une copie miroir sur la partie gauche du toit, en prenant la Outil de réflexion (O) et en cliquant sur le centre du toit tout en tenant le Alt bouton.

Ajoutez des rectangles arrondis blancs sous chaque fenêtre de façade pour obtenir des rebords de fenêtre enneigés. La première maison est prête!

3. Comment créer plus de maisons d'hiver

Étape 1

Passons au prochain bâtiment gris au toit arrondi.

Commencez par faire un 225 x 395 px rectangle de # 4a5c5e Couleur. En créer un de plus 145 x 90 px forme de la même couleur, en la plaçant sur le bord supérieur du plus grand et en l'alignant au centre. Sélectionnez les deux coins supérieurs, arrondissez-les complètement, puis fusionnez les deux formes en une seule à l’aide de la touche Unir option sur le Éclaireur panneau.

Étape 2

Utilisez le Chemin de décalage méthode pour ajouter un rebord décoratif autour du bâtiment. Définissez la couleur sur # 9ec5c9. Faites glisser le bord inférieur de la jante jusqu'au bord plat supérieur de la forme de la maison. Alignez les bords exceptionnels de la jante sur la base de la maison principale en les faisant glisser Outil de sélection directe (A).

Étape 3

Créez une porte arrondie avec un escalier dans la partie inférieure. Utilisez le Coins vivants fonction pour arrondir le haut de la porte, le Décalage méthode pour créer un rebord autour de celui-ci et de simples rectangles pour les escaliers. Utilisation # 8a5e48 pour la couleur de la porte principale, # 6e4539 pour le brun plus foncé, et # 7c9b9e pour le gris clair.

Placez trois bandes décoratives (# 7c9b9e) sur la façade de la maison derrière le groupe de portes. Ajouter un rebord horizontal (# 9ec5c9) au-dessus de l'entrée et en étaler deux autres sur la façade du bâtiment, en laissant des espaces vides pour les futures fenêtres.

Placez une ombre douce sous le rebord inférieur, rendant la façade plus en trois dimensions. Remplissez la forme de l'ombre avec # 4a5c5e, et passer son Mode de fusion à Multiplier dans le Transparence panneau,en abaissant le Opacité à 40%.

Étape 4

Formez une petite fenêtre de la même manière que pour la maison précédente, en utilisant le Outil Rectangle (M) et le Chemin de décalage option. Utilisation # b3def5 couleur pour la fenêtre et # 7c9b9e pour le cadre de la fenêtre.

Créez de petits rectangles décoratifs autour de la fenêtre, en les remplissant de # 9ec5c9. Ajouter une forme horizontale mince de la même couleur pour le rebord de la fenêtre sur la partie inférieure.

Pour donner un style plus classique au rebord, faites un cercle sur le rebord, en l'alignant au centre. Sélectionnez le rebord et le cercle du haut et coupez la partie supérieure du cercle en Alt-cliquant dessus avec le Outil de création de forme (Maj-M). Fusionner les deux formes en une avec le Unir optionde Éclaireur.

Ajoutez un rectangle arrondi blanc recouvrant le rebord, qui servira de bonnet de neige. Groupe (Control-G) toutes les parties ensemble.

Étape 5

Répartissez les groupes de fenêtres sur le bâtiment. Créez deux petites fenêtres rectangulaires et une fenêtre circulaire sur la partie supérieure de la façade.

Formez deux colonnes grises (# 7c9b9e) sous le bord décoratif, puis ajouter des chapeaux de neige sur les rebords horizontaux à l’aide de rectangles blancs arrondis.

Prendre le Outil stylo (P) et créer la forme en angle pour la moitié du toit enneigé (# b3def5) sur le côté gauche du bâtiment. Arrondissez le coin du toit et, en gardant la forme sélectionnée, créez un reflet miroir sur le côté droit en Alt-cliquant sur l’ancre supérieure du bâtiment avec le Outil de réflexion (O). N'oubliez pas de régler le Axe à Verticale et appuyez sur Copie à la fin, comme nous l'avons fait avant.

Le bâtiment gris est terminé. Groupe (Control-G) toutes ses pièces ensemble.

Étape 6

Il est temps de faire le dernier bâtiment avec un toit en gradins.

Créer un 235 x 430 px rectangle de # ffc45c Couleur. Commencez à former le toit en plaçant un rectangle horizontal sur le bord supérieur, en le raccourcissant au niveau des bords. Ajoutez deux autres rectangles, l'un au dessus de l'autre, en les rendant plus courts que le précédent.

Placer un 235 x 140 px rectangle (# 822b1a) au bas de l'immeuble pour le rez-de-chaussée. Ajouter un rebord étroit (# e66340) au-dessus de son bord supérieur.

Étape 7

Copiez la fenêtre de la première maison bleue et élargissez sa partie extérieure tout en raccourcissant la fenêtre elle-même sur les bords supérieur et inférieur. Changer les couleurs en utilisant # e66340 pour la partie extérieure rouge, # 7c9b9e pour le verre, et # 4a5c5e pour le cadre de la fenêtre.

Ajoutez une ellipse blanche dans la partie supérieure de la fenêtre, créez une ligne qui traverse la forme de l’ellipse au-dessus de son centre et utilisez la commande Diviser option de Éclaireur tout en sélectionnant la ligne et l'ellipse. Supprimer la moitié inférieure de la forme, formant un chapeau de neige.

Ajouter un rectangle arrondi blanc sur la partie inférieure de la fenêtre pour un rebord enneigé. Groupe (Control-G) toutes les parties ensemble.

Faites d'autres copies des fenêtres et disposez-les sur la façade dans n'importe quelle position symétrique que vous trouvez intéressante..

Étape 8

Rendre la grande fenêtre pour le rez-de-chaussée.

La plupart des manipulations seront les mêmes que pour les objets précédents. Commencez par créer un 64 x 64 rectangle pour la vitre (# 7c9b9e). Avec l'aide du Décalage méthode, ajoutez deux contours, en utilisant # 754a3d pour le brun clair et # 5b1b14 pour le plus sombre. Ajouter une bande verticale étroite, en terminant le cadre de la fenêtre.

Cliquez sur la vitre et créez de simples rideaux de couleur plus sombre avec le Outil stylo (P), couper les pièces en suspens avec le Outil de création de forme (Maj-M).

Commencez à créer un parasol en construisant un rouge (# e84b4a) rectangle, en arrondissant les coins supérieurs. Ajoutez quelques rayures verticales (# e8dddd) sur le parasol, coupez les morceaux indésirables et placez une ombre douce sous son bord.

Ajoutez un bonnet de neige en haut du parasol et un rebord enneigé au fond. ensuite Groupe (Control-G) les objets.

Étape 9

Créez une copie de la fenêtre à gauche, changez sa couleur en jaune (# ffb636), et construire un simple sapin pour ajouter un sentiment de Noël. Réglez les couleurs du sapin et des rideaux sur le jaune plus foncé.

Cliquez sur la forme jaune principale et créez une ombre angulaire simple (# eba04b) avec le Outil stylo (P).

Terminez le bâtiment en plaçant une orange (# e66340) des briques ici et là ainsi que des rebords au-dessus des bords supérieurs du toit en gradins.

Contrôle (Control-G) toutes les parties ensemble.

4. Comment créer une composition de paysage urbain en hiver

Étape 1

Alignons nos maisons et ajoutons un 1200 x 1200 px rectangle (# 94cdeb) pour le fond. Utilisez le Aligner panneau pour aligner les bâtiments au bas.

Étape 2

Changez les couleurs du toit des maisons bleues et grises en blanc, en ajoutant plus de contraste à l'illustration. Changer la couleur des calottes de neige sur les fenêtres mansardées au bleu plus foncé.

Créez un rectangle arrondi blanc pour le niveau du sol et créez une ombre subtile en créant une copie (# b3def5) derrière et en le descendant de quelques pixels.

Dessinez des silhouettes simples d’autres bâtiments (# 87c0de) derrière les maisons avec le Outil stylo (P), ajouter plus de profondeur à l'illustration.

Étape 3

À l’aide de formes simples et de Outil stylo (P), créez une lanterne de rue et coloriez-la en utilisant les paramètres suivants: 

  • # 4a5c5e pour le gris plus foncé
  • # 586e70 pour le gris clair
  • # ffb636 pour le verre jaune
  • # d49322 pour la lampe

Faites glisser la lanterne sur l'illustration en la plaçant sur le côté gauche près de la maison bleue et faites une autre copie sur le côté droit près du bâtiment jaune..

Étape 4

Faisons briller nos lanternes.

Créez simplement un cercle blanc derrière l’une des lanternes et remplissez-le de dégradé radial du blanc au noir, en changeant son Mode de fusion à Écran. Double-cliquez sur le curseur de dégradé en bas à gauche et changez la couleur blanche en jaune (# feb02a).

Déplacez ensuite légèrement le curseur de dégradé supérieur gauche vers la droite. Copiez le dégradé en le plaçant derrière la deuxième lanterne.

Étape 5

Nous allons maintenant créer un flocon de neige. Dessinez la forme principale en utilisant le Outil stylo (P) et l'image ci-dessous comme référence (1). Utilisation #daeffa pour la coloration.

Pour ajouter la partie supérieure arrondie, il suffit de créer un rectangle arrondi et de supprimer sa moitié supérieure à l’aide de la touche Outil de sélection directe (A). (2)

Groupe (Control-G) toutes les parties. Prendre le Outil de rotation (R) et cliquez sur l'ancre inférieure tout en tenant le Alt bouton. Entrer 90 pour la valeur Angle et appuyez sur Copie. Conserver la copie sélectionnée, appuyez sur Contrôle-D deux fois, en créant deux autres copies et en finissant le flocon de neige. (3) Groupe (Control-G) toutes les parties ensemble.

En copiant et en variant les tailles, étalez les flocons de neige sur notre scène pour former une composition bien équilibrée. Ajoutez quelques cercles pour imiter des flocons de neige plus petits.

Étape 6

Jetez un coup d'œil à votre scène hivernale et voyez si vous souhaitez créer autre chose, par exemple un bonnet de neige supplémentaire, des détails supplémentaires sur les maisons ou la lumière provenant des fenêtres.. 

J'ai choisi d'ajouter plus d'esprit de Noël à l'illustration et de créer des symboles classiques des fêtes, tels qu'une guirlande, des guirlandes, des cloches, un pin et d'autres décorations. J'ai aussi ajouté quelques neige au toit en gradins de la maison jaune..

Super travail! Toutes nos félicitations!

Bon travail! Nous avons réussi à créer une scène de ville hivernale à la mode et plate. Maintenant nous sommes prêts pour les vacances de Noël!

Cette illustration ne représente qu’une partie de ma collection de fonds d’hiver de voyages de Noël. Et cherchez encore plus d’illustrations de Noël sur GraphicRiver.

J'espère que vous avez apprécié le processus et appris quelques astuces utiles pour vos futures illustrations..

N'hésitez pas à partager le résultat de votre projet ou à poser des questions dans les commentaires ci-dessous. Joyeuses fêtes de Noël!