Comment créer un paysage urbain basé sur des lignes à l'aide de l'outil Rectangle dans Illustrator

J'aime beaucoup les défis liés à la création d'une image sans utiliser les autres outils de dessin d'Adobe Illustrator CC. Dans le cas de ce tutoriel, nous construirons chaque petit bâtiment de notre paysage urbain inspiré de la bande dessinée avec le Outil Rectangle (M). L'outil de mélange (W), Outil de création de forme (Maj-M), Éclaireur panneau, et ceux nouveau chic Coins vivants jouer la deuxième banane à nos rectangles, transformant de simples boîtes en une métropole.


1. Bâtiments initiaux et gratte-ciel

Étape 1

Commencez (et continuez et finissez, car nous allons l’utiliser beaucoup) avec le Outil Rectangle (M) en dessinant une grande boîte mince. Dessinez une autre boîte plus courte et plus large Tourner c'est par dessus le premier. vous voudrez aligner le coin gauche de la première case avec le bord de la seconde (ou quelque chose de proche). Sélectionner à la fois et frappé Minus Front dans le Éclaireur panneau. Vous vous retrouverez avec le bord incliné vu ci-dessous.


Étape 2

Dessinez différents rectangles (haut, large, court, mince, coudé) et remplissez votre planche d’art. Vous voulez que vos bâtiments soient variés dans la forme de base ainsi que dans les détails (que nous verrons dans la section suivante).


Étape 3

Pour compléter les bâtiments, que ce soit pour créer des formes en forme de pilule ou pour arrondir un peu les angles, Sélectionner le rectangle de votre choix avec le Outil de sélection directe (A) et tirez un de ces petits cercles utiles (Coins vivants) vers le coin vers le centre. Cela viendra également compléter le fond, ce qui n’est pas un problème dans ce cas car ce bâtiment est placé derrière de nombreux autres et seule la moitié supérieure apparaîtra dans la pièce finale.



2. Détail des rectangles

Étape 1

Les gratte-ciel affleurent les fenêtres, les rebords, les arches et plus encore. Pour les créer, nous aurons besoin de beaucoup de rectangles et de quelques techniques pour accélérer le processus de conception de notre ville..

Commencez avec un mince rectangle en haut de votre bâtiment. Copier (Control-C) et Coller (Contrôle-V) le petit rectangle et alignez-le au centre du bâtiment avec celui du haut, en déplaçant le second vers le bas. Sélectionnez les deux rectangles minces et utilisez le Outil de mélange (W) (sélectionnez-les à nouveau) pour créer une série de rectangles dans le bâtiment. Frappé Entrer et vous pouvez ajuster le Outil de mélangeles options de.


Étape 2

Pour ce bâtiment en angle le Outil Rectangle et Outil de mélange ont été en action à nouveau. Si vous dessinez des rectangles qui se chevauchent et s’étendent au-delà des limites du bâtiment, vous pouvez utiliser le Outil de création de forme (Maj-M) supprimer les formes superflues de la conception du bâtiment.

Assurez-vous que vos rectangles ont été Étendu dans Objet si elles ont été générées à l'aide du Outil de mélange. Sélectionnez tous les rectangles que vous souhaitez modifier avec la forme du bâtiment. Puis, en utilisant le Outil de création de forme, sélectionnez les parties non sécantes pour qu'elles deviennent des objets séparés. Une fois fait, Désélectionner et Effacer chacun d'eux.


Étape 3

Ajouter des lignes supplémentaires avec des rectangles définis en tant que traits uniquement. Effacer pièces étrangères en utilisant la méthode de l'étape précédente.


Étape 4

Ajouter une série de petites fenêtres. Encore une fois, employez le Outil de mélange pour obtenir une ligne de rectangles en haut. Développer le mélange dans Objet, Copie et Coller le nouveau groupe de rectangles et placez-le en bas, et mélangez à nouveau pour les fenêtres qui couvrent tout le visage du bâtiment. Ajoutez des rectangles supplémentaires au-dessus de ce nouveau groupe de mélanges pour afficher les rebords, les fenêtres plus grandes ou les espaces entre les fenêtres..


Étape 5

Créez une série de rectangles se chevauchant pour former des lignes. Répétez-les le long du bâtiment. Des parties de rectangles qui s'étendent au-delà des côtés du bâtiment doivent être supprimées. Des parties des conceptions qui s'étendent au-delà du bas des bâtiments peuvent être ignorées, car les bâtiments seront rassemblés et le bas de ceux-ci sera caché ou s'étendra au-delà du tableau..



3. Bâtiments cylindriques

Étape 1

Pour le bâtiment arrondi réalisé précédemment, il existe de nombreuses options pour ajouter des motifs et des caractéristiques de conception. Dans ce cas, nous allons dessiner une série de hauts rectangles minces et en supprimer les parties qui s’étendent au-delà du bâtiment avec le Outil de création de forme.


Étape 2

Si vous ne souhaitez pas conserver le bâtiment dans cet état, Unir les rectangles dans Éclaireur et dessinez un rectangle qui chevauche la partie inférieure d’eux. Sélectionnez à la fois ce rectangle et la nouvelle forme composée et Minus Front dans Éclaireur. En option, vous pouvez également faire la même chose avec le bas du bâtiment afin qu'il ait un bord plat.


Étape 3

Comme ce bâtiment a commencé à ressembler à un silo de grange, j'ai décidé d'aller jusqu'au bout et d'ajouter des petits carrés dessinés avec le Outil Rectangle et répété dans tout le bâtiment avec le Outil de mélange.



4. Créer des motifs de lignes simples avec des rectangles

Étape 1

Pour la conception de ce bâtiment, des rectangles ont été dessinés de manière à conserver une taille et un espace relativement uniformes entre eux, ainsi qu’une petite sélection de rectangles verticaux au centre du bâtiment. Ranger les côtés avec le Outil de création de forme ou dans Éclaireur.


Étape 2

Utilisez différentes tailles de rectangles pour créer des lignes sur un bâtiment, simplifiez votre bâtiment avec une série de petits rectangles pour créer des fenêtres, ou Tourner les rectangles pour créer un motif de lignes diagonales.


Étape 3

En plus de jouer avec des lignes diagonales du même angle, Tourner chaque rectangle un peu plus que le dernier pour créer un effet radial avec vos lignes. Laissez la couleur de remplissage définie sur null lorsque vous tracez des lignes qui se chevauchent ou remplissez-la de blanc si vous souhaitez que chaque section soit une couleur unie (ou des lignes nettes dans ce cas)..


Étape 4

Au lieu de spécifier des étapes avec le Outil de mélange, essayez d'autres options comme Couleur lisse. Sélectionner Aperçu dans Options de mélange afin d'ajuster l'apparence du fondu avant de l'appliquer à vos objets.


Étape 5

Pour un motif tissé en forme de chevron, tracez un rectangle fin et faites-le pivoter de manière à ce que son angle soit aligné avec le coin du bâtiment.. Copie, Coller, et Réfléchir sur un Axe vertical donc vous en avez un qui va dans l'autre sens. Superposez-les pour qu'ils forment un V. Effacer toutes les parties superflues de la forme (celles qui ne forment pas ce "V" dans les limites du bâtiment), Groupe (Control-G) ensemble et Copie et Coller le long du bâtiment.



5. Amusez-vous avec Live Corners

Étape 1

Sélectionnez votre immeuble avec le Outil de sélection directe et arrondissez légèrement les coins en tirant une fois de plus sur les cercles qui apparaissent dans les coins vers le centre de la forme. Dessine un carré avec le Outil Rectangle (maintenez Décalage) et arrondissez à nouveau les coins en utilisant Coins vivants. Copie et Coller la place de l'autre côté et utilisez le Outil de mélange créer une petite ligne de carrés. Développer ce mélange dans Objet et Copie et Coller le groupe au bas de l'immeuble.


Étape 2

Dans ce cas précisez 4 étapes pour le mélange donc il y a même un espace entre tous les carrés.


Étape 3

Dessinez un grand rectangle et faites-le pivoter sur la moitié inférieure du bâtiment arrondi. Supprimez les parties du rectangle qui ne se chevauchent pas et répétez l'opération pour obtenir des lignes diagonales supplémentaires.



Continuer à construire!

Une fois que vous avez créé une collection de bâtiments, placez-les dans votre composition, en les superposant. Allez plus loin avec les détails de votre bâtiment et imitez le look des villes célèbres du monde entier. Relevez le défi en construisant des horizons comme Sydney, Paris ou New York entièrement construits à partir de rectangles. Pour d'autres tutoriels sur la construction de villes, consultez ceux-ci:

  • Comment créer votre propre ville vectorielle stylisée
  • Créer un paysage urbain chatoyant en perspective à l'aide d'Illustrator CS5
  • Créer un bâtiment isométrique détaillé dans Adobe Illustrator - Tutoriel Tuts + Premium