Comment créer un paysage urbain isométrique abstrait dans Adobe Illustrator

Dans la première partie d'un didacticiel en deux parties, nous allons créer une illustration de style isométrique à l'aide d'Adobe Illustrator et de Photoshop. Dans notre deuxième tutoriel, nous utiliserons ce graphique pour créer la couverture et la diffusion d’un magazine dans InDesign..

Atout tutoriel

Pour terminer ce didacticiel, vous devez télécharger et installer la police de caractères suivante..

  • Minecraftia (police gratuite)

1. Créer une route de base

Étape 1

Ouvrir un Nouveau document au format A3. Nous travaillons dans CMJN Couleur.

Commencez par dessiner un cercle avec le Outil Ellipse (L) et un support avec le Outil de segment de ligne (\). Donnez-leur un 25 pt de poids. Nous allons commencer à dessiner une route.

Étape 2

Effacer les trois quarts du cercle et dupliquer la partie restante. Joignez les bouts et créez une version dupliquée retournée.

Étape 3

Aller à Objet> Transformer> Cisaillement et lui donner un -30, Verticale transformation.

Étape 4

Faire pivoter l'objet de -60 degrés.

Étape 5

Créer un rectangle et lui donner un -Cisaillement de 30 degrés, comme vous l'avez fait au début. Utilisez cette forme pour supprimer la fin de la "route" en utilisant Pathfinder> Minus Front.

Étape 6

Faites de même pour l'autre extrémité pour finir cette partie de la rue. Voici comment dessiner chaque élément de cette illustration. Il simule une vue 3D sans perspective, semblable au fonctionnement du pixel art..

Étape 7

Répétez cette procédure pour créer le reste des routes. Vous pouvez commencer à leur donner différentes couleurs et poids..

2. Utiliser le chemin de décalage pour ajouter des lignes

Étape 1

Faites une copie de vos formes et fusionnez-les avec Pathfinder> Unite. Aller à Objet> Chemin> Chemin décalé et Décalage par 5 pt.

Étape 2

Donnez à la nouvelle section un Décalage de 5 points, comme à l'étape précédente. Découpez la section intérieure de la nouvelle avec Pathfinder> Minus Front.

Étape 3

Créez un autre gabarit rectangle et supprimez des portions aléatoires de ce nouveau chemin. Le but est de les faire ressembler à un trottoir et de les terminer à des intervalles aléatoires.

Étape 4

Répétez cette procédure pour couper toutes les portions du trottoir.

Étape 5

Nous faisons maintenant quelques portions qui ressemblent à des données de déplacement rapide naviguant sur les routes. Décalage le chemin de la route, mais faites-le intérieurement.

Étape 6

Changer sa couleur en jaune et prolonger la ligne à travers la route.

Étape 7

Répétez le processus pour les routes restantes.

3. Ajouter des formes de base et des nombres

Étape 1

En utilisant le même processus de Tonte et Tournant, ajoutez une variété de formes de base à votre composition pour donner l'impression d'arbres et de bâtiments.

Étape 2

Ecrire des nombres binaires avec le Outil Texte (T) et Objet> Développer leur. Donnez-leur un 30 degrés transformation.

Étape 3

Placez des nombres aléatoires dans la scène et intégrez-les dans le décor

Étape 4

Répétez ce processus et appliquez-les à tous les niveaux..

4. Ajouter des dégradés à l'illustration

Étape 1

À ce stade, j'ai apporté certaines modifications à la scène, en modifiant légèrement les couleurs en ajoutant des éléments blancs. À ce stade, vous devrez modifier la couleur d’arrière-plan pour suivre ces modifications. J'ai aussi changé les arbres en ajoutant des détails supplémentaires.

Étape 2

Dupliquez le calque avec toutes vos formes. Nous aurons besoin d'une version pour créer des dégradés que nous utiliserons plus tard dans Photoshop..

Choisissez certaines formes, pas toutes, et attribuez-leur un dégradé radial, comme indiqué ci-dessous. C'est un dégradé radial standard noir et blanc. Les parties noires seront utilisées dans Photoshop pour créer des nuances avec un style de calque Color Burn..

Étape 3

J'ai placé quelques-uns de ces dégradés autour de ma scène.

Étape 4

Sélectionnez toutes les formes restantes et attribuez-leur un dégradé linéaire du noir au blanc, mais changez le noir en 4% de noir seulement. Cela va être utilisé pour créer un effet très léger dans Photoshop.

Étape 5

Sélectionnez la forme de fond et donnez-lui un dégradé sombre similaire.

Étape 6

Changer la couleur de fond en jaune.

5. Modifiez votre illustration dans Photoshop

Étape 1

Maintenant, vous avez deux couches. Une avec les couleurs, l'autre avec des dégradés de noir et blanc.

Copiez le premier calque dans un nouveau document Photoshop. Nous faisons les nôtres légèrement plus grandes qu'un A3, 50 cm de large devrait fonctionner, mais tant que les proportions sont bonnes, toute taille conviendra. Il suffit de le rendre plus grand qu'un A3. Après avoir collé le calque de couleur, collez le calque noir et blanc sur un calque séparé. Remplacez le calque dégradé par un 80% de couleur brûlée.

Étape 2

Collez à nouveau le calque dégradé mais cette fois dans un nouveau document ayant exactement la même taille que le précédent.

Étape 3

Aller à Image> Mode> Niveaux de gris.

Étape 4

Aller à Image> Mode> Bitmap et utilisez les mêmes paramètres pour le premier dialogue.

Étape 5

Modifiez les paramètres de demi-teintes à ceux indiqués ci-dessous..

Étape 6

Copiez la nouvelle image créée dans votre scène initiale et changez le Mode de fusion à Multiplier.

Étape 7

Ceci est maintenant votre image finale. J'ai laissé un peu d'espace autour de l'illustration pour pouvoir la recadrer ultérieurement dans InDesign comme bon nous semble..

Êtes-vous prêt pour le prochain tutoriel?

Nous avons maintenant terminé notre illustration en vedette. Dans la prochaine partie de ce didacticiel, nous l'ajouterons à une couverture de magazine et à une diffusion à l'intérieur, à l'aide d'Adobe InDesign..