Slik får du lav-poly-titt
Du har kanskje lagt merke til et vanlig utseende i mange bilder, ikke bare i grafikk og animasjoner på nettet, men også i blader og i TV-bevegelsesgrafikk, med lavt detaljerte, fasetterte modeller, høyt gjengitte, ofte med myke lyseffekter.
Det er på en gang en referanse til de tidlige dagene med datamodellering og animasjon, men gitt en moderne vri. Dette er lavpoly-utseendet.
I denne artikkelen vil jeg undersøke hva lavpoly-utseendet er, noen eksempler, og hvordan du kan lage lavpoly-bilder. Vi ser også på noen applikasjoner for dette utseendet i webdesign, og også hvordan denne estetikken kan utvikle seg online.
En reaksjon på fotorealistisk 3D-modellering
Alle 3D-modeller består av polygoner. Jo flere polygoner modellen har, desto mer detaljert blir modellen. Vanligvis, når bildet gjengis, brukes en teknikk til å glatte polygonene og gi utseendet til kontinuerlige overflater.
Lavpoly-utseendet er en bevisst beslutning om å bruke færre polygoner i modelleringsstadiet, for å skape en enklere og mer abstrakt modell. Dette kombineres deretter med en gjengivelsesstil som i stedet for å forsøke å glatte ut polygonene, gjør i stedet hver av fasettene til modellen, noe som skaper en blokkert, vinklet utseende.
Dette betyr imidlertid ikke at lavpoly modellering er lavoppløselig. Sofistikert gjengivelse teknikker, lyseffekter og skygging brukes til å skape et svært realistisk utseende av det forenklede objektet. Dette er grunnen til at lavpoly-utseendet husker papirhåndverk eller origami, som også har hatt en renessanse de siste årene.
Noen av de beste eksemplene på lavpoly-utseendet er verkene til Timothy J. Reynolds. Det er også Tumblr-området Geo A Day av Jeremiah Shaw og Danny Jones, som fortsetter å utforske og presse grensene for lavpolyestetikken.
Kanskje den mest komplette realiseringen av lavpoly-utseendet er prosjektet The Paper Fox av Jeremy Kool, som utviklet seg fra et modelleringsprosjekt til en interaktiv historieapp tilgjengelig for iOS. I Papirreven har Kool bevisst valgt å etterligne et origami-utseende, ved å legge til en krøllet papirstruktur til objektene, og ved å legge til meget tynne kanter.
I dette arbeidet av Kristina Macurova, du kan se at ved å bruke en grunne dybdeskarphet, forsterkes følelsen av at disse er fysiske modeller. Dybdeskarpheten kan bestemmes i kamerainnstillingene i 3D-scenen, eller de kan brukes senere i Photoshop.
Hvorfor er lavpoly-utseendet så populært?
Lavpoly-utseendet kan ses som en reaksjon på den upersonlige perfeksjonen av datamodellering. Jeg tror det er en veldig klar reaksjon mot den overpolerte, virkelige 3D-modelleringen og gjengivelsen som nå er mulig i CGI. Det er et ønske for kunstnere og designere å skape noe som ikke prøver å etterligne virkeligheten, men er mer abstrakt, og prøver å fange essensen av et objekt snarere enn representere det så realistisk som mulig.
Det er en historisk presedent for dette i kunst, i begynnelsen av 1900-tallet, da ulike ekspresjonistiske bevegelser dukket opp etter fremtiden for fotografering; når fotografier kunne fange en nøyaktig likhet, var det ikke behov for kunst å gjøre det; ekspresjonisme forsøkte å formidle følelser og opplevelser i stedet for nøyaktige representasjoner.
Raskt frem til det 21. århundre og abstraksjon og ekspresjonisme blomstrer i digital kunst.
Starter
Her er en rask opplæring for å oppnå lavpolyutse, ved hjelp av 3D-programvaren Cinema4D.
- Lag dine gjenstander ved hjelp av enkle faste stoffer, som sfærer, kegler og pyramider. Målet er ikke å modellere objekter realistisk, men for å forenkle så mye som mulig.
- Sett segmentets egenskap for å dele opp objektets overflater. Jo flere segmenter du legger til, jo mer fasetter objektet vil ha.
- Angi Phong-egenskapene til objektet - dette definerer utjevning av objektet slik at du vil slå av det. I Cinema4D sletter du phong-taggen eller setter phong-vinkelen til 0 grader for å skape et svært fasettert utseende.
- Du kan legge til deformasjoner til modellen slik at den ikke ser så geometrisk perfekt ut. Du kan gjøre dette manuelt ved å trykke og trekke individuelle noder, eller bruke en deformer som forkasteren. Bruk Støyskyggeren for å legge til tilfeldige mengder forskyvning til hvert toppunkt. Du kan justere styrken for å øke eller redusere mengden av forvrengning.
- Legg til materialer til objektet. Når du definerer materialer, kan det være lurt å legge til noen bump kartlegging for å gi litt overflate tekstur. Eller du kan holde teksturen skinnende og plastisk, med spekulære høydepunkter - alt avhenger av det utseendet du skal.
- Legg til bakgrunner. Legg til et himmelobjekt, eller bruk enkle fly som en bakgrunnshimmel og som et gulvplan. Du kan deformere disse på nøyaktig samme måte, hvis du ønsker det.
- Legg til lys. Subtile lyseffekter vil legge atmosfæren til din scene.
- Gjenstand objektet. Bruke Global Illumination gjør innstillinger for å skape myk belysning. Legge til en omgivende okklusjon legger til en realistisk kornete dybde til skygger.
Den viktigste tingen er å eksperimentere til du kommer opp med et blikk du er fornøyd med. Det er ingen andre regler som de som du setter deg selv. Målet er å utvikle din egen stil ved å være i samsvar med måten du modellerer, lys og gjengi scenene dine.
Den lavpoly ser illustrasjonsstilen
Selv om du ikke har tilgang til et 3D-modelleringsprogram, kan du fremdeles lage lavpoly-bilder ved hjelp av 2D-illustrasjonsprogramvare som Illustrator eller Photoshop.
Prinsippet er faktisk ganske lik modellering i 3D. Arbeid med enkle former for å bygge opp scenen din. Bestem hvor lyskilden din er, og bruk skygge for å legge til dybde og for å lage et fasettert utseende. Tekstur effekter og lys effekter kan legge interesse og konsistens til scenene dine.
Jeg liker virkelig illustratorens arbeid Matthew Lyons, som sikrer enkle geometriske former med grov teksturer og atmosfærisk belysning. Hans illustrasjoner kombinerer sterke komposisjoner med en flott designfølelse fra midten av århundret for å skape et retro-futuristisk utseende - fange hvordan fremtiden så ut i det siste.
Lav-poly-web 3D
Lavpolyestetikken gir også seg selv å levere 3D-innhold på nettet. Som navnet forteller-oss, bruker en lavpoly-telle mindre polygoner, og krever mindre data å modellere, gjengi og animere, noe som gjør den ideell for interaktiv realtid 3D-online. Det finnes en rekke 3D-webgjenvinningsteknologier, med de mest kjente varene WebGL.
WebGL lar 3D-innhold vises på skjermen gjennom en nettleser med interaktivitet kontrollert gjennom JavaScript. Det finnes en rekke JavaScript-rammer for å gjøre alt tungt løft på dette, med det mest populære vesen Three.js.
Andre måter å legge til interaktive 3D på nettet innebærer bruk av plugin-moduler som Enhet eller Blits. Det er et bredt spekter av realtime Flash 3D-motorer inkludert Away3D og Flare3D. Ved å bruke 3D-gjengivelsene som er bygd inn i Unity eller Flash, kan du få bedre belysningseffekter enn det som for øyeblikket er i stand til WebGL eller Canvas-rendering, men webgjenopprørere kommer raskt opp. For det siste i WebGL, sjekk ut tre.js-skaperenes arbeid Mr. Doob.
Den siste eksperimentelle filmen av Chris Milk, Roma - 3 drømmer om svart, bruker WebGL til å lage en interaktiv musikkvideoopplevelse med animerte morphing-skapninger som er laget i lav-poly-fasettert stil. Det er et åpen kildekode-prosjekt som lar deg laste ned eiendommene og omarbeide koden, en fin måte å komme inn på dette spennende nye området hvor 3D-design møter webdesign. Om dette egentlig passer til lavpolyestetikken når det gjelder renderingskvalitet, er det diskutert.
Den retro-futuristiske estetikken
Lavpoly-utseendet er en del av det jeg kaller den retro-futuristiske estetikken (selve delen av det som kan kalles The New Esthetic), ved at den klarer å hakke tilbake til fortiden og fremtiden samtidig.
Det virker perfekt egnet til dagens begrensninger for å designe for nettet. Om det vil overgå disse begrensningene, er det fortsatt å se.
Er lavpoly-seriet et visuelt klisje, eller en forbigående trend? Passer det i dagens teknologi? Gi oss beskjed om dine tanker i kommentarene.