Du kanske har märkt ett vanligt utseende i många bilder, inte bara i grafik och animationer online, men även i tidningar och i TV-rörelsegrafik, med låga detaljer, facetterade modeller, mycket gjorda, ofta med mjuka ljuseffekter.

Det är på en gång en hänvisning till de tidiga dagarna av datormodellering och animering, men med en modern twist. Detta är det lågpoly-utseende.

I den här artikeln ska jag undersöka vad lågpolyutseendet är, några exempel och hur du kan skapa lågpoly bilder. Vi tittar också på några applikationer för detta utseende i webbdesigner, och även hur denna estetik kan utvecklas online.

En reaktion på fotorealistisk 3D-modellering

Alla 3D-modeller består av polygoner. Ju fler polygoner modellen har, ju mer detaljerad modellen kommer att vara. Vanligtvis när man gör bilden används en teknik för att släta polygoner och ge utseende av kontinuerliga ytor.

Low-poly-utseendet är ett medvetet beslut att använda färre polygoner i modelleringsstadiet för att skapa en enklare och mer abstrakt modell. Detta kombineras sedan med en reningsstil som istället för att försöka släta ut polygonerna, istället gör varje modell av fasetterna, vilket skapar en blockig, vinklad utseende.

Detta innebär emellertid inte att lågpoly modellering är lågupplösning. Sofistikerade renderingstekniker, belysningseffekter och skuggning används för att skapa ett mycket realistiskt utseende av det förenklade objektet. Det är därför lågpolyutet påminner om papperskraft eller origami, som också har haft en renässans de senaste åren.

tim_reynolds

Några av de bästa exemplen på low-poly-utseendet är verk av Timothy J. Reynolds. Det finns också Tumblr-platsen Geo A Day av Jeremiah Shaw och Danny Jones, som fortsätter att utforska och driva gränserna för den lågpolyestetiska.

Kanske är den mest kompletta förverkligandet av det lågpolyutseende projektet Pappersräven av Jeremy Kool, som utvecklats från ett modelleringsprojekt till en interaktiv historiaapp tillgänglig för iOS. I Pappersrevet har Kool medvetet valt att emulera ett origami-utseende, genom att lägga till en skrynklig pappersstruktur till föremålen och genom att lägga till mycket tunna kanter.

paper_fox

I detta arbete av Kristina Macurova, du kan se det genom att använda ett grundt skärpedjup, förstärkningen av att dessa är fysiska modeller. Djupfältet kan bestämmas i kamerainställningarna i din 3D-scen, eller de kan appliceras efteråt i Photoshop.

Katarina-Macurova2

Varför är det lågpolyutseende så populärt?

Den lågpolyutseende kan ses som en reaktion på den opersonliga perfektionen av datormodellering. Jag tror att det finns en mycket bestämd reaktion mot den överpolerade, livliga 3D-modelleringen och återgivningen som nu är möjlig i CGI. Det finns en önskan för artister och designers att skapa något som inte försöker efterlikna verkligheten, men är mer abstrakt, och försöker fånga ett objekts väsen snarare än representera det så realistiskt som möjligt.

Det finns ett historiskt prejudikat för detta i konsten, i början av 1900-talet, när olika expressionistiska rörelser uppkom efter fotograferingens framtid. när fotografier kunde fånga en exakt likhet var det inte nödvändigt med konst att göra det; expressionism försökte förmedla känslor och känslor snarare än korrekta representationer.

Snabbspolning fram till det 21: a århundradet och abstraktion och expressionism blomstrar i digital konst.

Komma igång

Här är en snabb handledning för att uppnå lågpoly-looken med hjälp av 3D-programvaran Cinema4D.

  1. Skapa dina föremål med hjälp av enkla fasta ämnen, som sfärer, kottar och pyramider. Målet är inte att modellera objekt realistiskt, utan att förenkla så mycket som möjligt.
  2. Ange segmentets egenskap för att dela upp objektens ytor. Ju fler segment du lägger till, ju fler fasetter objektet kommer att ha.
  3. Ställ in objektets Phong-egenskaper - det här definierar objektets utjämning så att du vill stänga av det. I Cinema4D, ta bort phong-taggen eller ställ in phong-vinkeln till 0 grader för att skapa ett mycket facetterat utseende.
  4. Du kan lägga till deformationer i modellen så att den inte ser så geometrisk perfekt ut. Du kan göra det manuellt genom att trycka på och dra enskilda noder, eller använd en deformerare som förskjutaren. Använd Bullerskärmen för att lägga till slumpmässiga mängder förskjutning till varje toppunkt. Du kan justera styrkan för att öka eller minska mängden distorsion.
  5. Lägg till material i objektet. När du definierar material kanske du vill lägga till lite bump-kartläggning för att ge en viss ytstruktur. Eller du kan hålla dina texturer glänsande och plastic, med speciella höjdpunkter - det beror helt på ditt utseende.
  6. Lägg till bakgrunder. Lägg till ett himmelobjekt, eller använd enkla plan som bakgrundssky och som golvplan. Du kan deformera dem på exakt samma sätt, om du vill.
  7. Lägg till lampor. Subtila ljuseffekter kommer att ge atmosfär till din scen.
  8. Render objektet. Använda Global Illumination gör inställningar för att skapa mjuk belysning. Att lägga till en omgivande ocklusion lägger till ett realistiskt kornigt djup till skuggor.
low_poly_cinema4D

Det viktigaste är att experimentera tills du kommer upp en titt du är nöjd med. Det finns inga andra regler än de som du själv bestämmer. Syfta att utveckla din egen stil genom att vara förenlig med hur du modellerar, ljusar och gör dina scener.

villa_savoye

Den lågpoly-lookillustrationen

Även om du inte har tillgång till ett 3D-modelleringsprogram, kan du fortfarande skapa lågpoly bilder med hjälp av 2D-illustrationsprogram som Illustrator eller Photoshop.

Principen är faktiskt ganska lik modellering i 3D. Arbeta med enkla former för att bygga upp din scen. Bestäm var din ljuskälla är och använd skuggning för att lägga till djup och skapa ett mångfacetterat utseende. Textureffekter och ljuseffekter kan ge intresse och konsistens till dina scener.

Jag gillar verkligen illustratörens arbete Matthew Lyons, som säkrar enkla geometriska former med grova texturer och atmosfärisk belysning. Hans illustrationer kombinerar starka kompositioner med en stor designkänsla från mitten av århundradet för att skapa ett retro-futuristiskt utseende - fånga hur framtiden såg ut i det förflutna.

matthew_lyons

Låg-poly-web 3D

Den lågpolyestetiska låter sig också leverera 3D-innehåll online. Som namnet berättar-oss använder ett lågpolyantal mindre polygoner, vilket kräver mindre data att modellera, göra och animera, vilket gör den idealisk för interaktiv realtid 3D-online. Det finns ett antal 3D-webrenderingsteknologier, med det mest kända varandet WebGL.

WebGL tillåter 3D-innehåll att visas på skärmen via en webbläsare med interaktivitet kontrollerad via JavaScript. Det finns ett antal JavaScript-ramar för att göra allt tungt lyft på detta, med den mest populära varelsen Three.js.

Andra sätt att lägga till interaktiv 3D på webben innebär att du använder plugin-program som Enhet eller Blixt. Det finns ett brett utbud av realtid Flash 3D-motorer inklusive Away3D och Flare3D. Att utnyttja 3D-renderare som är inbyggda i Unity eller Flash möjliggör bättre ljuseffekter än vad som för närvarande kan användas i WebGL eller Canvas-rendering, men webbåtergivare hamnar snabbt. För det senaste i WebGL kolla jobbet av three.js-skaparen Herr Doob.

rome2

Den senaste experimentella filmen av Chris Milk, Rom - 3 drömmar av svart, använder WebGL för att skapa en interaktiv musikvideopplevelse med animerade morphing-varelser gjorda i en lågpoly-fasetterad stil. Det är ett open source-projekt som låter dig ladda ner tillgångarna och omarbeta koden, ett bra sätt att komma in i det här spännande nya området där 3D-design möter webbdesign. Huruvida detta verkligen passar den lågpolyestetiska med avseende på renderingskvalitet är upp till diskussion.

rom

Den retro-futuristiska estetiken

Low-poly-utseendet är en del av det jag kallar den retro-futuristiska estetiken (själv del av det som kan kallas The New Esthetic), genom att man lyckas raka tillbaka till det förflutna och framtiden samtidigt.

Det verkar perfekt anpassat till de nuvarande begränsningarna för att designa för webben. Huruvida det kommer att överträffa dessa begränsningar kvarstår att se.

Är det lågpolyutseende en visuell kliché eller en övergående trend? Passar det nuvarande teknik? Låt oss veta dina tankar i kommentarerna.