Het is je misschien opgevallen dat je veel afbeeldingen ziet, niet alleen in online afbeeldingen en animaties, maar ook in tijdschriften en in motion graphics voor televisie, met laag gedetailleerde, gefacetteerde modellen, zeer gerenderd, vaak met zachte lichteffecten.

Het is meteen een verwijzing naar de vroege dagen van computermodellen en -animatie, maar kreeg een moderne draai. Dit is de laag-poly-look.

In dit artikel zal ik verkennen wat de low-poly-look is, enkele voorbeelden, en hoe u low-poly-afbeeldingen kunt maken. We zullen ook kijken naar enkele toepassingen voor deze look in webontwerpen, en ook hoe deze esthetiek online kan evolueren.

Een reactie op fotorealistische 3D-modellering

Alle 3D-modellen zijn opgebouwd uit polygonen. Hoe meer polygonen het model heeft, hoe gedetailleerder het model zal zijn. Meestal wordt bij het renderen van de afbeelding een techniek gebruikt om de polygonen te effenen en het uiterlijk van ononderbroken oppervlakken te geven.

De low-poly-look is een bewuste keuze om minder polygonen in de modelleringsfase te gebruiken, om een ​​eenvoudiger, meer abstract model te creëren. Dit wordt dan gecombineerd met een weergavestijl die in plaats van de polygonen proberen te verzachten, in plaats daarvan alle facetten van het model weergeeft, waardoor een hoekige, hoekige look ontstaat.

Dit betekent echter niet dat low-poly modellering een lage resolutie heeft. Geavanceerde renderingtechnieken, lichteffecten en schaduwen worden gebruikt om een ​​zeer realistisch uiterlijk van het vereenvoudigde object te creëren. Dit is de reden waarom de laag-poly-look herinnert aan papier-ambacht of origami, die ook de laatste jaren een renaissance heeft gehad.

tim_reynolds

Enkele van de beste voorbeelden van de low-poly-look zijn de werken van Timothy J. Reynolds. Er is ook de Tumblr-site Geo A Day door Jeremiah Shaw en Danny Jones, die de grenzen van de low-poly-esthetiek blijft verkennen en verleggen.

Misschien wel de meest complete realisatie van de low-poly-look is het project De papiervos door Jeremy Kool, die zich ontwikkelde van een modelproject tot een interactieve verhaal-app die beschikbaar is voor iOS. In de Paper Fox heeft Kool er bewust voor gekozen om een ​​origami-look na te streven, door een verfrommelde papiertextuur aan de objecten toe te voegen en door zeer dunne randen toe te voegen.

paper_fox

In dit werk van Kristina Macurova, je kunt zien dat door het gebruik van een ondiepe scherptediepte het gevoel dat dit fysieke modellen zijn, wordt verbeterd. De scherptediepte kan worden bepaald in de camera-instellingen in uw 3D-scène, of ze kunnen achteraf worden toegepast in Photoshop.

Katarina-Macurova2

Waarom is de low-poly-look zo populair?

De low-poly-look kan worden gezien als een reactie op de onpersoonlijke perfectie van computermodellen. Ik denk dat er een zeer duidelijke reactie is tegen de overgepolijste, levensechte 3D-modellering en rendering die nu mogelijk is in CGI. Er is een verlangen naar kunstenaars en ontwerpers om iets te maken dat de werkelijkheid niet probeert na te bootsen, maar is abstracter en probeert de essentie van een object vast te leggen in plaats van het zo realistisch mogelijk weer te geven.

Er is een historisch precedent voor dit in de kunst, aan het begin van de 20e eeuw, toen verschillende expressionistische bewegingen ontstonden na de komst van de fotografie; wanneer foto's een exacte gelijkenis konden krijgen, was er geen behoefte aan kunst om dat te doen; het expressionisme wilde gevoelens en sensaties overbrengen in plaats van nauwkeurige representaties.

Snel vooruit naar de 21ste eeuw en abstractie en expressionisme floreert in de digitale kunst.

Ermee beginnen

Hier is een korte tutorial om de low-poly look te bereiken, met behulp van de 3D-software Cinema4D.

  1. Maak je objecten met behulp van eenvoudige solids, zoals bollen, kegels en piramides. Het doel is niet om objecten realistisch te modelleren, maar om zoveel mogelijk te vereenvoudigen.
  2. Stel de eigenschap segmenten in om de oppervlakken van de objecten onder te verdelen. Hoe meer segmenten u toevoegt, hoe meer facetten het object zal hebben.
  3. Stel de Phong-eigenschappen van het object in - dit definieert de egalisatie van het object zodat u het wilt uitschakelen. Verwijder in Cinema4D de phong-tag of stel de phong-hoek in op 0 graden om een ​​zeer gefacetteerde uitstraling te creëren.
  4. U kunt vervormingen aan het model toevoegen om het er niet zo geometrisch perfect uit te laten zien. U kunt dit handmatig doen door afzonderlijke knooppunten in te drukken en te trekken, of een vervormer zoals de verdringer te gebruiken. Gebruik de ruishader om willekeurige hoeveelheden verplaatsing toe te voegen aan elke vertex. U kunt de sterkte aanpassen om de hoeveelheid vervorming te vergroten of te verkleinen.
  5. Voeg materialen toe aan het object. Wanneer u materialen definieert, wilt u misschien wat bump mapping toevoegen om een ​​bepaalde oppervlaktestructuur te verkrijgen. Of u kunt uw texturen glanzend en plastisch houden, met spiegelende highlights - het hangt allemaal af van de look waar u voor gaat.
  6. Voeg achtergronden toe. Voeg een sky-object toe of gebruik eenvoudige vlakken zoals een achtergrondhemel en als vloervlak. U kunt deze op precies dezelfde manier vervormen, als u dat wenst.
  7. Licht toevoegen. Subtiele lichteffecten voegen sfeer toe aan uw scène.
  8. Render het object. Globale verlichtingsinstellingen gebruiken om zachte belichting te creëren. Het toevoegen van een Ambient Occlusion voegt een realistische korrelige diepte toe aan schaduwen.
low_poly_cinema4D

Het belangrijkste is om te experimenteren totdat je een look krijgt waar je blij mee bent. Er zijn geen andere regels dan degene die je zelf hebt ingesteld. Streef ernaar om je eigen stijl te ontwikkelen door consistent te zijn met de manier waarop je je scènes modelleert, belicht en rendert.

villa_savoye

De afbeeldingstijl met weinig polylook

Zelfs als u geen toegang hebt tot een 3D-modelleringsprogramma, kunt u nog steeds low-poly afbeeldingen maken met behulp van 2D-illustratiesoftware zoals Illustrator of Photoshop.

Het principe is eigenlijk vergelijkbaar met modelleren in 3D. Werk met eenvoudige vormen om je scène op te bouwen. Bepaal waar uw lichtbron zich bevindt en pas schaduw toe om diepte toe te voegen en een faceted uiterlijk te creëren. Textuureffecten en lichteffecten kunnen interesse en consistentie toevoegen aan uw scènes.

Ik hou echt van het werk van illustrator Matthew Lyons, die simpele geometrische vormen combineert met ruwe texturen en sfeervolle verlichting. Zijn illustraties combineren sterke composities met een geweldige designervaring in het midden van de eeuw om een ​​retro-futuristische look te creëren - de manier waarop de toekomst eruit zag in het verleden.

matthew_lyons

Laag-poly web 3D

De low-poly-esthetiek leent zich ook voor het online leveren van 3D-content. Zoals de naam ons vertelt, gebruikt een low-poly count minder polygonen, waardoor minder gegevens nodig zijn om te modelleren, renderen en animeren, waardoor het ideaal is voor interactieve realtime 3D online. Er zijn een aantal 3D-webvernieuwingstechnologieën waarvan de bekendste bestaat WebGL.

Met WebGL kan 3D-inhoud op het scherm worden weergegeven via een browser met interactiviteit die wordt bestuurd via JavaScript. Er zijn een aantal JavaScript-frameworks om al het zware werk hier aan te doen, met het meest populaire wezen three.js.

Andere manieren om interactief 3D aan het web toe te voegen, zijn het gebruik van plug-ins zoals Eenheid of Flash. Er is een breed scala aan realtime Flash 3D-engines inclusief Away3D en Flare3D. Het gebruik van de 3D-renderers die in Unity of Flash zijn ingebouwd, zorgt voor betere belichtingseffecten dan op dit moment in WebGL- of Canvas-rendering mogelijk is, maar web-renderers maken een snelle inhaalslag. Voor het laatste nieuws in WebGL bekijk het werk van three.js maker Mr. Doob.

rome2

De recente experimentele film van Chris Milk, Rome - 3 dromen van zwart, maakt gebruik van WebGL om een ​​interactieve muziekvideo-ervaring te creëren met geanimeerde morphing wezens die in een low-poly gefacetteerde stijl worden gerenderd. Het is een open-sourceproject waarmee u de assets kunt downloaden en de code kunt herwerken, een geweldige manier om in dit opwindende nieuwe gebied te komen waar 3D-ontwerp voldoet aan webdesign. Of dit echt past bij de low-poly-esthetiek op het gebied van renderingkwaliteit is ter discussie.

Rome

De retro-futuristische esthetiek

De low-poly-look maakt deel uit van wat ik de retro-futuristische esthetiek noem (zelf onderdeel van wat men de nieuwe esthetiek zou kunnen noemen), in die zin dat het erin slaagt tegelijkertijd terug te grijpen naar het verleden en de toekomst.

Het lijkt perfect geschikt voor de huidige beperkingen van het ontwerpen voor het web. Of het langer zal duren dan die beperkingen moet nog worden gezien.

Is de laag-poly-look een visuele cliche of een voorbijgaande trend? Past het bij de huidige technologie? Laat ons je mening weten in de reacties.