Comment dessiner avec la perspective

Dans ce tutoriel, nous examinerons des photographies ainsi que des exemples dessinés pour nous familiariser avec les principes de base de la perspective et son incidence sur les dessins..


Étape 1

La perspective peut être utilisée pour suggérer l'illusion d'éléments 3D sur un canevas 2D. Lorsque la perspective est désactivée dans un dessin, même les yeux non avertis le remarqueront. L'utilisation de techniques de base en perspective vous permettra de manipuler vos compositions à votre avantage. même en donnant aux dessins de fiction un réalisme.

Faisons une nouvelle toile (Cmd + N) et commençons. J'ai dessiné une figure pour pimenter un peu la toile.


Étape 2

Nous allons commencer par une perspective à un point. Un dessin n'importe où sur Terre aurait probablement une "ligne d'horizon", qu'il soit sorti de la toile ou non. Dans l'exemple ci-dessous, nous avons une ligne d'horizon très standard près du centre de l'image. En plus d'une ligne d'horizon, nous avons besoin d'un «point de fuite». Lorsque vous tracez une perspective à un point, nous avons un point de fuite où toutes les lignes de l’axe des z se rejoignent. Dans l’exemple ci-dessous, l’apparence est «VP», la ligne d’horizon étant illustrée par «HL». Toutes les lignes allant dans la même direction (parallèle) suivraient les angles des lignes convergeant vers le point de fuite.


Étape 3

Si nous devions dessiner une boîte et un prisme, les axes des x et des y seraient dessinés normalement (carrés noirs dans l'exemple), mais les lignes le long de l'axe des z suivraient les lignes de perspective inclinées vers le point de fuite..


Étape 4

Changer la ligne d'horizon peut donner à notre composition un peu plus d'espace au sol et peut s'avérer plus efficace dans les situations où nous représenterions des masses continentales ou communiquerions des dessins sous un angle plus révélateur. Le point de fuite reste dans la même position de l'axe des x sur la ligne d'horizon et se déplace vers le haut comme indiqué dans l'exemple..


Étape 5

Si nous essayons de déplacer la ligne d'horizon vers le bas, cela peut être une opportunité pour décrire des détails de grande taille tels que le ciel, les oiseaux, les gratte-ciels, les avions ou à peu près tout ce que vous pouvez imaginer. Cela donnera à la composition moins d’attention sur le terrain et un point de vue plus humain si la ligne d’horizon est à la hauteur de l’œil, par exemple un dessin de rue ou de bord de route..


Étape 6

Pouvez-vous deviner où se trouve la ligne d'horizon et le point de fuite?


Étape 7

Désolé, c'était une perte de temps. Même sans les formes, nous pouvons voir où les lignes finissent par converger - le point de fuite. En regardant la pièce, nous ne pouvons pas très bien établir la ligne d’horizon, mais comme vous pouvez le constater, cela nous donne une vue plus descendante..


Étape 8

Vous avez peut-être remarqué que plus on s'éloigne du point de fuite (dans ce cas, plus bas), plus la vue devient verticale, semblant aplatir légèrement les formes.


Étape 9

Si nous avançons un peu plus loin au point où les lignes semblent à peine converger vers un point de disparition, elles peuvent apparaître presque complètement de haut en bas, comme un plan de construction. En général, vous n'allez probablement pas dessiner avec cette vue aussi souvent que les précédentes, mais il est très utile de connaître les effets de l'effet de haut en bas pour explorer vos propres vues dans vos conceptions basées sur la perspective..


Étape 10

Vous vous demandez peut-être comment je trace ces lignes. Nous allons maintenant dessiner une perspective à deux points pour voir comment! Nous avons appris plus tôt qu'une perspective à un point est un point de fuite; donc nous allons dessiner un deuxième point de fuite ici pour en faire une perspective à deux points.

Nous allons commencer à dessiner le deuxième point de fuite maintenant. Comme pour le premier point de fuite, ce sera sur un nouveau calque (Cmd + Maj + N) pour nous permettre de manipuler le reste de l'image. J'ai commencé avec une brosse circulaire dure à 4 pixels, en maintenant Shift avant de peindre la ligne (en rouge) pour la fixer à un angle commun - dans ce cas, directement vers le bas.


Étape 11

Je veux faire ressortir quelques lignes, mais en tant que droitier, je ne suis pas très doué pour dessiner de haut en bas à droite ou vice versa. Par conséquent, pour accélérer les choses, vous inversez la toile en choisissant Image> Faire pivoter la toile> Retourner la toile horizontalement. Vous avez peut-être remarqué qu'il est lié au raccourci clavier F1 dans mon exemple, qui serait attribué par défaut à un lien d'aide externe de Photoshop. Vous pouvez attribuer des touches de raccourci à celle-ci en choisissant Fenêtre> Espace de travail> Raccourcis clavier et menus, puis en cliquant sur l'onglet Raccourcis clavier..


Étape 12

Wow, ce n'est pas une ligne droite. Ce n'est pas grave si quelque chose ne va pas, c'est juste que nous pratiquons deux fois plus que tout le monde. Si cela ressemble à un graphique courbe issu d'une expérience scientifique, annulez-le (Cmd + Z) et réessayez. L'autre point de fuite se trouve sur un nouveau calque, ce qui nous donne la possibilité de le masquer pendant que nous travaillons sur ce second point de fuite..


Étape 13

La onzième fois est toujours un charme.


Étape 14

Si au début vous échouez, utilisez l'outil de transformation gratuite (Cmd + T).

Vous pouvez faire pivoter la ligne en cliquant avec le bouton gauche de la souris lorsque le curseur change de position en survolant juste à l'extérieur d'un coin du cadre de sélection Transformation libre..


Étape 15

Terminez quelques lignes supplémentaires jusqu'à ce que vous soyez à l'aise avec cela. Nous allons retourner la toile en cliquant sur Image> Faire pivoter la toile> Retourner la toile horizontalement. J'ai également réduit l'opacité des deux couches de point de fuite pour mieux voir ce que nous allons faire..


Étape 16

Les lignes allant dans la distance (rouge) vont vers le premier point de fuite, comme pour le dessin en perspective à un point (étape 3)..


Étape 17

Regardez les lignes pointillées rouges dans l'exemple. nous pouvons voir où se trouveraient les coins de la prochaine face (entourés). Voici où vos pouvoirs de projection psychique entrent en jeu - une certaine imagination aide à imaginer où vont les lignes et le visage. Si cela vous semble correct, vous êtes probablement sur la bonne voie..


Étape 18

Si nous procédons au tracé des lignes parallèles (en rouge) allant vers le second point de fuite (VP2), nous obtenons une jonction parfaite aux coins précédemment entourés - les deux extrémités de la ligne en pointillé précédente..


Étape 19

Cette technique fonctionne même sur des formes symétriques compliquées, à condition qu'il y ait des lignes parallèles. Si nous prenons l'exemple ci-dessous - depuis le coin initial entouré d'un cercle rouge - nous pouvons simplement le suivre le long des premières lignes de perspective (en noir) jusqu'à ce qu'il atteigne l'autre point de fuite (intitulé "collision" dans l'exemple), à ​​partir duquel suivez les lignes de perspective du deuxième point de fuite (rouge) vers le bas, en vous arrêtant au point où il est parallèle à l'horizontale et parallèle à l'horizon (en rose). Je l'ai fait paraître beaucoup plus compliqué que ça, regardez l'image.


Étape 20

Faire cela pour tous les points nous donne des emplacements parfaits pour chaque coin.


Étape 21

Terminez le processus point par point, mais notez que les verticales (rose) sont toujours parfaitement orientées vers le haut. Tout ce qui fait face au ciel dans une perspective à deux points est une ligne droite verticale, n’importe où sur la page (à condition qu’il soit construit de manière à faire face au ciel comme un bâtiment traditionnel ou un bord d'armoire).


Étape 22

Si nous ajoutons d'autres lignes le long de l'axe des x ou des z, elles doivent suivre les points de fuite appropriés, comme indiqué dans l'exemple..


Étape 23

Souvent, lorsque vous placez les deux points de fuite dans le même canevas, cela crée une vue très serrée, comme dans l'exemple ci-dessous..


Étape 24

Pour parer à cela, c'est une bonne idée de jeter un de nos points de fuite beaucoup plus loin sur la ligne pour que la perspective ne soit pas aussi forte et que nous puissions voir l'objet d'une manière très différente. Puisque nous ne pouvons pas voir le point de fuite, il est plus difficile de dessiner correctement. Un moyen efficace de tracer un ensemble de lignes consiste ici simplement à tracer un ensemble de lignes horizontales à manipuler. N'oubliez pas de maintenir la touche Maj enfoncée pendant le brossage pour indiquer votre direction initiale jusqu'à la fin du trait..


Étape 25

Puis, en utilisant Free Transform (Cmd + T) et un clic gauche sur les coins, déformez les lignes à votre guise..

Important: au moins une ligne horizontale (rouge) doit être alignée sur la ligne d'horizon (verte), sinon la perspective ne fonctionnera pas..


Étape 26

Nous allons maintenant dessiner une forme similaire, sauf en l'absence de l'effet d'objectif grand angle que des points de fuite rapprochés apportent. Pousser nos points de fuite plus loin comme ceci reproduit la manière dont nos yeux perçoivent les images de manière beaucoup plus réaliste. Rappelez-vous que les lignes de l'axe z (rouge) vont vers un point de fuite et que les lignes de l'axe x (bleu) se dirigent vers l'autre - dans ce cas, le point de fuite imaginaire sur la toile.


Étape 27

Très agréable. Cette ligne d'horizon basse pourrait renforcer un point de vue bas tel que des bâtiments vus de la hauteur de l'œil humain.


Étape 28

Essayons de relever la ligne d'horizon pour voir comment cela affecte notre composition..


Étape 29

Les longueurs des verticales restent pratiquement les mêmes dans l'exemple mais les emplacements des lignes verticales changent légèrement pour se conformer aux lignes en perspective.


Étape 30

Encore une fois, l'axe des z et l'axe des x suivent les conventions de pointage vers leurs points de fuite.


Étape 31

Cette ligne d'horizon en hauteur renforce l'illusion de regarder l'objet et peut être efficace pour afficher une vue depuis un point élevé, tel qu'un balcon d'hôtel..


Étape 32

Essayons maintenant une perspective à trois points. Ce sera exactement la même chose qu'une perspective à deux points avec un point de fuite supplémentaire qui ne se trouve pas sur la ligne d'horizon. Nous allons commencer avec une boîte standard en perspective à deux points.


Étape 33

En utilisant la même technique qu'à l'étape 24, créez des lignes suggérant un point de fuite très élevé, comme dans l'exemple ci-dessous..


Étape 34

Ce nouveau point de fuite représente les angles que suivent les verticales de notre dessin.

S'il existe plusieurs boîtes mises à la terre dans un dessin en perspective à trois points, il peut exister un nouvel ensemble de points de fuite d'axe des x et de z pour chaque case ayant subi une rotation différente. Cependant, notez que les verticales suivront toujours le même point de fuite vertical à la condition qu’elles soient orientées vers le haut dans la vie réelle. Cela s'appliquera lorsque vous dessinez des bâtiments standard, des murs, des placards, etc..


Étape 35

Nous pouvons simplement effacer les lignes verticales et les redessiner du bas pour suivre la direction du troisième point de fuite dans le ciel. Avec des perspectives à trois points, il existe d'excellents sens d'échelle, comme dans la vie réelle, où les objets éloignés diminuent d'échelle..


Étape 36

Comme vous pouvez le constater, le relèvement de la ligne d’horizon est très efficace avec un point de fuite inférieur au tiers, ce qui crée une légère sensation de vertige dans la composition. Vous pouvez imaginer aller plus loin en rapprochant le point de fuite de la ligne d'horizon, ce qui lui donne une perspective plus extrême. Son utilisation modérée, comme dans l'exemple ci-dessous, est un moyen très efficace de donner à votre dessin une nuance de perspective savoureuse..


Étape 37

Regarde regarde. Cool hein? Surtout, essayez vous-même!


Étape 38

Voyons comment la perspective peut être repérée sur les photos. Heureusement, sur cette photo, il y a un sol en grille qui permet de repérer plus facilement les lignes des axes des x et des z dans le sol. En tant que photo standard, elle a probablement une troisième perspective, mais il est très difficile de la repérer avec peu d’indices de verticalité dans la scène..

Source: portfolio du photographe


Étape 39

Dans ce plan de rue, les fenêtres du bâtiment à gauche (vert) nous donnent un excellent ensemble de lignes pour mesurer l’axe des z (aller dans la rue). Le mur à droite (vert) a aussi des entrées soignées pour nous aider à voir où se trouverait le même point de fuite.

Source: portfolio du photographe


Étape 40

Le bâtiment a un angle droit. Par conséquent, si nous supposons que les constructeurs ont fait un travail fantastique, il a été construit avec un angle de 90 degrés. direction de l'axe des x. Il y a aussi un troisième point de fuite très important dans le ciel. Nous pouvons l’établir à cause de tous les grands bâtiments qui délimitent les angles des verticales de l’image. Cette perspective est similaire à celle que nous avons abordée à l'étape 35..


Étape 41

Sur cette photo, le point de fuite le plus évident est probablement celui situé tout en haut de l'écran. La route et les longs bâtiments (verts) révèlent facilement ce point de fuite.

Source: portfolio du photographe


Étape 42

L'axe des abscisses est un peu plus difficile à repérer, mais avec l'aide du trio parallèle d'immeubles plus grands situés à gauche (en jaune), nous pouvons voir à quel point le point de fuite est très éloigné vers la droite, montrant à peine des signes de convergence. Il y a aussi une allusion à une troisième perspective (rose) si on regarde les verticales sur certains des plus grands bâtiments et les deux bâtiments en haut à droite de la photo..


Étape 43

De nombreux bâtiments ici ne sont pas parallèles comme les cubes de l'étape 34, mais les côtés des rues (vert et jaune) ont leurs angles individuels qui trahissent leur axe z assez facilement, comme indiqué dans l'exemple..


Étape 44

Notez à nouveau que les verticales, cependant, suivent toutes le même troisième point de fuite, car même si elles sont tournées de manière différente, elles ont toutes des verticales orientées dans la même direction..


Étape 45

Faisons un dessin simple qui intègre certaines des choses que nous avons apprises. Ici, les lignes le long de l'axe des abscisses sont indiquées en rouge et les ordonnées en bleu. Nous n'avons pas encore tracé les lignes de l'axe des z parce que c'est la profondeur; où la forme va dans la distance et nous n'avons pas encore utilisé ce point de fuite, bien que cela puisse être vu dans l'exemple. Nous allons faire chaque axe de lignes sur un nouveau calque (Cmd + Maj + N ou Cmd + Maj + N) pour nous donner plus de flexibilité de travail.


Étape 46

Il est temps d'ajouter de la profondeur avec des lignes pointant vers le troisième point de fuite (vert).


Étape 47

Maintenant, pour établir une largeur, nous allons dessiner le reste des lignes (rouge et bleu), où nous pourrons ensuite nous débarrasser des lignes excessives d'axe z (vert).


Étape 48

En supposant que les lignes vertes se trouvent sur leur propre calque, dans la fenêtre Teinte / Saturation (Cmd + U ou Cmd + U), réglez la luminosité du calque sur zéro et le noircit..


Étape 49

Enfin, un peu de couleur pour les yeux derrière le dessin au trait.


Étape 50

Peut-être jeter dans un fond, quelques jolies retouches et le tour est joué! Un dessin en perspective super rapide, parfaitement acceptable dans un environnement professionnel. Autrement dit, si l’entreprise pour laquelle vous travaillez est composée uniquement de vous.


Conclusion

Il est très facile de repérer des perspectives dans des structures parallèles, où qu’elles se trouvent. Vous pouvez voir comment des perspectives de base peuvent être facilement dessinées une fois que les fondations sont mémorisées ici (je pointe ma tête pour le moment… Ce qui est d'ailleurs un disque dur externe collé dessus). Les personnes qui regardent vos dessins ont été habituées à voir la perspective humaine depuis leur naissance, aussi une perspective bâclée les jettera-t-elle dans une transe imparable (parfois). Si cela ne se produit pas, ils remarqueront simplement quelque chose d'extraordinaire dans votre dessin. Alors apprenez ces principes de base de la perspective et entraînez-vous à dessiner des bâtiments. Assurez-vous simplement que vos lignes sont dessinées aux points de fuite appropriés. Commencez avec quelques tables et chaises carrées!

J'espère que vous avez appris quelque chose dans ce tutoriel - n'hésitez pas à commenter vos questions ou vos propres échantillons!

Abonnez-vous au fil RSS Psdtuts + pour les meilleurs tuts et articles Photoshop sur le Web.