Illustrateur à Lyon – spécialisé dans la technique vectorielle – une grande partie des illustrations sur cette page sont en SVG, n’hésitez pas à zoomer pour regarder les détails !

La 3D isométrique

Une perspective

avec de grandes possibilités

Un peu savoir pour commencer

I - L’histoire de la 3D isométrique

Pour commencer, le domaine du jeu-vidéo l’a rendu populaire durant les années 90. En effet, à cette époque, la 3D était en phase d’expérimentation, n’ayant pas les technologies nécessaires pour faire tourner des éléments réalistes. Par exemple, c’était des formes géométriques simples comme le jeux vidéo Starwing sorti en 1993.

Mais une autre méthode émerge pour donner un effet 3D : la fameuse 3D isométrique. Ainsi, elle permet aux développeurs d’utiliser des détails réalistes sans être trop gourmand en ressource. Par conséquent un excellent compromis pour plonger les joueurs dans un monde espacé.

Les meilleurs jeux vidéo qui ont su bien exploiter la 3D isométrique étaient la série Baldur’s Gate et les sims premier du nom.

II - Que veut dire la 3D isométrique ?

Elle signifie une perspective sans points de fuite, c’est-à-dire que les traits de la perspective sont parallèles et ne se rejoignent pas sur un point. En d’autres termes, elle représente une vue de dessus et de côté dans une zone plus ou moins large.

Plus précisément, l’illustrateur repose sur un quadrillage qui lui permet de se repérer. Tous les éléments sur ce quadrillage sont de la même proportion éliminant l’effet de profondeur. Alors, il pourra placer ses structures sur toute la zone durant l’étape du croquis et corriger plus facilement la composition.

Prenons le cas du jeu sims 1 ou simcity 3000 pour construire une ville ou une maison, on peut personnaliser plus facilement son environnement.

La règle de la simplicité

Dupliquer

Gif d'une présentation de la 3D isométrique sur la duplication

Notons qu’en absence d’effet de profondeur permet dupliquer un objet dans la zone sans problème de déformation d’une perspective classique. Effectivement, les objets sont de la même proportion quelque soit l’emplacement donné. Pour ainsi dire, dupliquer permet alors de gagner du temps, pour l’illustrateur, sur des éléments répétitifs comme par exemple, les tuiles d’un toit d’une maison.

Rotation

Gif d'une présentation de la 3D isométrique sur la rotation

il faut dire aussi qu’un objet n’a besoin que deux versions pour qu’il soit complet en 3D isométrique, de face et de dos. Globalement, ces deux versions peuvent être placées et adaptées au sens que l’on souhaite, grâce à la rotation. Dans le but que l’objet peut être réutilisé s’il y a modification de la composition.

Déplacement

Gif d'une présentation de la 3D isométrique sur le déplacement

En principe, l’objet peut être déplacé partout dans le quadrillage sans problème de proportion. Sous réserve d’un changement de la composition, il peut à tout moment être déplacé. C’est la magie de la 3D isométrique !

Les avantages de la 3D isométrique

Il faut reconnaître que dans la communication, la 3D isométrique devient un design reconnu durant l’ère numérique, surtout après 2010 avec l’émergence des contenus dynamiques, du responsive et du design épuré. En principe, elle rentre parfaitement dans cette mouvance et permet de répondre aux exigences du milieu. Voici ses avantages :

Une scène avec la mascotte en face d'un médium qui lit son avenir à travers un cube de cristal, le médium dit "Voici ce que je vois dans mon cube de cristal"

Une visibilité accrue

Étant donné que la perspective n’a pas de points de fuite, on peut distinguer tous les éléments sur le même plan. En conséquence, les personnages et les structures sont de la même proportion sur toute la zone sans manque de visibilité à cause de différents plans d’une perspective classique.

Une présentation large

Pour une bannière, la 3D isométrique est idéale. Elle permet une présentation large du service proposé, ou du produit à vendre. Dans l'ensemble, celle-ci regroupe également différents services que l’entreprise propose en une seule image ou l’utilisation des différents composants qu’elle fabrique sur une machine/Usine.

Adapté en responsive (web)

Quoiqu'il en soit, les éléments peuvent être déplacés dans une zone afin que l’illustration soit adaptée en responsive.

La nuance des deux perspectives

En somme, on peut remarquer la différence flagrante des deux perspectives :

D’un côté la perspective classique, celle que l’œil humain perçoit, constitue un trait d’horizon avec plusieurs points de fuite, afin d’indiquer un effet de profondeur et superposer plusieurs plans.

De l’autre côté la perspective en 3D isométrique n’a pas de points de fuite, les traits de la perspective sont parallèles (le quadrillage). Elle montre notamment une vue au-dessus où on peut voir tous les éléments sur la même zone, et de la même proportion.

Perspective classique

Exemple de perspective classique avec les traits de perspective

Perspective isométrique

Exemple de perspective isométrique avec les traits de perspective

Rappel des avantages du vectoriel

Mascotte buvant une potion pour se transformer

Transformable

Exporter sur différents supports print et web sans baisse de qualité

Mascotte poussant une grosse pièce de monnaie

Économique

Couleurs limitées pour économiser de l’encre à l’impression

Mascotte tenant sa tête comme un ballon

Légère

Poids réduit pour un affichage rapide sur le web

Logo SVG

La majorité des illustrations produites sont également exportables en SVG. Ce format de fichier permet de garder toutes les fonctions du vectoriel sous forme de code. Ainsi, sa qualité reste optimale sur toutes les résolutions d’écran contrairement au rendu pixel des images.

Attention : les illustrations complexes qui utilisent des techniques détaillées (comme le pointillisme et le travail au trait que vous trouvez dans mon portfolio) ne sont pas recommandées pour l’export en SVG en raison de son poids important. En revanche, ces illustrations gardent tous les avantages du vectoriel pour le print.

N’hésitez pas à visiter mon portfolio à la fin de la page pour voir la différence.

Ils m'ont fait confiance