Πώς να πάρετε το Low-Poly Look
Μπορεί να έχετε παρατηρήσει μια κοινή εμφάνιση σε πολλές εικόνες, όχι μόνο σε γραφικά και κινούμενα σχέδια σε απευθείας σύνδεση, αλλά και σε περιοδικά και σε τηλεοπτικές γραφικές κινήσεις, που χαρακτηρίζονται από χαμηλής λεπτομέρειας, πολύπλευρα μοντέλα, υψηλής απόδοσης, συχνά με απαλό φωτισμό.
Είναι ταυτόχρονα μια αναφορά στις πρώτες μέρες της μοντελοποίησης και της κίνησης του υπολογιστή, αλλά με μια σύγχρονη συστροφή. Αυτή είναι η εμφάνιση low-poly.
Σε αυτό το άρθρο θα διερευνήσω ποια είναι η εμφάνιση low-poly, μερικά παραδείγματα και πώς μπορείτε να δημιουργήσετε εικόνες χαμηλού μεγέθους. Θα εξετάσουμε επίσης κάποιες εφαρμογές για αυτό το βλέμμα στα σχέδια του διαδικτύου και επίσης πώς μπορεί αυτή η αισθητική να εξελιχθεί σε απευθείας σύνδεση.
Μια αντίδραση στη φωτορεαλιστική 3D μοντελοποίηση
Όλα τα μοντέλα 3D αποτελούνται από πολύγωνα. Όσο περισσότερα πολυγώνια έχει το μοντέλο, τόσο πιο λεπτομερές θα είναι το μοντέλο. Συνήθως, κατά την απόδοση της εικόνας χρησιμοποιείται μια τεχνική για την λείανση των πολυγώνων και την εμφάνιση συνεχών επιφανειών.
Η εμφάνιση low-poly είναι μια συνειδητή απόφαση να χρησιμοποιηθούν λιγότερα πολύγωνα στο στάδιο μοντελοποίησης, για να δημιουργηθεί ένα απλούστερο, πιο αφηρημένο μοντέλο. Αυτό στη συνέχεια συνδυάζεται με ένα στυλ επίδειξης το οποίο αντί να προσπαθεί να εξομαλύνει τα πολυγόνια, καθιστά εκ των υστέρων κάθε πλευρά του μοντέλου, δημιουργώντας ένα ογκώδες, γωνιακό, βλέμμα.
Ωστόσο, αυτό δεν σημαίνει ότι η χαμηλή πολυ-μοντελοποίηση είναι χαμηλής ανάλυσης. Οι εξελιγμένες τεχνικές απόδοση, τα εφέ φωτισμού και σκίαση χρησιμοποιούνται για να δημιουργήσουν μια εξαιρετικά ρεαλιστική εμφάνιση του απλουστευμένου αντικειμένου. Αυτός είναι ο λόγος για τον οποίο η χαμηλή εμφάνιση του poly θυμίζει χαρτί-σκάφος ή origami, η οποία έχει επίσης μια αναγέννηση τα τελευταία χρόνια.
Μερικά από τα καλύτερα παραδείγματα της εμφάνισης low-poly είναι τα έργα του Timothy J. Reynolds. Υπάρχει επίσης το site Tumblr Geo A Day από τον Jeremiah Shaw και τον Danny Jones, ο οποίος συνεχίζει να διερευνά και να ωθεί τα όρια της αισθητικής χαμηλής πολυ.
Ίσως η πιο ολοκληρωμένη υλοποίηση της εμφάνισης χαμηλού poly είναι το έργο Το χαρτί αλεπού από τον Jeremy Kool, ο οποίος αναπτύχθηκε από ένα πρόγραμμα μοντελοποίησης σε μια εφαρμογή διαδραστικής ιστορίας που είναι διαθέσιμη για iOS. Στο Paper Fox, ο Kool επέλεξε σκόπιμα να μιμηθεί μια όψη origami, προσθέτοντας μια τσαλακωμένη υφή χαρτιού στα αντικείμενα και προσθέτοντας πολύ λεπτά άκρα.
Σε αυτό το έργο από Kristina Macurova, μπορείτε να δείτε ότι χρησιμοποιώντας ένα μικρό βάθος πεδίου, η έννοια ότι αυτά είναι φυσικά μοντέλα ενισχύεται. Το βάθος πεδίου μπορεί να καθοριστεί στις ρυθμίσεις της κάμερας στη σκηνή 3D ή μπορεί να εφαρμοστεί αργότερα στο Photoshop.
Γιατί είναι τόσο δημοφιλές το low-poly look;
Η χαμηλή εμφάνιση του poly μπορεί να θεωρηθεί ως αντίδραση στην απρόσωπη τελειότητα της μοντελοποίησης υπολογιστών. Νομίζω ότι υπάρχει μια πολύ συγκεκριμένη αντίδραση ενάντια στο υπερβολικά γυαλισμένο ρεαλιστικό 3D μοντέλο και απόδοση τώρα στο CGI. Υπάρχει μια επιθυμία για καλλιτέχνες και σχεδιαστές να δημιουργήσουν κάτι που δεν προσπαθεί και μιμείται την πραγματικότητα, αλλά είναι πιο αφηρημένο και προσπαθεί να συλλάβει την ουσία ενός αντικειμένου και να το αντιπροσωπεύει όσο το δυνατόν πιο ρεαλιστικά.
Υπάρχει ένα ιστορικό προηγούμενο γι 'αυτό στην τέχνη, στις αρχές του 20ου αιώνα, όταν εμφανίστηκαν διάφορα εξπρεσιονιστικά κινήματα μετά την εμφάνιση της φωτογραφίας. όταν οι φωτογραφίες μπορούσαν να αποτυπώσουν μια ακριβή ομοιότητα, δεν υπήρχε ανάγκη να το κάνει η τέχνη. ο εξπρεσιονισμός προσπάθησε να μεταφέρει αισθήματα και αισθήσεις παρά ακριβείς αναπαραστάσεις.
Γρήγορα προς τα εμπρός στον 21ο αιώνα και η άντληση και ο εξπρεσιονισμός ανθίζει στις ψηφιακές τέχνες.
Ξεκινώντας
Εδώ είναι ένα γρήγορο σεμινάριο για την επίτευξη της χαμηλής εμφάνισης πολυ, χρησιμοποιώντας το λογισμικό 3D Cinema4D.
- Δημιουργήστε τα αντικείμενα χρησιμοποιώντας απλά στερεά, όπως σφαίρες, κώνοι και πυραμίδες. Ο στόχος δεν είναι να μοντελοποιήσουμε τα αντικείμενα ρεαλιστικά, αλλά να απλοποιήσουμε όσο το δυνατόν περισσότερο.
- Ορίστε την ιδιότητα των τμημάτων για να υποδιαιρέσετε τις επιφάνειες των αντικειμένων. Όσο περισσότερα τμήματα προσθέτετε, τόσο περισσότερες όψεις θα έχει το αντικείμενο.
- Ρυθμίστε τις ιδιότητες Phong του αντικειμένου - αυτό ορίζει την εξομάλυνση του αντικειμένου, έτσι θέλετε να το απενεργοποιήσετε. Στο Cinema4D, είτε διαγράψτε την ετικέτα phong είτε ρυθμίστε τη γωνία phong σε 0 μοίρες για να δημιουργήσετε μια ιδιαίτερα πολύπλευρη εμφάνιση.
- Μπορείτε να προσθέσετε παραμορφώσεις στο μοντέλο για να μην φαίνεται τέλεια γεωμετρικά. Μπορείτε να το κάνετε αυτό χειροκίνητα πιέζοντας και τραβώντας μεμονωμένους κόμβους ή χρησιμοποιώντας έναν παραμορφωτή όπως ο Displacer. Χρησιμοποιήστε τον σκιαστήρα θορύβου για να προσθέσετε τυχαία ποσά μετατόπισης σε κάθε κορυφή. Μπορείτε να ρυθμίσετε τη δύναμη για να αυξήσετε ή να μειώσετε την ποσότητα της παραμόρφωσης.
- Προσθέστε υλικό στο αντικείμενο. Κατά τον ορισμό υλικών, μπορεί να θέλετε να προσθέσετε κάποια χαρτογράφηση χτύπησης για να δώσετε κάποια υφή επιφάνειας. Ή μπορείτε να διατηρήσετε τις υφές σας λαμπερές και πλαστικές, με τα κατοπτρικά highlights - εξαρτάται από την εμφάνιση που πρόκειται να κάνετε.
- Προσθήκη φόντου. Προσθέστε ένα αντικείμενο του ουρανού ή χρησιμοποιήστε απλά αεροπλάνα όπως έναν ουρανό φόντου και ως αεροπλάνο στο δάπεδο. Μπορείτε να τα παραμορφώσετε ακριβώς με τον ίδιο τρόπο, αν το επιθυμείτε.
- Προσθέστε φώτα. Τα ελαφριά εφέ φωτισμού θα προσθέσουν ατμόσφαιρα στη σκηνή σας.
- Ορίστε το αντικείμενο. Χρησιμοποιώντας τις ρυθμίσεις εμφάνισης Global Illumination για να δημιουργήσετε απαλό φωτισμό. Η προσθήκη μιας περιβάλλουσας ατμόσφαιρας προσθέτει ένα ρεαλιστικό κοκκώδες βάθος στις σκιές.
Το κλειδί είναι να πειραματιστείτε μέχρι να φτάσετε με μια ματιά που είστε ευχαριστημένοι με. Δεν υπάρχουν κανόνες διαφορετικοί από αυτούς που ο ίδιος ορίσατε. Στόχος είναι να αναπτύξετε το δικό σας στυλ, συμφωνώντας με τον τρόπο που σχεδιάζετε, φωτίζετε και δημιουργείτε τις σκηνές σας.
Το στυλ εικονογράφησης χαμηλής πολυ-εμφάνισης
Ακόμα κι αν δεν έχετε πρόσβαση σε ένα πρόγραμμα 3D μοντελοποίησης, μπορείτε ακόμα να δημιουργήσετε εικόνες χαμηλού μεγέθους χρησιμοποιώντας λογισμικό απεικόνισης 2D, όπως το Illustrator ή το Photoshop.
Η αρχή είναι στην πραγματικότητα αρκετά παρόμοια με τη μοντελοποίηση σε 3D. Εργαστείτε με απλά σχήματα για να δημιουργήσετε τη σκηνή σας. Αποφασίστε πού είναι η πηγή φωτός σας και εφαρμόστε σκίαση για να προσθέσετε βάθος και να δημιουργήσετε μια πολύπλευρη εμφάνιση. Τα εφέ της υφής και τα εφέ φωτισμού μπορούν να προσθέσουν ενδιαφέρον και συνέπεια στα σκηνικά σας.
Μου αρέσει πολύ το έργο του εικονογράφου Ο Matthew Lyons, ο οποίος διασυνδέει απλά γεωμετρικά σχήματα με τραχιά υφή και ατμοσφαιρικό φωτισμό. Οι εικόνες του συνδυάζουν έντονες συνθέσεις με μεγάλη αίσθηση σχεδιασμού μέσα του αιώνα για να δημιουργήσουν μια ρετρό φουτουριστική εμφάνιση - καταγράφοντας τον τρόπο με τον οποίο το μέλλον φαινόταν στο παρελθόν.
Χαμηλό πολυ web 3D
Η αισθητική χαμηλού επιπέδου πολυ προσφέρεται επίσης για την παροχή περιεχομένου 3D στο διαδίκτυο. Όπως μας λέει το όνομα, ένας χαμηλός αριθμός poly χρησιμοποιεί λιγότερα πολύγωνα, απαιτεί λιγότερα δεδομένα για να μοντελοποιήσει, να αποδώσει και να ζωντανέψει, καθιστώντας το ιδανικό για διαδραστικό online 3D σε πραγματικό χρόνο. Υπάρχουν ορισμένες τεχνολογίες 3D απεικόνισης ιστού, με το πιο γνωστό όντας WebGL.
Το WebGL επιτρέπει στο 3D περιεχόμενο να εμφανίζεται στην οθόνη μέσω ενός προγράμματος περιήγησης με ελεγχόμενη διαδραστικότητα μέσω του JavaScript. Υπάρχει ένας αριθμός πλαισίων JavaScript για να κάνετε όλη τη βαριά ανύψωση σε αυτό, με το πιο δημοφιλές όντας three.js.
Άλλοι τρόποι για να προσθέσετε διαδραστικό 3D στον ιστό περιλαμβάνουν τη χρήση plug-ins όπως Ενότητα ή Λάμψη. Υπάρχει ένα ευρύ φάσμα πραγματικών Flash 3D κινητήρες συμπεριλαμβανομένων Away3D και Flare3D. Η αξιοποίηση των τρισδιάστατων επεξεργαστών που έχουν ενσωματωθεί στο Unity ή το Flash επιτρέπει την επίτευξη καλύτερων αποτελεσμάτων φωτισμού από ό, τι είναι δυνατή αυτή τη στιγμή στην απόδοση WebGL ή Canvas, αλλά οι επεξεργαστές ιστού καταγράφουν γρήγορα. Για το τελευταίο στο WebGL ελέγξτε το έργο του δημιουργού three.js Κύριε Doob.
Η πρόσφατη πειραματική ταινία του Chris Milk, Ρώμη - 3 όνειρα μαύρου, χρησιμοποιεί το WebGL για να δημιουργήσει μια διαδραστική εμπειρία μουσικής βίντεο με κινούμενα πλάσματα μορφοποίησης που αποδίδονται σε στυλ χαμηλού πολύπλευρου χαρακτήρα. Πρόκειται για ένα έργο ανοιχτού κώδικα που σας επιτρέπει να κατεβάσετε τα στοιχεία και να επεξεργαστείτε τον κώδικα, έναν εξαιρετικό τρόπο για να μπείτε σε αυτή τη συναρπαστική νέα περιοχή όπου το 3D design συναντά το σχεδιασμό ιστοσελίδων. Είτε αυτό ταιριάζει πραγματικά στην χαμηλή πολυ-αισθητική όσον αφορά την απόδοση της ποιότητας είναι επάνω για συζήτηση.
Η ρετρο-φουτουριστική αισθητική
Η εμφάνιση χαμηλής πολυ είναι μέρος αυτού που ονομάζω ρετρο-φουτουριστική αισθητική (το ίδιο μέρος αυτού που μπορεί να ονομαστεί "Νέα αισθητική"), καθώς καταφέρνει να επιστρέψει στο παρελθόν και στο μέλλον την ίδια στιγμή.
Φαίνεται απόλυτα κατάλληλο για τους τρέχοντες περιορισμούς του σχεδιασμού για τον ιστό. Είτε πρόκειται να ξεπεράσει αυτούς τους περιορισμούς, παραμένει προς συζήτηση.
Είναι το χαμηλό-πολυ εμφάνιση μια οπτική κλισέ, ή μια τάση που διέρχεται; Ταιριάζει με την τρέχουσα τεχνολογία; Ας γνωρίσουμε τις σκέψεις σας στα σχόλια.