Créer une scène de la ville occupée à Illustrator

Sep 10, 2025

Comment

[dix] [dix] [dix]

[dix]

La meilleure ville est une ville animée, mais cette atmosphère occupée n'est pas une chose facile à capturer avec succès. Cependant avec un simple comment dessiner Conseils Vous pouvez amener vos scènes de ville à la vie, remplissez l'architecture avec des détails ... et vous n'aurez pas à passer des semaines dessus.

[dix]

100 Tutoriels incroyables Adobe Illustrator

Dans ce tutoriel, nous chercherons à mettre en place une scène de rue animée dans Illustrator - une partie de Adobe's Nuage créatif . Nous allons construire une architecture, ajouter des figures, placer des meubles urbains et une signalisation et expérimenter avec ma truc préférée: la couleur.

Étape 01.

Linework for a store – note how much of it is copy and pasted for efficiency (click image to enlarge) — Lignework pour un magasin - Notez la quantité de copie et collée pour l'efficacité (cliquez sur l'image pour l'agrandir)

Comment commencer votre oeuvre est à vous de vous. Vous pouvez choisir de commencer à partir d'une esquisse au crayon, de dessiner directement dans une tablette ou d'aller directement dans Illustrator et de la construire dans des vecteurs à partir de zéro. J'ai commencé avec un croquissement au crayon et ai tracé la ligne à l'aide de l'outil de stylo et de formes en Ai.

Étape 02.

This is a great way to learn how to get spacing and proportions correct before starting to draw (click image to enlarge) — C'est un excellent moyen d'apprendre à obtenir un espacement et des proportions correctement avant de commencer à dessiner (cliquez sur l'image pour l'agrandir)

Si vous n'êtes pas désireux de dessiner - ou si vous recherchez un raccourci rapide - alors allez-y et trace une photo. Utilisez les outils de forme pour le construire à l'avant vers l'avant, de sorte que les couches de l'AI sont dans le bon ordre. Donc, d'une part, la paroi de base (l'objet le plus éloigné), puis des détails sur le mur, etc., fonctionnant votre chemin vers les cadres et les portes.

Étape 03.

Repeated windows, frames and fire escape (click image to enlarge) — Windows répétés, cadres et échappement de feu (cliquez sur l'image pour l'agrandir)

Les scènes de la ville peuvent avoir des milliers de fenêtres. Ne veluvez-les pas d'un par un, illustrer simplement un au début en ligne, puis ajoutez des couleurs. Grouper tous les éléments ensemble en sélectionnant chaque partie et en cliquant sur cmd + g . Je travaille vraiment efficacement en copiant et en collant une fenêtre.

[dix]

Sélectionnez le groupe de fenêtres, maintenez Maj + alt et déplacez-le dans la direction dont vous avez besoin en utilisant les touches fléchées. Puis relâchez le alt Clé et continuez en cliquant sur Maj + flèche jusqu'à ce que la fenêtre suivante soit en place. Répétez la répétition jusqu'à ce que vous formiez une ligne de fenêtres, puis regroupez toutes ces fenêtres ensemble et créez une nouvelle ligne ci-dessous. Continuez à copier jusqu'à ce que vous avez rempli votre immeuble avec des fenêtres identiques.

Étape 04.

I've included three key landmarks, which are spread across the illustration (click image to enlarge) — J'ai inclus trois points de repère clés, qui sont répartis sur l'illustration (cliquez sur l'image pour l'agrandir)

Tout en créant des bâtiments, considérons toujours la manière dont votre composition de la ville se réunira. Dans une vraie ville, les monuments ou les bâtiments accrocheurs sont rarement côte à côte. Créez des espaces autour de ces bâtiments clés et remplissez ces lacunes avec des bâtiments plus petits, des maisons génériques ou des magasins.

Je commence à construire ma ville du haut de la ligne d'art et de descendre, les couches se compassent donc du fond (ou le plus éloigné si vous utilisez la perspective) sur la couche supérieure (le premier plan).

Étape 05.

[dix]

Space out the roads and try playing with diagonal shapes (click image to enlarge) — Espace les routes et essayez de jouer avec des formes diagonales (cliquez sur l'image pour l'agrandir)

Sauf si vous créez une scène «sur les toits», assurez-vous de créer de l'espace au sol, des endroits pour mettre les gens, les voitures et ainsi de suite. Je recommande de rompre de tout réalisme dans la composition / perspective ici - je couche les bâtiments avec des blocs de couleur devant et derrière pour créer les routes et les murs. Celles-ci peuvent être aussi simples que vous le souhaitez (les rectangles de base fonctionnent parfaitement bien), car vous ajouterez de nombreux éléments sur le dessus pour mettre la scène à la vie.

Étape 06.

The colour palette can completely change the atmosphere of a city scene (click image to enlarge) — La palette de couleurs peut changer complètement l'atmosphère d'une scène de la ville (cliquez sur l'image pour l'agrandir)

Avec tous les bâtiments 'construits', ajoutons de la couleur. Premier conseil: n'utilisez pas de couleurs réalistes. La majorité des bâtiments sont des gris et des bruns similaires, et cela n'excite personne. Vous pouvez créer une palette qui "ressent" comme une ville sans utiliser les nuances exactes que vous trouverez dans la vie réelle.

Donc, si vous allez chercher une jungle urbaine Edgy, jouez avec des greens riches, des gris sale et des tons de bois naturels. Si vous allez pour une ville contemporaine ensoleillée, essayez de mélanger des roses chauds et des oranges avec des sarcelles profondes et une turquoise fraîche.

Étape 07.

These simple assets will bring a lot of extra interest to the scene (click image to enlarge) — Ces actifs simples apporteront beaucoup d'intérêt supplémentaire à la scène (cliquez sur l'image pour l'agrandir)

Vos rues regardent un peu vide, il est donc temps de l'apporter à la vie. Nous devons ajouter des figures, des signes, des véhicules, des meubles, des lumières, des boîtes aux lettres et tout le reste. Je les crée séparément de ma ville de ma ville, tirez-les tous individuellement, puis l'illustre dans un nouveau fichier d'illustrateur. Si vous accumulez un bon stock d'actifs, ils peuvent être réutilisés pour les illustrations futures.

Étape 08.

Note how easy it is to change hairstyle, skin and clothing colours to make new people (click image to enlarge) — Notez à quel point il est facile de changer les couleurs de coiffure, de la peau et des vêtements pour faire de nouvelles personnes (cliquez sur l'image pour l'agrandir)

Il est important de s'assurer que toutes les figures sont toutes proportionnelles les unes aux autres. Je trouve qu'il est préférable de commencer avec le même cercle de taille pour chaque chef de la figure - enfants et bébés inclus. Le rapport tête-à-corps disproportionné sur les enfants semble avoir l'air plus d'enfant que lorsque la tête est plus petite.

N'hésitez pas à copier et coller des figures et recols quelques variations de chaque figure. C'est un moyen efficace de construire beaucoup de personnes différentes pour la scène.

Étape 09.

The details bring it all to life (click image to enlarge) — Les détails apportent tout à la vie (cliquez sur l'image pour l'agrandir)

Positionnez vos atouts sur votre scène de votre ville. Pensez à ce que ces actifs puissent être placés de manière réaliste - par exemple, ne placez pas deux des mêmes feux de circulation ou des mêmes signes côte à côte, et répétez les lampadaires à des distances égales (utilisez la technique de la copie et de la coller à l'étape 3). Les meubles de rue sont susceptibles d'être trouvés dans un endroit pittoresque, à côté d'un parc ou d'un point de repère.

Placez les gens en groupes, paires et individuellement. Je donne souvent des gens une histoire - un parent et un enfant qui rentre à la maison de l'école, ou deux collègues qui font du jogging.

Étape 10.

Set the scene, add little details for people to find (click image to enlarge) — Définissez la scène, ajoutez peu de détails pour que les gens trouvent (cliquez sur l'image pour l'agrandir)

Pour terminer, jetez des détails spéciaux spécifiques à l'emplacement. Si vous illustrez une ville réelle, il illustre des affiches, des signes ou des drapeaux qui soulignent l'emplacement. Ou si vous illustrez une ville générique, mais que vous voulez une ambiance particulière, obtenez des slogans ou des publicités qui aident à transmettre votre message. Une scène de la ville comme celle-ci est construite de nombreux détails, des cadres de fenêtres aux workers de chien, mais chacun d'entre eux apporte quelque chose à l'atmosphère dynamique et occupée de votre ville.

Articles Liés:

Avis: Stylos de tonalité de couleur Chameleon
Comment illustrer les livres pour enfants: 7 meilleurs conseils
Créer un fond d'écran bas en C4D

[dix] [dix]

[dix]

Créer une scène de la ville occupée à Illustrator

Étape 01.

Étape 02.

Étape 03.

Étape 04.

Étape 05.

Étape 06.

Étape 07.

Étape 08.

Étape 09.

Étape 10.

Comment - Most Popular Articles

Typographie de la marque: un guide complet

Créer une scène avec Renderman pour Maya

Construire des dispositions adaptatives sans requêtes de média

Créer un effet texte 3D animé

Ajouter un effet de glitch à votre site Web

Créer une meilleure animation de personnages dans Maya

Tout ce que vous devez savoir sur le nouveau nœud.js 8

Comment créer des cheveux de style manga en mouvement

Catégories