Sådan får du lav-poly look
Du har muligvis bemærket et fælles udseende i mange billeder, ikke kun i grafik og animationer online, men også i blade og i fjernsynsfilmgrafik, med lavt detaljerede, facetterede modeller, højt gengivet, ofte med bløde lyseffekter.
Det er straks en henvisning til de tidlige dage af computermodellering og animation, men givet et moderne twist. Dette er lavpolyudseendet.
I denne artikel vil jeg undersøge, hvad lavpolyudseendet er, nogle eksempler, og hvordan du kan lave lavpolybilleder. Vi vil også se på nogle applikationer til dette udseende i webdesign, og også hvordan denne æstetik kan udvikle sig online.
En reaktion på fotorealistisk 3D modellering
Alle 3D-modeller består af polygoner. Jo flere polygoner modellen har, desto mere detaljeret er modellen. Normalt, når billedet gengives, bruges en teknik til at glatte polygoner og give udseendet af kontinuerlige overflader.
Lavpolyudseendet er en bevidst beslutning om at bruge færre polygoner i modelleringsfasen for at skabe en enklere og mere abstrakt model. Dette kombineres så med en renderingstilstand, der i stedet for at forsøge at glatte ud polygonerne, gør i stedet hver af facetterne af modellen, hvilket skaber et blokeret, vinklet udseende.
Dette betyder dog ikke, at lavpoly modellering er lav opløsning. Sofistikeret gengivelsesteknik, lyseffekter og skygge bruges til at skabe et meget realistisk udseende af det forenklede objekt. Det er derfor, at lav-poly-look minder om papirhåndværk eller origami, som også har haft en renæssance i de senere år.
Nogle af de bedste eksempler på lavpolyudseendet er værkerne af Timothy J. Reynolds. Der er også Tumblr-webstedet Geo A Day af Jeremiah Shaw og Danny Jones, som fortsætter med at udforske og skubbe grænserne for lav-poly æstetik.
Måske er den mest komplette realisering af lavpolyudseendet projektet The Paper Fox af Jeremy Kool, der udviklede sig fra et modelleringsprojekt til en interaktiv historie app tilgængelig for iOS. I Papirreven har Kool bevidst valgt at efterligne et origami-udseende ved at tilføje en krøllet papirstruktur til objekterne og ved at tilføje meget tynde kanter.
I dette værk af Kristina Macurova, du kan se det ved at bruge en lav dybdeskarphed, forstærkes følelsen af at disse er fysiske modeller. Dybdeskarpheden kan bestemmes i kameraindstillingerne i din 3D-scene, eller de kan efterfølgende anvendes i Photoshop.
Hvorfor er det lavpolyudseende så populært?
Det lavpolyudseende kan ses som en reaktion på den upersonlige perfektion af computermodellering. Jeg synes, at der er en meget klar reaktion mod den overpolerede, livagtige 3D-modellering og gengivelse nu muligt i CGI. Der er et ønske for kunstnere og designere om at skabe noget, der ikke forsøger at efterligne virkeligheden, men er mere abstrakt og forsøger at fange essensen af et objekt snarere end så repræsentere det så realistisk som muligt.
Der er et historisk præcedens for dette i kunst ved begyndelsen af det 20. århundrede, da forskellige ekspressionistiske bevægelser opstod efter fremkomsten af fotografering; når fotografier kunne fange en nøjagtig lighed, var der ikke behov for kunst til at gøre det; ekspressionisme søgte at formidle følelser og fornemmelser snarere end nøjagtige repræsentationer.
Hurtig frem til det 21. århundrede og abstraktion og ekspressionisme blomstrer i digital kunst.
Kom i gang
Her er en hurtig vejledning for at opnå lavpolyudseende ved hjælp af 3D-softwaren Cinema4D.
- Opret dine genstande ved hjælp af simple faste stoffer, såsom kugler, kegler og pyramider. Målet er ikke at modellere objekter realistisk, men at forenkle så meget som muligt.
- Sæt segmentets egenskab for at opdele delene af objekterne. Jo flere segmenter du tilføjer, jo flere facetter objektet vil have.
- Indstil objektets Phong-egenskaber - dette definerer udjævningen af objektet, så du vil slukke for det. I Cinema4D skal du enten slette phong-taggen eller indstille phong-vinklen til 0 grader for at skabe et meget facetteret udseende.
- Du kan tilføje deformationer til modellen, så den ikke ser så geometrisk perfekt ud. Du kan gøre dette manuelt ved at skubbe og trække individuelle noder eller bruge en deformer som forplacereren. Brug støjskyggeren til at tilføje tilfældige mængder forskydning til hvert hjørne. Du kan justere styrken for at øge eller mindske mængden af forvrængning.
- Tilføj materialer til objektet. Når du definerer materialer, vil du måske tilføje noget bump kortlægning for at give en smule overflade tekstur. Eller du kan holde dine teksturer skinnende og plastic, med spekulative højdepunkter - det hele afhænger af det udseende, du går efter.
- Tilføj baggrunde. Tilføj et himmelobjekt, eller brug enkle fly såsom en baggrundshimmel og som et gulvplan. Du kan deformere disse på nøjagtig samme måde, hvis du ønsker det.
- Tilføj lys. Subtile lyseffekter vil tilføje atmosfære til din scene.
- Gend objektet. Brug Global Illumination til at lave indstillinger for at skabe blød belysning. Tilføjelse af en omgivende okklusion tilføjer en realistisk kornet dybde til skygger.
Det vigtigste er at eksperimentere, indtil du kommer op med et kig, du er tilfreds med. Der er ingen andre regler end dem du sætter dig selv. Mål at udvikle din egen stil ved at være i overensstemmelse med måden du modellerer, lys og gør dine scener.
Den lav-poly look illustration stil
Selvom du ikke har adgang til et 3D modelleringsprogram, kan du stadig lave lavpolybilleder ved hjælp af 2D-illustrationssoftware som Illustrator eller Photoshop.
Princippet er faktisk stort set lig med modellering i 3D. Arbejd med enkle former for at opbygge din scene. Bestem, hvor din lyskilde er, og anvend skygge for at tilføje dybde og for at skabe et facetteret udseende. Tekstur effekter og lyseffekter kan tilføje interesse og konsekvens i dine scener.
Jeg kan virkelig godt lide illustratørens arbejde Matthew Lyons, der sikrer simple geometriske former med ru teksturer og atmosfærisk belysning. Hans illustrationer kombinerer stærke kompositioner med en stor designfølelse fra midten af århundredet for at skabe et retro-futuristisk udseende - fange den måde fremtiden så ud i fortiden.
Lav-poly web 3D
Den lavpolyestetiske gør det også muligt at levere 3D-indhold online. Som navnet fortæller-os, bruger et lavpolyantal mindre polygoner, hvilket kræver mindre data til at modelere, gengive og animere, hvilket gør den ideel til interaktiv realtid 3D online. Der er en række 3D-webgendannelsesteknologier, med de mest kendte væsener WebGL.
WebGL gør det muligt at vise 3D-indhold på skærmen via en browser med interaktivitet styret via JavaScript. Der er en række JavaScript-rammer til at gøre alt det tunge løft på dette, med det mest populære væsen Three.js.
Andre måder at tilføje interaktive 3D på nettet involverer brug af plug-ins som f.eks Enhed eller Blitz. Der er et bredt udvalg af realtime Flash 3D-motorer, herunder Away3D og Flare3D. Udnyttelse af 3D renderers bygget i Unity eller Flash giver mulighed for bedre lyseffekter end i øjeblikket i stand til WebGL eller Canvas rendering, men webgendannelser er ved at komme hurtigt ind. For det seneste i WebGL tjekke arbejdet i three.js-skaberen Mr. Doob.
Den seneste eksperimentelle film af Chris Milk, Rom - 3 drømme af sort, bruger WebGL til at skabe en interaktiv musikvideooplevelse med animerede morphing skabninger lavet i lavpoly facetteret stil. Det er et open source-projekt, som giver dig mulighed for at downloade aktiverne og omarbejde koden, en god måde at komme ind i dette spændende nye område, hvor 3D-design opfylder webdesign. Hvorvidt dette virkelig passer til lavpolyestetikken med hensyn til renderingskvalitet, er op til drøftelse.
Den retro-futuristiske æstetik
Det lavpolyudseende er en del af det, jeg kalder den retro-futuristiske æstetik (selve del af det, der kan kaldes The New Esthetic), idet den formår at hive tilbage til fortiden og fremtiden på samme tid.
Det virker perfekt velegnet til de nuværende begrænsninger ved at designe til internettet. Uanset om det vil overgå disse begrænsninger, er det stadig at se.
Er den lavpoly-look en visuel kliché, eller en forbigående tendens? Passer det i den nuværende teknologi? Lad os vide dine tanker i kommentarerne.