Share
Ce que vous allez créerVous avez toujours voulu vous sentir comme un architecte et créer un modèle de ville avec des bâtiments sophistiqués? Ce tutoriel est exactement pour vous! Apprenez à créer des maisons à la mode avec des formes de base, les opérations Pathfinder et l'outil Shape Builder, modifiez la saturation et la luminosité des couleurs en quelques clics avec la fonction Recolor Artwork et créez vos propres combinaisons de couleurs..
Si vous souhaitez trouver de l'inspiration, ou si vous recherchez des graphiques de paysage urbain prêts à être utilisés dans vos propres projets, jetez un œil à la magnifique sélection de graphiques de paysage urbain sur Envato Elements..
Graphiques de paysage urbain sur Envato ElementsCommençons à construire notre première maison. Assurez-vous d'avoir le Guides intelligents (Affichage> Guides intelligents) allumé. Ils vous aident à organiser et à déplacer des objets plus facilement, à l'aide des guides d'alignement et de la fonction d'accrochage.
Prendre le Outil Rectangle (M) et cliquez une fois avec le bouton gauche de la souris sur la planche d’art. Définissez la taille de votre rectangle en définissant sa Largeur à 45 px et la taille à 60 px. Remplissez-le de couleur gris clair (environ 20% de noir).
Un des éléments principaux de tout bâtiment est un toit. Former un rectangle étroit de couleur gris clair et le faire pivoter 45 degrés en tenant le Décalage clé. Double-cliquez sur le Outil de réflexion (R) pour faire apparaître la fenêtre d’options et refléter la forme sur la Axe vertical, en cliquant sur le Copie bouton et créant ainsi une seconde moitié du toit. Rapprochez les deux parties en créant un angle de 90 degrés.
Sélectionnez toutes les formes créées avec le Outil de sélection (V), tenir le Alt clé et cliquez sur la base de la maison. 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.
Débarrassons-nous de l'écart entre la maison et le toit. Sélectionnez la base de la maison et allez à Objet> Chemin> Ajouter des points d'ancrage. Sélectionnez le point d'ancrage moyen supérieur à l'aide du bouton Outil de sélection directe (A) et faites-le glisser tout en maintenant le Décalage clé, jusqu'à ce qu'il soit caché derrière le toit.
Ajouter un petit carré à la partie gauche de la maison pour la cheminée et Envoyer il vers l'arrière (Shift-Control- [).
Ajouter la bordure de la cheminée et créer une bordure similaire pour la fondation de notre bâtiment.
Formons la porte d'entrée de notre maison. Commencez par placer un rectangle arrondi de couleur gris clair dans la partie centrale inférieure du bâtiment. Prenez le Outil Gomme (Maj-E), maintenez la Alt clé, cliquez et commencez à faire glisser votre souris sur la partie inférieure de la forme de la porte. La partie couverte par le cadre blanc de la Outil pour effacer sera supprimé après avoir relâché le bouton de la souris.
Ajouter l'escalier en formant un rectangle étroit au bas de la porte. Copiez le rectangle et placez-le sous le premier en le rendant légèrement plus long. Enfin, ajoutez autant d'escaliers que nécessaire pour atteindre le bas de la fondation de la maison..
Alignez l'escalier et la fondation sur Alignement vertical bas dans le Aligner panneau.
Faisons en sorte que les escaliers soient plus tridimensionnels en ajoutant des ombres. Dupliquez les escaliers et déplacez les copies un peu. Ensuite, sélectionnez l'escalier inférieur et sa copie et utilisez le Minus Front fonction de Éclaireur couper la partie inutile. Remplissez la forme restante avec une couleur gris plus foncé, créant ainsi une ombre, et ajoutez des ombres aux autres escaliers, en utilisant la même méthode.
Ajouter une bordure plus sombre au centre du bâtiment pour la décoration.
Passons à autre chose et ajoutons des fenêtres. Sélectionnez la forme de la porte, maintenez les deux Décalage et Alt clés et faites glisser la forme vers le haut, créant ainsi une copie juste au-dessus de la porte. Créez deux autres copies des fenêtres et alignez-les avec la forme de base de la maison si nécessaire.
Ajoutez plusieurs briques à l’avant de notre bâtiment pour rendre l’extérieur plus détaillé..
Ajoutez une petite fenêtre ronde dans la partie supérieure de la maison avec le Outil Ellipse (L).
Rendons l'entrée plus détaillée. Sélectionnez-le, allez à Objet> Chemin> Chemin décalé et mettre le Décalage valeur à -1 px, ajoutant ainsi une forme plus petite à l'intérieur de la porte. Extrudez la forme pour qu'elle touche l'escalier et remplissez-la de couleur gris foncé. Ajouter une simple poignée de porte ronde.
Faire un rectangle et le faire pivoter à environ 45 degrés, couvrant à moitié la porte. Dupliquez la porte, sélectionnez la copie de la porte et le rectangle, puis utilisez les touches Couper fonction de Éclaireur couper la forme. Remplissez la forme nouvellement créée avec un gris plus foncé, créant une ombre diagonale sur notre porte.
Revenons aux fenêtres et utilisons le même Chemin de décalage technique pour créer des cadres de fenêtre. Ajoutez un rectangle étroit divisant notre fenêtre en deux moitiés. Utilisez le Outil de rotation (R) définir le rectangle perpendiculairement à sa position initiale et cliquez sur le bouton Copie bouton dans le Tourner fenêtre d'options, créant ainsi une copie, de sorte que nous avons deux bandes croisées.
Ajoutez une harmonie diagonale au-dessus de la fenêtre, comme nous l’avons fait avec la porte, et éditez deux autres fenêtres en les rendant plus détaillées..
Ajoutez une dimension à la fenêtre du grenier en ajoutant un cercle plus petit et plus sombre à l'intérieur du premier. Dupliquer le petit cercle deux fois (Control-C> Control-F> Control-F) et déplacez la copie supérieure en haut et à droite. Couper les parties non désirées à l'aide de la Éclaireur et remplissez le cercle intérieur de gris foncé pour indiquer la profondeur de l'ouverture de la fenêtre.
Placez une ombre douce sous la bordure décorative, ce qui rend la façade plus tridimensionnelle. Remplissez la forme de l’ombre avec un dégradé linéaire du blanc au gris clair et réglez-la sur Multiplier le mode de fusion.
Utilisez la même technique pour mettre une ombre sous le toit. Copiez la forme du toit et déplacez-le un peu. Supprimer les parties inutiles à l’aide du bouton Outil de création de forme (Maj-M) en sélectionnant à la fois la base de la maison et l’ombre du toit et en cliquant sur les pièces tout en maintenant la Alt clé.
Passons à notre prochain bâtiment: une petite épicerie. Commencez par faire un rectangle de 55 x 40 px taille et attacher une fondation et un escalier comme nous l'avions fait avec notre maison précédente. Créez un large rectangle gris clair pour la fenêtre et rendez le cadre de la fenêtre en ajoutant trois rectangles plus petits et plus foncés, définissant les parties en verre. Ajouter des ombres pour rendre la fenêtre plus détaillée.
Commencez à former un parasol à rayures en plaçant un rectangle arrondi étroit dans le coin supérieur gauche de notre magasin, et copiez-le en maintenant le Décalage et Alt clés et en le faisant glisser vers la droite. presse Contrôle-D plusieurs fois, en ajoutant davantage de copies et en recouvrant entièrement la partie supérieure du bâtiment. Faire des copies plus sombres pour alterner les couleurs une par une.
Effacer la partie supérieure du parasol, le rendant à plat. Mettre une ombre dans Mode de fusion multiple sous le pare-soleil, séparez-le de la façade et ajoutez quelques briques plus légères pour conserver le style de notre premier bâtiment.
Faisons une autre maison avec un grand garage dans sa partie avant. Créer la base de la maison à partir d'un 50 x 80 px rectangle et commencez à former la porte de garage à l’aide du bouton Outil Rectangle (M) et le Chemin de décalage une fonction.
Ajoutez une lame étroite au-dessus de la porte du garage et rendez-la plus tridimensionnelle en la remplissant d'un dégradé linéaire allant du gris foncé au gris plus clair. Ajouter plus de planches, couvrant la surface de la porte de garage.
Faites un simple toit plat au dessus de notre maison. Tout d’abord, créez un rectangle gris clair, puis sélectionnez son point d’ancrage inférieur droit avec les Outil de sélection directe (A). appuyez sur la Entrer clé pour appeler le Bouge toi fenêtre Options et définissez le Position horizontale valeur à 3 px, tandis que le Verticale la valeur est définie sur 0 px. Laissez toutes les autres options par défaut et cliquez sur le bouton D'accord bouton, déplaçant ainsi le point plus loin vers la droite. Répétez la même chose avec le point d’ancrage gauche, cette fois en réglant la Horizontal valeur à -3 px pour déplacer le point vers la gauche, en élargissant beaucoup le bord inférieur du toit.
Ajoutez quelques fenêtres de la même manière que nous l’avons fait avec notre première maison, mais cette fois, alignez les encadrements de fenêtres afin que les maisons aient un aspect différent..
Enfin, faites une aile supplémentaire dans la partie droite de notre maison pour l’entrée. Ajouter des ombres douces dans Mode de fusion multiple dans la partie inférieure de la maison, sous le toit et partout où vous le jugez nécessaire. Formez un toit incliné au-dessus de l’entrée et ajoutez une minuscule porte carrée avec un escalier. Décorer la maison avec plusieurs groupes de briques.
Passons maintenant à un bâtiment plus grand avec un toit inhabituel. Crée un rectangle, le rendant cette fois un peu plus haut que les précédents (50 x 85 px), et commencez à former le toit en plaçant un rectangle étroit sur le dessus, le rendant plus court sur les bords. Créez deux autres rectangles, l'un au-dessus de l'autre, rendant chaque forme suivante plus courte que la précédente (identique à celle utilisée lors de la création des escaliers). Ajoutez les fondations dans le bas du bâtiment et séparez-les de la maison à l'aide d'une ombre douce.
Prenez le bord décoratif et les fenêtres arrondies de notre première maison, faites-en plus de copies et disposez-les sur la façade dans n'importe quelle position symétrique qui vous intéresse. Unir les éléments de toit dans Éclaireur et ajoutez un contour sur les bords à l'aide du bouton Chemin de décalage.
Modifiez la partie supérieure du toit en remplissant le mince contour créé avec une couleur gris clair et terminez avec le bâtiment en plaçant des briques grises plus claires ici et là..
Rendrons une autre maison vivante avec un toit de tuiles. Faire un 45 x 85 px rectangle pour la base de la maison et ajoutez deux planches étroites des deux côtés de la maison, créant une vue latérale de notre futur toit. Ajoutez un autre rectangle dans la partie supérieure de la maison et commencez à former la tuile de la même manière que nous avons utilisé le pare-soleil pour la construction de notre magasin: placez un petit rectangle arrondi dans le coin supérieur gauche du toit et déplacez-le vers la droite. faire une copie. presse Contrôle-D autant de fois que nécessaire pour couvrir le toit d'un côté à l'autre. Vous pouvez permuter les couleurs pour rendre le bâtiment plus sombre que le toit ou le laisser comme vous le souhaitez.
Dupliquez la chaîne de tuiles créée et faites-la glisser vers le bas, en la plaçant partiellement sous la première (Contrôle-[). Cachez les parties inutiles des carreaux en les effaçant avec le bouton Outil Gomme (Maj-E) ou les cacher sous les planches latérales en les plaçant sur le dessus (Shift-Control-]). Rendre certaines tuiles plus sombres et les autres plus claires pour alterner les couleurs, ce qui rend le toit en tuile plus élégant.
Ajoutez l’entrée, la bordure avant décorative et un groupe de fenêtres en les retirant d’une autre maison et en y laissant une ombre douce Multiplier le mode de fusion Sous le toit.
Voici notre maison de vie avec le toit de tuiles. Nous avons ajouté des briques séparées à la façade et formé une bordure décorative en brique le long de la partie inférieure du bâtiment..
Passons au dernier bâtiment de notre ensemble: la tour de l'horloge. Ce sera le bâtiment le plus haut et le plus étroit, avec un 25 x 100 px Taille. Ajoutez une fondation, soulignée par une ombre semi-transparente, et commencez à former le cadran de l'horloge en plaçant un cercle égal à la partie supérieure de la tour avec le Outil Ellipse (L) en tenant le Décalage clé. Ajoutez un petit cercle à l'intérieur du cadran et définissez la bordure en l'assombrissant..
Mettez deux fines bandes pour la graduation des heures de notre cadran et alignez-les sur le centre vertical du cercle intérieur. Garder les deux bandes sélectionnées, prenez la Outil de rotation (R) et les faire tourner par 90 degrés. Clique le Copie bouton dans le Tourner fenêtre d’options pour créer deux autres gradations. Utilisez le Outil Polygone et mettre le Côtés valeur à 3 former un triangle. Squash et étendre le triangle créé pour faire une aiguille.
Sélectionnez l'aiguille de l'horloge et déplacez-la en la faisant glisser avec Outil de rotation (R). Ajoutez un triangle plus long pour l’aiguille des minutes en le déplaçant avec le bouton Outil de rotation (R) ainsi que. Appliquez un reflet léger sur le cadran de l'horloge pour le rendre plus réaliste.
Ajoutons un toit en tuiles de fantaisie à la tour. Combinez un triangle et une chaîne de tuiles en Unissant les en une seule forme dans le Éclaireur panneau. Prenez le groupe de tuiles de la maison précédente et placez-le sous la forme de triangle créée. Sélectionnez le groupe de tuiles et la forme du toit, cliquez avec le bouton droit de la souris et Faire masque d'écrêtage, rendre les parties indésirables invisibles.
Voici la vue finale de notre tour de l'horloge. Nous avons ajouté une petite fenêtre de grenier en haut, décoré la tour avec une bordure et plusieurs groupes de briques et placé une porte avec un escalier au bas du bâtiment..
Nous devons créer des détails environnementaux, tels que des arbres, pour animer notre paysage urbain. Commencez par former un cercle uniforme et mettez en évidence sa partie gauche avec une bande plus claire en forme de croissant. Regroupez les deux objets, dupliquez-les et placez deux copies plus petites sur le côté de la forme de base, ce qui rend l'arbre touffu. Copiez la forme de base et effacez sa moitié gauche. Basculez la moitié restante sur Multiplier le mode de fusion, faire une ombre. Ajoutez un tronc d'arbre étroit et placez quelques arbres supplémentaires devant et derrière, créant ainsi un groupe d'arbres touffus..
Faisons un simple buisson en dessinant une ellipse et en faisant glisser ses points d’ancrage latéraux vers le bas à l’aide du Outil de sélection directe (A). Cliquez sur le point d'ancrage supérieur avec le Convertir l'outil de point d'ancrage (Maj-C) faire un angle aigu. Placez un rectangle couvrant une moitié de la forme du buisson. Sélectionnez les deux objets et supprimez le rectangle en dehors du buisson en cliquant dessus avec le bouton Outil de création de forme (Maj-M) en tenant le Alt clé. Effacer la partie inférieure arrondie de l'élément avec le Outil Gomme (Maj-E) et forme un arbuste en ajoutant des éléments plus petits des deux côtés.
Passez à l'arbre suivant, un sapin en forme de cône. Créez une base triangulaire et placez une légère ombre au-dessus de la moitié droite de l’arbre. Ajouter un tronc étroit et former un groupe de sapins.
Voici l'ensemble des éléments que nous avons créés pour notre future composition..
Alignons nos maisons et ajoutons les arbres et les arbustes créés. Utilisez le Aligner panneau pour aligner les objets par la ligne du bas.
Les éléments sont un peu pâles à cette étape, nous devons donc ajouter un peu de contraste pour les rendre plus vivants. Sélectionnez une des maisons et cliquez sur le bouton Recolorer l'illustration icône dans le panneau de contrôle ci-dessus. Clique le modifier dans la fenêtre des options contextuelles pour afficher une roue chromatique. Recherchez une icône de maillon de chaîne dans le coin inférieur droit et cliquez dessus pour Lien des couleurs d'harmonie afin que vous puissiez changer toutes les couleurs en même temps en changeant n’importe quelle couleur du groupe. Met le Luminosité (B) valeur du curseur à 65% ou moins, assombrissant notre maison. Assurez-vous d'avoir le Recolorier art case à cocher cochée pour voir le résultat en temps réel.
Modifiez également d’autres bâtiments, en rendant certains plus foncés et d’autres plus clairs, en alternant les couleurs..
Créez un nuage à plat en combinant un groupe de cercles pairs et un rectangle arrondi, placés au bas du groupe. Sélectionnez toutes les pièces et Unir les dans Éclaireur, créer une forme unique.
Nous devons ajouter une route afin de former la rue principale de notre ville. Placez trois rectangles arrondis noirs superposés au bas de la ligne de construction et Unir leur. Ajoutez deux autres rectangles arrondis, couvrant partiellement les deux côtés du rectangle du milieu. Utilisez le Minus Front fonction de Éclaireur ou la Outil de création de forme (Maj-M) découper les formes du milieu en créant des trous arrondis.
Ajoutez une ligne horizontale le long de la partie supérieure de la route pour créer une bande de séparation. Dirigez-vous vers le Accident vasculaire cérébral panneau et définir le Poids valeur à 2 px. Sélectionnez le Casquette ronde et Joint rond et vérifier le Ligne pointillée boîte, en mettant le tiret à 6 px et l'écart à 8 px.
Rendons une voiture simple et mettons-la sur la route afin de rendre notre ville plus vivante. Formez la base de la voiture à l’aide de rectangles arrondis et tracez deux cercles pairs pour les roues. Ajoutez des détails mineurs, tels que les phares, les pneus, la poignée de porte et toute autre pièce jugée nécessaire pour rendre notre voiture plus réaliste..
Passez à autre chose et commencez à créer un long effet d’ombre pour ajouter plus de profondeur à nos œuvres. Créez un grand rectangle (je l'ai rempli de couleur rouge pour le rendre plus visible) et faites-le pivoter pour 45 degrés. Combinez les bords du rectangle avec les points latéraux de la route et Envoyer vers l'arrière (Shift-Control- [).
Ajoutez plus de rectangles diagonaux sous chaque partie de la route et chaque nuage.
Sélectionnez maintenant l’objet et le rectangle et supprimez la pièce inutile avec le Outil de création de forme (Maj-M) en appuyant sur Alt clé.
Après avoir supprimé toutes les parties non désirées, sélectionnez les rectangles et remplissez-les de dégradés linéaires du gris au blanc, en passant à Multiplier le mode de fusion et ainsi transformer les rectangles en longues ombres semi-transparentes.
Vous pouvez animer votre paysage urbain en créant une palette de couleurs vives. Sélectionnez votre groupe de couleurs et cliquez sur le bouton Nouveau groupe de couleurs icône dans le Échantillons panneau pour créer une palette définie par l'utilisateur à partir du Oeuvre sélectionnée.
Sélectionnez votre ville et allez au Recolorer l'illustration fenêtre d'options. Ici vous pouvez trouver votre palette dans le Groupes de couleurs section à droite. Cliquez dessus pour appliquer de nouvelles couleurs à votre oeuvre et utilisez le Changer au hasard l'ordre des couleurs fonction pour trouver la meilleure combinaison des couleurs sélectionnées.
Vous pouvez limiter le nombre de couleurs utilisées dans votre illustration en définissant la valeur souhaitée dans Couleurs boîte pour obtenir un bel effet de contraste de couleur.
Sinon, si vous êtes satisfait du résultat initial, laissez simplement votre paysage urbain en niveaux de gris, tout en conservant un style rétro branché..
Excellent travail, gars et filles, nous avons réussi à créer un paysage urbain à la mode avec des détails supplémentaires, ce qui a ajouté une dimension et rendu nos œuvres plus vivantes. J'espère que vous avez appris de nouveaux trucs et astuces simples pour vos futures œuvres d'art. Restez à l'écoute pour plus et laissez l'inspiration vous guider!
Accentsconagua