Come ottenere il look low-poly
Potresti aver notato un aspetto comune in molte immagini, non solo nella grafica e nelle animazioni online, ma anche in riviste e in motion graphics televisiva, con modelli sfaccettati e dettagliati, altamente renderizzati, spesso con effetti di luce soffusa.
È allo stesso tempo un riferimento ai primi tempi della modellazione e dell'animazione al computer, ma con un tocco moderno. Questo è l'aspetto low-poly.
In questo articolo esaminerò cosa è il look low-poly, alcuni esempi e come è possibile creare immagini low-poly. Vedremo anche alcune applicazioni per questo aspetto nei progetti web e anche come questa estetica possa evolversi online.
Una reazione alla modellazione 3D fotorealistica
Tutti i modelli 3D sono costituiti da poligoni. Maggiore è il numero di poligoni del modello, più dettagliato sarà il modello. Di solito, quando si esegue il rendering dell'immagine viene utilizzata una tecnica per levigare i poligoni e dare l'aspetto di superfici continue.
L'aspetto low-poly è una decisione consapevole di utilizzare un numero inferiore di poligoni nella fase di modellazione, per creare un modello più semplice e astratto. Questo viene quindi combinato con uno stile di rendering che, invece di cercare di appianare i poligoni, restituisce invece ciascuna delle faccette del modello, creando un aspetto a blocchi, angolare.
Tuttavia, questo non significa che la modellazione di low-poly sia a bassa risoluzione. Tecniche di rendering sofisticate, effetti di illuminazione e ombreggiatura sono utilizzati per creare un aspetto estremamente realistico dell'oggetto semplificato. Questo è il motivo per cui l'aspetto low-poly ricorda il mestiere di carta o origami, che ha avuto anche un rinascimento negli ultimi anni.
Alcuni dei migliori esempi di look low-poly sono i lavori di Timothy J. Reynolds. C'è anche il sito di Tumblr Geo A Day di Jeremiah Shaw e Danny Jones, che continua a esplorare e spingere i confini dell'estetica low-poly.
Forse la realizzazione più completa dell'aspetto low-poly è il progetto The Paper Fox di Jeremy Kool, sviluppato da un progetto di modellazione in un'app story interattiva disponibile per iOS. In Paper Fox, Kool ha deliberatamente scelto di emulare un look origami, aggiungendo una texture di carta accartocciata agli oggetti e aggiungendo bordi molto sottili.
In questo lavoro di Kristina Macurova, puoi vedere che usando una bassa profondità di campo, la sensazione che questi siano modelli fisici è migliorata. La profondità di campo può essere determinata nelle impostazioni della fotocamera nella scena 3D, oppure possono essere applicate successivamente in Photoshop.
Perché il look low-poly è così popolare?
L'aspetto low-poly può essere visto come una reazione alla perfezione impersonale della modellazione al computer. Penso che ci sia una reazione molto precisa contro la modellazione 3D estremamente realistica e il rendering ora possibile in CGI. C'è un desiderio per artisti e designer di creare qualcosa che non provi e imiti la realtà, ma che sia più astratto, e cerchi di catturare l'essenza di un oggetto piuttosto che rappresentarlo nel modo più realistico possibile.
C'è un precedente storico per questo nell'arte, all'inizio del XX secolo, quando vari movimenti espressionisti sono emersi dopo l'avvento della fotografia; quando le fotografie potevano catturare un'esatta somiglianza, non c'era bisogno che l'arte lo facesse; l'espressionismo ha cercato di trasmettere sentimenti e sensazioni piuttosto che rappresentazioni accurate.
Avanti veloce verso il 21 ° secolo e l'astrazione e l'espressionismo fioriscono nelle arti digitali.
Iniziare
Ecco un breve tutorial per ottenere l'aspetto low-poly, utilizzando il software 3D Cinema4D.
- Crea i tuoi oggetti usando solidi semplici, come sfere, coni e piramidi. L'obiettivo non è quello di modellare realisticamente gli oggetti, ma di semplificare il più possibile.
- Imposta la proprietà dei segmenti per suddividere le superfici degli oggetti. Più segmenti aggiungi, più sfaccettature avrà l'oggetto.
- Imposta le proprietà Phong dell'oggetto - questo definisce il livellamento dell'oggetto in modo che tu voglia disattivarlo. In Cinema4D, elimina il tag phong o imposta l'angolo phong su 0 gradi per creare un aspetto molto sfaccettato.
- È possibile aggiungere deformazioni al modello per renderlo non geometricamente perfetto. È possibile farlo manualmente spingendo e tirando singoli nodi o utilizzando un deformatore come Displacer. Utilizzare lo shader Noise per aggiungere quantità casuali di spostamento a ciascun vertice. È possibile regolare la forza per aumentare o ridurre la quantità di distorsione.
- Aggiungi materiali all'oggetto. Quando si definiscono i materiali, è possibile aggiungere alcune mappature di rilievo per fornire una certa consistenza superficiale. Oppure puoi mantenere le tue trame lucide e plasticci, con riflessi speculari: tutto dipende dall'aspetto che stai cercando.
- Aggiungi sfondi. Aggiungi un oggetto cielo o usa piani semplici come un cielo sullo sfondo e come un piano. Puoi deformarli esattamente nello stesso modo, se lo desideri.
- Aggiungi luci. Gli effetti di luce sottili aggiungeranno atmosfera alla scena.
- Rendi l'oggetto. L'utilizzo dell'illuminazione globale consente di eseguire il rendering delle impostazioni per creare luci soffuse. L'aggiunta di un'occlusione ambientale aggiunge una profondità granulosa realistica alle ombre.
La cosa fondamentale è sperimentare fino a quando non ti viene in mente uno sguardo di cui sei felice. Non ci sono altre regole che quelle che hai impostato tu. Mirare a sviluppare il proprio stile, coerente con il modo in cui modellare, illuminare e rendere le scene.
Lo stile di illustrazione di look low poly
Anche se non hai accesso a un programma di modellazione 3D, puoi comunque creare immagini a basso numero di poligoni usando software di illustrazione 2D come Illustrator o Photoshop.
Il principio è in realtà molto simile alla modellazione in 3D. Lavora con forme semplici per costruire la tua scena. Decidi dove si trova la tua fonte di luce e applica ombreggiature per aggiungere profondità e creare un aspetto sfaccettato. Effetti di trama ed effetti di luce possono aggiungere interesse e coerenza alle tue scene.
Mi piace molto il lavoro di illustratore Matthew Lyons, Chi fonde semplici forme geometriche con trame ruvide e luci d'atmosfera. Le sue illustrazioni combinano forti composizioni con un grande senso del design di metà secolo per creare un look retro-futuristico - catturando il modo in cui il futuro ha guardato nel passato.
Web 3D a basso numero di poligoni
L'estetica low-poly si presta anche a fornire contenuti 3D online. Come ci dice il nome, un numero di poligoni bassi utilizza meno poligoni, richiedendo meno dati da modellare, renderizzare e animare, rendendolo ideale per il 3D interattivo in tempo reale online. Esistono numerose tecnologie di rendering Web 3D, con l'essere più noto WebGL.
WebGL consente di visualizzare i contenuti 3D su schermo tramite un browser con interattività controllata tramite JavaScript. Ci sono un certo numero di framework JavaScript per fare tutto il lavoro pesante su questo, con l'essere più popolare Three.js.
Altri modi per aggiungere il 3D interattivo al web implicano l'uso di plug-in come Unità o Veloce. C'è una vasta gamma di motori Flash 3D in tempo reale compresi Away3D e Flare3D. Sfruttare i renderizzatori 3D incorporati in Unity o Flash consente di ottenere effetti di illuminazione migliori di quelli attualmente disponibili nel rendering WebGL o Canvas, ma i renderer Web stanno recuperando velocemente. Per le ultime novità in WebGL, consulta il lavoro di three.js creatore Signor Doob.
Il recente film sperimentale di Chris Milk, Roma - 3 sogni di nero, utilizza WebGL per creare un'esperienza video musicale interattiva con creature animate in stile morphing rese in uno stile sfaccettato a basso numero di poligoni. È un progetto open-source che ti consente di scaricare le risorse e rielaborare il codice, un ottimo modo per entrare in questa nuova, eccitante area in cui il design 3D incontra il web design. Se questo si adatta veramente all'estetica low-poly in termini di qualità del rendering è in discussione.
L'estetica retro-futuristica
L'aspetto low-poly fa parte di quella che io chiamo l'estetica retro-futuristica (a sua volta parte di quella che potrebbe chiamarsi The New Aesthetic), in quanto riesce a rifugiarsi nel passato e nel futuro allo stesso tempo.
Sembra perfettamente adatto alle attuali limitazioni del design per il web. Resta da vedere se sopravviverà a quelle restrizioni.
Il low-poly sembra un cliché visivo o una tendenza passeggera? Soddisfa la tecnologia attuale? Fateci sapere che ne pensate nei commenti.