Créer un paysage urbain chatoyant en perspective à l'aide d'Illustrator CS5

Les outils de perspective d'Illustrator CS5 permettent de dessiner plus facilement dans une perspective parfaite à un, deux ou trois points. L'utilisation de symboles en conjonction avec les outils de perspective facilitera la tâche de ce paysage urbain stylisé..

Tutoriel republié

Toutes les quelques semaines, nous revoyons certains des articles préférés de nos lecteurs tout au long de l'histoire du site. Ce tutoriel a été publié pour la première fois en avril 2011.


Étape 1

Cliquez sur l'outil de grille de perspective. Deux éléments apparaissent sur votre plan de travail: la grille de perspective et le widget Plan actif. Vous pouvez modifier l'emplacement du widget en double-cliquant sur l'outil de grille de perspective pour afficher ses options. Le widget ne peut être placé que dans l'un des quatre coins - vous ne pouvez pas le déplacer librement.

Une grille de base à 2 points est le paramètre par défaut. Si vous ne voyez pas la grille ci-dessus, sélectionnez Affichage> Grille de perspective> Perspective à deux points et choisissez le préréglage Normal..

A l'aide de l'outil Grille de perspective, déplacez la ligne Horizon vers le bas, près du niveau du sol. Cela donnera une perspective dramatique avec des points de fuite exagérés.

Si vous le souhaitez, vous pouvez enregistrer cette grille en tant que préréglage à utiliser pour de futures illustrations. Allez dans Affichage> Grille de perspective> Enregistrer la grille en tant que préréglage pour le faire..


Étape 2

Si vous connaissez les outils de perspective pour la première fois, essayez de les comprendre en dessinant quelques formes en perspective. Tout d’abord, assurez-vous que la grille est visible et cliquez sur le plan de gauche (bleu foncé) du widget. Maintenant, prenez l’outil Rectangle (M) et dessinez sur le plan de gauche. Votre rectangle sera dessiné en perspective, fixé à la grille. Notez que la flèche du curseur sur le réticule du curseur se trouve maintenant à côté.

Ceci est un repère visuel qui vous permet de savoir quel plan est actif lorsque vous dessinez. Passez maintenant à l'outil de sélection de perspective (Maj + M) et déplacez le rectangle. Vous verrez que les angles du rectangle sont solides, plutôt que creux, et ont une apparence plus lourde que la normale, ce qui indique que la forme est en perspective. Lorsque vous le déplacez, l'objet reste en perspective, même si vous le déplacez hors de la grille visible..


Étape 3

Sélectionnez le bon plan (Orange) et tracez un autre rectangle. Alignez-le avec le premier, et vous avez la structure de base d'un bâtiment en perspective.

Vous pouvez maintenant ajouter des éléments, tels que des fenêtres, en dessinant un rectangle plus petit et en le copiant par glissement - à l'aide de l'outil de sélection de perspective - à plusieurs reprises pour créer une ligne (ou faites glisser une copie, puis appuyez sur Commande + D pour en créer plusieurs autres). ). Toutes les copies suivantes resteront en perspective.


Étape 4

Vous pouvez continuer à dessiner plus de rectangles et à les aligner sur les deux plans, mais cela peut devenir fastidieux. Une méthode plus rapide consiste à construire les bâtiments à plat (c'est-à-dire pas en perspective), puis à les transformer en symboles, puis à les placer sur la grille..

Choisissez une variante plus claire et plus foncée d'une couleur (je suis partielle en orange) et créez des formes de bâtiment simples. Vous les améliorerez plus tard avec des dégradés, mais pour le moment, restez à la base. Faites un ensemble plus clair et une autre version avec la couleur plus sombre. Ceux-ci seront utilisés pour le côté clair de l'illustration et les façades des bâtiments qui sont dans l'ombre, respectivement.


Étape 5

Faites glisser chaque bâtiment dans le panneau Symboles. Vous pouvez donner un nom à chacun d'eux si cela vous aide à les garder. Il peut être difficile de savoir quand vous les regardez en mode vignette..


Étape 6

Faites glisser un symbole "plus léger" sur le tableau d'art. Assurez-vous que le plan de gauche est actif et que vous utilisez l'outil de sélection de perspective (Maj + V), faites glisser le symbole pour le mettre en place. Vous verrez que cela s'accroche à la perspective. Faites cela quelques fois de plus, en gardant les bâtiments plus légers sur le plan de gauche.

Faites la même chose avec les symboles de construction plus sombres, en les plaçant sur le bon plan. Choisissez l'avion sur le widget ou appuyez sur "3" pour l'activer.


Étape 7

Si vous avez une forme de bâtiment claire et sombre placée à l'intersection des deux plans, vous remarquerez que chaque côté est identique. Mais si vous essayez d'ajouter un côté sombre à une forme claire située plus à gauche du point d'intersection, la nouvelle forme ne s'alignera pas. La raison en est que si vous faites glisser un objet en perspective sur le plan de droite et essayez de le faire correspondre à un objet situé à droite, la forme de gauche grossira à mesure que vous faites glisser, car il continue à adhérer à la grille de perspective..

Donc, ce que vous devez faire est de faire glisser cette forme perpendiculairement, en perspective.

Sélectionnez la forme avec l'outil de sélection de perspective, maintenez la touche «5» enfoncée et faites-la glisser vers la gauche. Une ligne indique que vous faites glisser perpendiculairement.


Étape 8

Continuez à construire les bâtiments de cette façon, jusqu'à ce que chaque façade ait un côté correspondant. Vous devrez probablement envoyer des formes derrière les autres, ce que vous pouvez faire sans affecter la perspective.


Étape 9

Une fois que tous les bâtiments sont disposés à votre convenance, effectuez un zoom avant et assurez-vous que chaque côté de chaque bâtiment est bien aligné. Ils ne doivent pas nécessairement s'aligner sur une ligne de la grille, mais si vous déplacez un objet avec les touches fléchées, il s'accroche au premier..


Étape 10

Pour peaufiner l’illustration, ajoutez des dégradés à chaque forme de bâtiment. Pour ce faire, vous devez d'abord libérer les formes de la grille de perspective. Sélectionnez une forme et allez à Objet> Perspective> Libérer avec perspective. Cela rompra le lien vers le symbole, vous pouvez donc maintenant changer l'apparence de chaque objet..


Étape 11

Créez un ensemble de dégradés composés de vos deux couleurs d'origine, avec une couleur plus sombre et une couleur plus claire. Lorsque vous coloriez les formes, utilisez les dégradés pour améliorer la profondeur du paysage urbain. Visualisez la source de lumière et coloriez les bâtiments en conséquence, tout en maintenant un aspect cohérent.

Appliqués avec soin, les dégradés peuvent également ajouter de la profondeur et de l'intérêt aux fenêtres et aux détails des bâtiments..


Étape 12

Maintenant nous allons faire la réflexion. Créez un nouveau calque sous le premier calque. Sélectionnez le paysage urbain dans son intégralité, puis cliquez sur le petit carré coloré dans le panneau Calques. Maintenez la touche Alt enfoncée, puis faites glisser le carré vers le nouveau calque. Cela créera une copie des objets sur le calque inférieur. Verrouiller ou masquer le calque supérieur.


Étape 13

La copie étant toujours sélectionnée, double-cliquez sur l'outil Reflect et réfléchissez les objets horizontalement. Faites glisser la copie reflétée vers le bas afin qu’elle se trouve juste en dessous de l’original. Ce sera le reflet.


Étape 14

Pour simplifier la réflexion et la rendre moins gênante, supprimez tous les détails de chaque bâtiment. C'est un peu une corvée, mais vous pouvez le simplifier en affichant le reflet en mode Contour et en sélectionnant plusieurs fenêtres et d'autres détails à l'aide de l'outil Sélection directe (A) et / ou de l'outil Lasso (Q)..


Étape 15

Comme le paysage urbain est un dessin en perspective, rendre le reflet n’est pas aussi simple que de simplement renverser les formes et de les placer sous l’original. Sélectionnez seulement une moitié du reflet. Choisissez l'outil de transformation libre (E), puis saisissez le côté extérieur des objets sélectionnés et faites-le glisser vers le haut tout en maintenant la touche Commande enfoncée. Ajoutez la touche Maj pour que la transformation soit alignée verticalement. Il peut être un peu difficile de maîtriser cette danse du doigt, mais après quelques essais, vous comprendrez. Inclinez la réflexion jusqu'à ce qu'elle rencontre la forme principale du paysage urbain. Faire la même chose avec l'autre moitié.


Étape 16

Lorsque vous êtes satisfait des moitiés asymétriques, tracez un rectangle qui couvre l’ensemble du reflet. Remplissez ce rectangle avec un dégradé linéaire noir à blanc, comme dans l'image ci-dessous.


Étape 17

Sélectionnez le rectangle et les objets de réflexion. Dans le panneau Transparence, cliquez sur le menu déroulant et choisissez Créer un masque d'opacité. La réflexion devrait maintenant sembler s'estomper. Sinon, essayez de cliquer sur Inverser le masque dans le panneau..


Étape 18

Si nécessaire, ajustez le fondu en modifiant le dégradé. Cliquez sur sa vignette dans le panneau Transparence et ajustez-la avec l'outil Dégradé..


Étape 19

Décaler la réflexion vers le haut ou le bas si nécessaire. Puis asseyez-vous et admirez votre ville resplendissante!


Conclusion

Avant que les outils de perspective ne soient introduits dans CS5, il était tout à fait possible de créer une illustration telle que celle-ci, mais vous deviez mesurer et tracer avec soin votre propre grille. La création d'une telle grille peut prendre aussi longtemps que nécessaire pour faire le reste de l'illustration. L'ensemble d'outils Perspective élimine le besoin de toute cette préparation qui prend beaucoup de temps et vous permet de vous concentrer sur la partie créative de l'illustration..