Miten saada matala-poly look
Olet ehkä huomannut yleistä ulkoasua monissa kuvissa, ei pelkästään grafiikassa ja animaatioissa verkossa, vaan myös aikakauslehdissä ja televisiolevyjen grafiikassa, jossa on vähän yksityiskohtaisia, tyylikkäitä malleja, jotka on tehty hyvin usein pehmeillä valaistustehosteilla.
Se on heti viittaus tietokoneiden mallinnuksen ja animaation alkutaipaleihin, mutta nykyaikaisen käänteen ansiosta. Tämä on matala-poly-ilme.
Tässä artikkelissa selvitän, mitä alhaisen poly-ilme on, joitakin esimerkkejä ja miten voit luoda matalan polyakuvan. Tarkastelemme myös joitain sovelluksia tämän ulkoasun web-malleihin ja miten tämä esteettisyys voi kehittyä verkossa.
Reaktio kuva-realistiseen 3D-mallinnukseen
Kaikki 3D-mallit koostuvat monikulmioista. Mitä enemmän polygoneja mallissa on, sitä tarkempi malli on. Yleensä kuvan tuottamiseksi tekniikkaa käytetään polygonien sileämiseen ja jatkuvien pintojen ilmaantumiseen.
Alhaisen poly-ilme on tietoinen päätös käyttää vähemmän monikulmioita mallinnusvaiheessa yksinkertaisemman, abstraktin mallin luomiseksi. Sitten tämä yhdistetään renderointityyliin, joka ei pikemminkin yritä tasoittaa polygoneja, vaan tekee sen jokaisen mallin sivusta, jolloin se luo esteen, kulmaisen ulkonäön.
Tämä ei kuitenkaan tarkoita, että alhaisen poly-mallintaminen on matala-resoluutiolla. Hienostuneita renderointitekniikoita, valaistusvaikutuksia ja varjostusta käytetään yksinkertaistetun objektin erittäin realistisen ulkoasun luomiseen. Siksi alhaisen poly-ilme muistuttaa paperi-veneestä tai origami-levystä, joka on viime vuosina myös saanut renessanssin.
Jotkut parhaista esimerkkejä alhaisen poly-ilmeen ovat teoksia Timothy J. Reynolds. Myös Tumblr-sivustoa Geo A Day Jeremiah Shaw ja Danny Jones, jotka edelleen tutkivat ja työntävät matalan polyesteetin rajoja.
Ehkä kaikkein täydellinen toteutus matala-poly look on projekti Paper Fox Jeremy Kool, joka on kehitetty mallinnusprojektista iOS: n interaktiiviseen tarinaohjelmaan. Paper Fox: ssä Kool on tarkoituksellisesti valinnut origami-ilmeen jäljitelmän lisäämällä rypistyneen paperin tekstuurin esineisiin ja lisäämällä hyvin ohuita reunoja.
Tässä työssä Kristina Macurova, näet, että käyttämällä matala syväterävyys, tunne, että nämä ovat fyysisiä malleja on parannettu. Kentän syvyys voidaan määrittää kameran asetuksissa 3D-näkymässä tai niitä voidaan käyttää myöhemmin Photoshopissa.
Miksi pieni poly näyttää niin suosittu?
Matala-poly-ilme voidaan nähdä reaktiona tietokoneen mallinnuksen persoonattomaan täydellisyyteen. Mielestäni on erittäin tarkka reaktio yli-kiillotettu elävän 3D-mallinnus ja renderointi on nyt mahdollista CGI. Taiteilijoille ja suunnittelijoille on tahtoa luoda jotain, joka ei yritä jäljitellä todellisuutta, vaan on abstrakti ja yrittää vangita kohteen olemuksen eikä esittää sitä mahdollisimman realistisesti.
Taiteessa on historiallinen ennakkotapaus 1900-luvun alussa, jolloin erilaiset ekspressionistiset liikkeet nousivat esiin valokuvauksen jälkeen. kun valokuvat saisivat täsmällisen kuvan, ei tarvinnut taidetta tekemään niin; ekspressionismi halusi välittää tunteita ja tunteita pikemminkin kuin tarkkoja esityksiä.
Nopeasti eteenpäin 21. vuosisadalle ja abstrakti ja ekspressionismi kukoistaa digitaalisessa taiteessa.
Päästä alkuun
Tässä on nopea opetusohjelma, jolla saavutetaan alhaisen poly-ilme 3D-ohjelmiston avulla Cinema4D.
- Luo esineesi käyttämällä yksinkertaisia kiintoaineita, kuten palloja, kartioita ja pyramideja. Tavoitteena ei ole mallintaa objekteja realistisesti vaan yksinkertaistaa mahdollisimman paljon.
- Määritä segmenttien omaisuus jakamaan esineiden pinnat osittain. Mitä enemmän segmentit lisäät, sitä enemmän objekteja objektilla on.
- Aseta objektin Phong-ominaisuudet - tämä määrittää objektin tasoituksen niin, että haluat poistaa sen käytöstä. Poista Cinema4D: ssa joko phong-tagit tai aseta phong-kulma 0 asteeseen, jotta voit luoda erittäin monipuolisen ulkonäön.
- Voit lisätä mallin muodonmuutoksia, jotta se ei olisi niin geometrisesti täydellinen. Voit tehdä tämän manuaalisesti työntämällä ja vetämällä yksittäisiä solmuja tai käyttämällä muotoilua, kuten Displaceria. Käytä Noise shader -ohjelmaa lisäämällä satunnaisia määriä siirtymää kullekin kärkipisteelle. Voit säätää voimaa lisätä tai vähentää vääristymää.
- Lisää materiaaleja esineeseen. Materiaaleja määritettäessä voit halutessasi lisätä jonkin verran ns. Tai voit pitää tekstuurisi kiiltävänä ja muovisena, peilinä korostettuna - kaikki riippuu ulkoasusta, jota aiot tehdä.
- Lisää taustat. Lisää taivas esine tai käytä yksinkertaisia tasoja, kuten tausta taivasta ja lattiatasona. Voit muokata näitä täsmälleen samalla tavalla, jos haluat.
- Lisää valoja. Kevyet valaistustekijät lisäävät ilmapiiriä kohtauksellesi.
- Esitä objekti. Globaalin valaistuksen käyttäminen tekee asetuksista pehmeän valaistuksen. Ambient okkluusioryhmän lisääminen tuo realistisen rakeisen syvyyden varjoihin.
Tärkeintä on kokeilla, kunnes näytät, että olet tyytyväinen. Ei ole muita sääntöjä kuin itse asettamat. Tavoitteena kehittää omaa tyyliäsi noudattaen tapaa, jolla mallinnut, valot ja teet kohtaukset.
Matala-poly look -tyylinen tyyli
Vaikka sinulla ei olisi käytettävissään 3D-mallintamisohjelmaa, voit silti luoda pienikokoisia kuvia 2D-kuvaohjelmistolla, kuten Illustratorilla tai Photoshopilla.
Periaate on todella melko samanlainen kuin mallinnus 3D: ssä. Työnnä yksinkertaisia muotoja, jotta voit rakentaa kohtaasi. Päätä, missä valolähde on, ja käytä varjostusta lisätäksesi syvyyttä ja luoda monipuolinen ulkoasu. Tekokuvan vaikutukset ja valaistustekijät voivat lisätä kiinnostusta ja johdonmukaisuutta kohtauksillesi.
Pidän todella kuvittajan työstä Matthew Lyons, joka sulaa yksinkertaiset geometriset muodot karkeilla kuvioilla ja ilmakehän valaistuksella. Hänen kuvitelmissaan yhdistyvät voimakkaat sävellykset, joilla on suuri vuosisadan vuosisadan suunnitelma ja luodaan retro-futuristinen ilme - joka kuvastaa tulevaisuuden näkymistä aiemmin.
Matala-poly web 3D
Alhainen polyesteetti sopii myös toimittamaan 3D-sisältöä verkossa. Kuten nimi kertoo meille, matalan poly count käyttää vähemmän polygoneja, jotka vaativat vähemmän tietoja mallintamiseen, renderointiin ja animointiin, mikä tekee siitä ihanteellisen interaktiiviselle reaaliaikaiselle 3D-verkolle. 3D-web-renderöintitekniikoita on useita, joista tunnetuimpia on WebGL.
WebGL mahdollistaa 3D-sisällön näyttämisen näytöllä selaimella, jossa on vuorovaikutteisuus JavaScriptin kautta. On olemassa useita JavaScript-puitteita, jotka tekevät kaiken tämän raskaan noston, ja suosituin olento three.js.
Muita tapoja vuorovaikutteisen 3D: n lisäämiseen verkkoon edellyttävät esimerkiksi plug-inien käyttöä yhtenäisyys tai Salama. Mukana on laaja valikoima reaaliaikaisia Flash-3D-moottoreita Away3D ja Flare3D. Unityn tai Flashin sisäänrakennettujen 3D-esitysten käyttäminen mahdollistaa paremman valaistuksen vaikutuksen kuin nykyään WebGL- tai Canvas-renderöinnissä, mutta web-suorittimet ovat nopeasti kiinni. Viimeisimmän WebGL-sivuston tarkastella kolmen.js-luojan työtä Herra Doob.
Chris Milkin viimeaikainen kokeellinen elokuva, Rooma - 3 unelmaa musta, käyttää WebGL: tä luomaan vuorovaikutteisen musiikkivideokokemuksen animoitujen morphing -olosuhteiden avulla, jotka on tuotettu matala-poly-tyylisillä tyylillä. Se on avoimen lähdekoodin projekti, jonka avulla voit ladata resursseja ja jäljentää koodia. Tämä on hieno tapa päästä mukaan tähän jännittävään uuteen alueeseen, jossa 3D-suunnittelu vastaa web-suunnittelua. Riippumatta siitä, onko tämä todella sopiva alhaisen polyesteetin kannalta laadukkaan laadun suhteen, on keskustelussa.
Retro-futuristinen esteettinen
Alhaisen poly-ilme on osa sitä mitä kutsun retro-futuristiseksi esteettiseksi (itse osa sitä, mitä voidaan kutsua uudeksi esteettiseksi), koska se onnistuu selittämään menneisyyttä ja tulevaisuutta samanaikaisesti.
Näyttää siltä, että se sopii täydellisesti verkon suunnittelun nykyisiin rajoituksiin. Se, että se ylittää nämä rajoitukset, jää nähtäväksi.
Onko matala-poly näyttää visuaalisen klisee tai ohimenevää suuntausta? Soveltuuko se nykyiseen tekniikkaan? Kerro meille mielipiteesi kommentteihin.