Comment obtenir le look low-poly
Vous avez peut-être remarqué un aspect commun dans de nombreuses images, non seulement dans les graphiques et les animations en ligne, mais aussi dans les magazines et les graphiques animés télévisés, avec des modèles peu détaillés et à facettes hautement rendus, souvent avec des effets d'éclairage doux.
C'est à la fois une référence aux débuts de la modélisation et de l'animation par ordinateur, mais avec une touche moderne. C'est le look low-poly.
Dans cet article, j'explorerai ce qu'est l'apparence low-poly, quelques exemples et comment créer des images low-poly. Nous allons également examiner certaines applications pour ce look dans les conceptions Web, et aussi comment cette esthétique peut évoluer en ligne.
Une réaction à la modélisation 3D photo-réaliste
Tous les modèles 3D sont constitués de polygones. Plus le modèle comporte de polygones, plus le modèle sera détaillé. Généralement, lors du rendu de l'image, une technique est utilisée pour lisser les polygones et donner l'apparence de surfaces continues.
L'aspect low-poly est une décision consciente d'utiliser moins de polygones au stade de la modélisation, pour créer un modèle plus simple et plus abstrait. Ceci est ensuite combiné avec un style de rendu qui, plutôt que d'essayer de lisser les polygones, rend à la place chacune des facettes du modèle, créant un aspect en bloc, angulaire.
Cependant, cela ne signifie pas que la modélisation low-poly est à faible résolution. Des techniques de rendu sophistiquées, des effets d'éclairage et des ombrages sont utilisés pour créer un aspect hautement réaliste de l'objet simplifié. C'est pourquoi le look low-poly rappelle le papier-artisan ou l'origami, qui a également connu une renaissance ces dernières années.
Certains des meilleurs exemples du look low-poly sont les œuvres de Timothy J. Reynolds. Il y a aussi le site Tumblr Geo A Day par Jeremiah Shaw et Danny Jones, qui continuent d'explorer et de repousser les limites de l'esthétique low-poly.
La réalisation la plus complète du look low-poly est peut-être le projet Le papier Fox par Jeremy Kool, qui est passé d’un projet de modélisation à une application d’histoire interactive disponible pour iOS. Dans le Paper Fox, Kool a délibérément choisi d'imiter un look origami en ajoutant une texture de papier froissé aux objets et en ajoutant des bords très fins.
Dans ce travail par Kristina Macurova, vous pouvez voir qu'en utilisant une faible profondeur de champ, le sentiment que ce sont des modèles physiques est amélioré. La profondeur de champ peut être déterminée dans les paramètres de la caméra de votre scène 3D ou peut être appliquée ultérieurement dans Photoshop.
Pourquoi le low-poly est-il si populaire?
Le look low-poly peut être considéré comme une réaction à la perfection impersonnelle de la modélisation informatique. Je pense qu'il y a une réaction très nette à la modélisation et au rendu 3D réalistes et trop polis maintenant possibles dans CGI. Les artistes et les concepteurs souhaitent créer quelque chose qui n'essaie pas d'imiter la réalité, mais qui est plus abstrait et tente de capturer l'essence d'un objet plutôt que de le représenter de la manière la plus réaliste possible.
Il existe un précédent historique dans le domaine de l'art, au début du XXe siècle, lorsque différents mouvements expressionnistes ont émergé après l'avènement de la photographie; lorsque les photographies pouvaient saisir une ressemblance exacte, il n'y avait pas besoin d'art pour le faire; l'expressionnisme a cherché à transmettre des sentiments et des sensations plutôt que des représentations précises.
Au 21ème siècle, l'abstraction et l'expressionnisme sont en plein essor dans les arts numériques.
Commencer
Voici un tutoriel rapide pour obtenir un aspect polyphonique bas, en utilisant le logiciel 3D Cinema4D.
- Créez vos objets en utilisant des solides simples, tels que des sphères, des cônes et des pyramides. L'objectif n'est pas de modéliser des objets de manière réaliste, mais de simplifier autant que possible.
- Définissez la propriété des segments pour subdiviser les surfaces des objets. Plus vous ajoutez de segments, plus l'objet aura de facettes.
- Définissez les propriétés Phong de l'objet - cela définit le lissage de l'objet afin de le désactiver. Dans Cinema4D, supprimez l’étiquette phong ou définissez l’angle de phong à 0 degré pour créer une apparence très facettée.
- Vous pouvez ajouter des déformations au modèle pour le rendre moins géométriquement parfait. Vous pouvez le faire manuellement en poussant et en tirant des nœuds individuels ou en utilisant un déformateur tel que le déplaceur. Utilisez le niveau de bruit pour ajouter des quantités aléatoires de déplacement à chaque sommet. Vous pouvez ajuster la force pour augmenter ou diminuer la quantité de distorsion.
- Ajouter des matériaux à l'objet. Lors de la définition des matériaux, vous souhaiterez peut-être ajouter un mappage de relief pour fournir une texture de surface. Ou vous pouvez garder vos textures brillantes et plastifiées, avec des reflets spéculaires - tout dépend de l'apparence que vous recherchez.
- Ajouter des arrière-plans Ajoutez un objet ciel ou utilisez des plans simples, tels qu'un ciel d'arrière-plan et un plan de sol. Vous pouvez les déformer exactement de la même manière si vous le souhaitez.
- Ajouter des lumières. Des effets de lumière subtils ajouteront une atmosphère à votre scène.
- Rend l'objet. Utilisation des paramètres de rendu Global Illumination pour créer un éclairage doux. L'ajout d'une occlusion ambiante ajoute une profondeur granuleuse réaliste aux ombres.
L’essentiel est d’expérimenter jusqu’à ce que vous trouviez un aspect qui vous satisfait. Il n'y a pas d'autres règles que celles que vous définissez vous-même. Visez à développer votre propre style en étant cohérent avec la façon dont vous modélisez, illuminez et restituez vos scènes.
Le style d'illustration low-poly
Même si vous n'avez pas accès à un programme de modélisation 3D, vous pouvez quand même créer des images à faible poly en utilisant un logiciel d'illustration 2D tel qu'Illustrator ou Photoshop.
Le principe est en fait assez similaire à la modélisation en 3D. Travaillez avec des formes simples pour construire votre scène. Décidez où se trouve votre source de lumière et appliquez un ombrage pour ajouter de la profondeur et créer un aspect à facettes. Les effets de texture et les effets d'éclairage peuvent ajouter de l'intérêt et de la cohérence à vos scènes.
J'aime beaucoup le travail d'illustrateur Matthew Lyons, qui fusionne des formes géométriques simples avec des textures rugueuses et un éclairage atmosphérique. Ses illustrations combinent des compositions fortes avec un sens du design du milieu du siècle pour créer un look rétro-futuriste - capturant la manière dont le futur se présentait dans le passé.
Web 3D low-poly
L'esthétique low-poly se prête également à la fourniture de contenu 3D en ligne. Comme son nom l'indique, un compte à faible poly utilise moins de polygones, ce qui nécessite moins de données à modéliser, à rendre et à animer, ce qui le rend idéal pour la 3D interactive en temps réel en ligne. Il existe un certain nombre de technologies de rendu Web 3D, les plus connues étant WebGL.
WebGL permet d'afficher du contenu 3D à l'écran via un navigateur avec une interactivité contrôlée via JavaScript. Il y a un certain nombre de frameworks JavaScript pour faire tout ce travail lourd, le plus populaire étant trois.js
D’autres moyens d’ajouter de la 3D interactive au Web impliquent l’utilisation de plug-ins tels que: Unité ou Flash. Il existe un large éventail de moteurs 3D Flash temps réel, notamment Away3D et Flare3D. L'exploitation des moteurs de rendu 3D intégrés dans Unity ou Flash permet d'obtenir de meilleurs effets d'éclairage que ceux actuellement disponibles dans le rendu WebGL ou Canvas, mais les moteurs de rendu Web sont en train de rattraper rapidement leur retard. Pour les dernières nouvelles de WebGL, découvrez le travail de creator three.js M. Doob.
Le récent film expérimental de Chris Milk, Rome - 3 rêves de noir, utilise WebGL pour créer une expérience de vidéo musicale interactive avec des créatures morphing animées rendues dans un style à facettes peu polyphoniques. C'est un projet open-source qui vous permet de télécharger les ressources et de retravailler le code, un excellent moyen d'entrer dans ce nouveau domaine passionnant où la conception 3D rencontre la conception Web. La question de savoir si cela correspond vraiment à l’esthétique à faible poly en termes de qualité de rendu est en discussion.
L'esthétique rétro-futuriste
Le look low-poly fait partie de ce que j'appelle l'esthétique rétro-futuriste (elle-même faisant partie de ce qu'on pourrait appeler The New Aesthetic), en ce sens qu'elle permet de revenir au passé et au futur en même temps.
Il semble parfaitement adapté aux contraintes actuelles de la conception pour le Web. Reste à savoir si elle durera plus longtemps que ces restrictions.
Est-ce que l'apparence low-poly est un cliché visuel ou une tendance passagère? Est-ce qu'il convient à la technologie actuelle? Faites-nous savoir vos pensées dans les commentaires.