Οι προγραμματιστές Indie συχνά πρέπει να συνδυάσουν πολλούς ρόλους ταυτόχρονα: σχεδιαστής παιχνιδιών, προγραμματιστής, συνθέτης, καλλιτέχνης. Και όσον αφορά τα γραφικά, πολλοί άνθρωποι επιλέγουν το pixel art - με την πρώτη ματιά, φαίνεται απλό. Αλλά για να το κάνετε όμορφο, χρειάζεστε μεγάλη εμπειρία και ορισμένες δεξιότητες. Βρήκα ένα σεμινάριο για όσους μόλις άρχισαν να κατανοούν τα βασικά αυτού του στυλ: με μια περιγραφή ειδικού λογισμικού και τεχνικών σχεδίασης χρησιμοποιώντας δύο ξωτικά ως παράδειγμα.
Ιστορικό
Το Pixel Art είναι μια μορφή ψηφιακής τέχνης στην οποία γίνονται αλλαγές σε επίπεδο pixel. Συνδέεται κυρίως με γραφικά βιντεοπαιχνιδιών από τις δεκαετίες του '80 και του '90. Τότε οι καλλιτέχνες έπρεπε να λάβουν υπόψη τους τους περιορισμούς της μνήμης και τη χαμηλή ανάλυση. Τώρα η τέχνη των pixel εξακολουθεί να είναι δημοφιλής στα παιχνίδια και ως στυλ τέχνης γενικότερα, παρά τη δυνατότητα δημιουργίας ρεαλιστικών τρισδιάστατων γραφικών. Γιατί; Ακόμη και εκτός από τη νοσταλγία, η δημιουργία δροσερών έργων μέσα σε ένα τόσο άκαμπτο πλαίσιο είναι μια ωραία και ικανοποιητική πρόκληση.
Το εμπόδιο στην είσοδο στην τέχνη εικονοστοιχείων είναι σχετικά χαμηλό σε σύγκριση με την παραδοσιακή τέχνη και τα τρισδιάστατα γραφικά, τα οποία προσελκύουν indie προγραμματιστές. Αυτό όμως δεν σημαίνει ότι θα είναι εύκολο φινίρισμα παιχνίδι σε αυτό το στυλ. Έχω δει πολλούς indie προγραμματιστές με pixel art metroidvanias σε πλατφόρμες crowdfunding. Νόμιζαν ότι θα τελείωναν τα πάντα σε ένα χρόνο, αλλά στην πραγματικότητα χρειάζονταν άλλα έξι χρόνια.
Metal Slug 3 (Arcade). SNK, έτος 2000
Η τέχνη εικονοστοιχείων στο επίπεδο που οι περισσότεροι θέλουν να δημιουργήσουν είναι χρονοβόρα και τα σύντομα σεμινάρια είναι λίγα. Όταν εργάζεστε με ένα τρισδιάστατο μοντέλο, μπορείτε να το περιστρέψετε, να το παραμορφώσετε, να μετακινήσετε τα επιμέρους μέρη του, να αντιγράψετε κινούμενα σχέδια από το ένα μοντέλο στο άλλο και ούτω καθεξής. Η τέχνη pixel υψηλού επιπέδου απαιτεί σχεδόν πάντα μεγάλη προσπάθεια για να τοποθετήσετε σχολαστικά pixel σε κάθε καρέ.
Σε γενικές γραμμές, προειδοποίησα.
Και τώρα λίγα για το στυλ μου: σχεδιάζω κυρίως pixel art για βιντεοπαιχνίδια και βρίσκω έμπνευση σε αυτά. Συγκεκριμένα, είμαι λάτρης των Famicom/NES, των κονσολών 16-bit και των παιχνιδιών arcade της δεκαετίας του '90. Η τέχνη των pixel των αγαπημένων μου παιχνιδιών της εποχής μπορεί να περιγραφεί ως φωτεινή, γεμάτη αυτοπεποίθηση και καθαρή (αλλά όχι υπερβολικά), δεν είναι σκληρή και μινιμαλιστική. Δουλεύω ο ίδιος σε αυτό το στυλ, αλλά μπορείτε εύκολα να εφαρμόσετε τις ιδέες και τις τεχνικές από αυτό το σεμινάριο για να δημιουργήσετε εντελώς διαφορετικά πράγματα. Εξερευνήστε τη δουλειά διαφορετικών καλλιτεχνών και δημιουργήστε το pixel art που αγαπάτε!
Λογισμικό
Βασικά ψηφιακά εργαλεία για εικονοστοιχεία - Ζουμ (Ζουμ) και Μολύβι (Μολύβι) για τοποθέτηση εικονοστοιχείων. Θα χρειαστείτε επίσης Γραμμή (Γραμμή), Εικόνα (Σχήμα), Επιλογή (Επιλογή), Μετακίνηση (Μετακίνηση) και Γέμισμα (Κάδος ζωγραφικής). Υπάρχουν πολλά δωρεάν και επί πληρωμή λογισμικό με ένα τέτοιο σύνολο εργαλείων. Θα μιλήσω για τα πιο δημοφιλή και αυτά που χρησιμοποιώ ο ίδιος.
Ζωγραφική (Δωρεάν)
Εάν έχετε Windows, το Paint είναι ενσωματωμένο σε αυτό - ένα πρωτόγονο πρόγραμμα, αλλά έχει όλα τα εργαλεία για την τέχνη των pixel.
(ειναι δωρεάν)
Ένα απροσδόκητα λειτουργικό πρόγραμμα επεξεργασίας εικονοστοιχείων που εκτελείται μέσω του προγράμματος περιήγησης. Μπορείτε να εξαγάγετε την εργασία σας σε PNG ή κινούμενο GIF. Εξαιρετική επιλογή για αρχάριους.
(ειναι δωρεάν)
Το GraphicsGale είναι το μόνο πρόγραμμα επεξεργασίας που έχω ακούσει για το οποίο έχει σχεδιαστεί ειδικά για εικονοστοιχεία που περιλαμβάνει εργαλεία κινούμενων εικόνων. Δημιουργήθηκε από την ιαπωνική εταιρεία HUMANBALANCE. Από το 2017, διανέμεται δωρεάν και εξακολουθεί να είναι σε ζήτηση, παρά την αυξανόμενη δημοτικότητα του Aseprite. Δυστυχώς, λειτουργεί μόνο σε Windows.
($)
Ίσως ο πιο δημοφιλής συντάκτης αυτή τη στιγμή. , τόνοι δυνατοτήτων, ενεργή υποστήριξη, εκδόσεις για Windows, Mac και Linux. Εάν ασχολείστε σοβαρά με την τέχνη των pixel και εξακολουθείτε να μην έχετε βρει τον κατάλληλο επεξεργαστή, αυτό μπορεί να είναι το κατάλληλο για εσάς.
($$+)
Το GameMaker Studio 2 είναι ένα εξαιρετικό εργαλείο 2D με καλό πρόγραμμα επεξεργασίας Sprite. Αν θέλετε να δημιουργήσετε pixel art για τα δικά σας παιχνίδια, είναι πολύ βολικό να κάνετε τα πάντα σε ένα πρόγραμμα. Τώρα χρησιμοποιώ αυτό το λογισμικό στην εργασία μου , μια συλλογή από 50 ρετρό παιχνίδια: Δημιουργώ sprites και κινούμενα σχέδια στο GameMaker και tilesets στο Photoshop.
($$$+)
Το Photoshop είναι ακριβό λογισμικό, που διανέμεται με συνδρομή, δεν έχει σχεδιαστεί για εικονοστοιχεία. Δεν συνιστώ να το αγοράσετε εκτός και αν σας αρέσουν οι εικονογραφήσεις υψηλής ανάλυσης ή δεν χρειάζεται να κάνετε πολύπλοκους χειρισμούς εικόνας όπως εγώ. Μπορείτε να δημιουργήσετε στατικά sprites και pixel art σε αυτό, αλλά είναι αρκετά περίπλοκο σε σύγκριση με εξειδικευμένο λογισμικό (όπως το GraphicsGale ή το Aseprite).
Άλλος
Το κιτ τέχνης pixel μου. Όλα είναι μαύρα, μόλις πρόσεξα.
Ταμπλέτα γραφικών ($$+)
Συνιστώ ταμπλέτες γραφικών για οποιαδήποτε εργασία ψηφιακής απεικόνισης για την αποφυγή του συνδρόμου καρπιαίου σωλήνα. Είναι πολύ πιο εύκολο να προληφθεί παρά να θεραπευθεί. Μια μέρα θα νιώσετε τον πόνο και θα χειροτερέψει - φροντίστε τον εαυτό σας από την αρχή. Λόγω του ότι ζωγράφιζα με το ποντίκι, τώρα δυσκολεύομαι να παίξω παιχνίδια που απαιτούν να πατήσεις πλήκτρα. Αυτήν τη στιγμή χρησιμοποιώ το Wacom Intuos Pro S.
Υποστήριξη καρπού ($)
Εάν δεν μπορείτε να πάρετε ένα tablet, αγοράστε τουλάχιστον ένα παχύμετρο καρπού. Το αγαπημένο μου είναι το Mueller Green Fitted Wrist Brace. Τα υπόλοιπα είτε είναι πολύ σφιχτά είτε παρέχουν ανεπαρκή στήριξη. Οι δαγκάνες μπορούν να παραγγελθούν online χωρίς κανένα πρόβλημα.
96 × 96 εικονοστοιχεία
τελικός αγώνας. Capcom, 1989
Ας αρχίσουμε! Ας ξεκινήσουμε με ένα sprite χαρακτήρων 96x96 px. Για παράδειγμα, σχεδίασα ένα ορκ και το έβαλα στο στιγμιότυπο οθόνης από το Final Fight (εικόνα παραπάνω), ώστε να έχετε την κλίμακα. Αυτό большой sprite για τα περισσότερα ρετρό παιχνίδια, μέγεθος στιγμιότυπου οθόνης: 384×224 pixel.
Σε ένα τόσο μεγάλο sprite, θα είναι πιο εύκολο να δείξω την τεχνική για την οποία θέλω να μιλήσω. Επίσης, η απόδοση pixel-by-pixel μοιάζει περισσότερο με παραδοσιακές μορφές τέχνης (όπως σχέδιο ή ζωγραφική) με τις οποίες μπορεί να είστε πιο εξοικειωμένοι. Έχοντας κατακτήσει τις βασικές τεχνικές, θα προχωρήσουμε σε μικρότερα sprites.
1. Επιλέξτε μια παλέτα
Το pixel είναι μια πολύ βαθύτερη έννοια στην τέχνη των pixel από ό,τι σε οποιοδήποτε άλλο ψηφιακό πεδίο. Η τέχνη των pixel ορίζεται από τους περιορισμούς της, όπως τα χρώματα. Είναι σημαντικό να επιλέξετε τη σωστή παλέτα, θα σας βοηθήσει να καθορίσετε το στυλ σας. Αλλά στην αρχή, προτείνω να μην σκέφτεστε για παλέτες και να επιλέξετε ένα από τα υπάρχοντα (ή μόνο μερικά τυχαία χρώματα) - μπορείτε εύκολα να το αλλάξετε σε οποιοδήποτε στάδιο.
Για αυτό το σεμινάριο, θα χρησιμοποιήσω την παλέτα 32 χρωμάτων που δημιουργήσαμε . Για την τέχνη των εικονοστοιχείων, συχνά συναρμολογούνται από 32 ή 16 χρώματα. Το δικό μας έχει σχεδιαστεί για μια φανταστική κονσόλα που θα μπορούσε να εμφανίζεται κάπου μεταξύ του Famicom και του PC Engine. Μπορείτε να το πάρετε ή οποιοδήποτε άλλο - το σεμινάριο δεν εξαρτάται καθόλου από την επιλεγμένη παλέτα.
2. Τραχιά περιγράμματα
Ας αρχίσουμε να σχεδιάζουμε με το εργαλείο Pencil. Ας σχεδιάσουμε το σκίτσο με τον ίδιο τρόπο που το κάνουμε με ένα κανονικό στυλό και χαρτί. Φυσικά, η τέχνη των pixel και η παραδοσιακή τέχνη αλληλεπικαλύπτονται, ειδικά όταν πρόκειται για τόσο μεγάλα sprites. Οι παρατηρήσεις μου δείχνουν ότι οι δυνατοί καλλιτέχνες τέχνης pixel είναι τουλάχιστον καλοί στο ελεύθερο σχέδιο και το αντίστροφο. Έτσι, η ανάπτυξη δεξιοτήτων σχεδίασης είναι πάντα χρήσιμη.
3. Contouring
Οριστικοποιούμε τα περιγράμματα: αφαιρούμε επιπλέον pixel και μειώνουμε το πάχος κάθε γραμμής σε ένα pixel. Αλλά τι ακριβώς είναι περιττό; Για να απαντήσετε σε αυτήν την ερώτηση, πρέπει να κατανοήσετε τις γραμμές και τις προσκρούσεις των pixel.
προσκρούσεις
Πρέπει να μάθετε πώς να σχεδιάζετε δύο βασικές γραμμές στην τέχνη των pixel: ευθείες γραμμές και καμπύλες. Με στυλό και χαρτί, όλα έχουν να κάνουν με τον έλεγχο των μυών, αλλά εργαζόμαστε με μικροσκοπικά κομμάτια χρώματος.
Το κλειδί για τη χάραξη σωστών γραμμών pixel είναι η τραχύτητα. Αυτά είναι μεμονωμένα pixel ή μικρά τμήματα που καταστρέφουν την ομαλότητα της γραμμής. Όπως είπα προηγουμένως, ένα μόνο pixel έχει μεγάλη σημασία στην τέχνη των pixel, επομένως η ανομοιομορφία μπορεί να καταστρέψει ολόκληρη την αισθητική. Φανταστείτε ότι σχεδιάζετε μια ευθεία γραμμή σε χαρτί και ξαφνικά κάποιος χτυπά το τραπέζι: οι προσκρούσεις στην τέχνη των pixel μοιάζουν ακριβώς με ένα τυχαίο squiggle.
Παραδείγματα:
Άμεση
Καμπύλες
Η οδοντότητα εμφανίζεται στις καμπύλες όταν το μήκος των τμημάτων γραμμής δεν αυξάνεται ή μειώνεται σταδιακά.
Είναι αδύνατο να αποφύγετε εντελώς τα χτυπήματα - όλα τα αγαπημένα σας ρετρό παιχνίδια τα έχουν (εκτός, φυσικά, εάν η τέχνη των pixel αποτελείται εξ ολοκλήρου από απλά σχήματα). Σκοπός: να ελαχιστοποιήσετε τις παρατυπίες, ενώ δείχνετε όλα όσα χρειάζεστε.
4. Εφαρμογή των πρώτων χρωμάτων
Χρωματίστε τον χαρακτήρα σας με ένα γέμισμα ή άλλο κατάλληλο εργαλείο. Η παλέτα θα απλοποιήσει αυτό το μέρος της εργασίας. Εάν το λογισμικό δεν προβλέπει τη χρήση παλετών, μπορείτε να το τοποθετήσετε απευθείας στην εικόνα, όπως στο παραπάνω παράδειγμα, και να επιλέξετε χρώματα με ένα σταγονόμετρο.
Στην κάτω αριστερή γωνία, ζωγράφισα τον φίλο μας, γνωριστείτε, αυτός είναι ο Shar. Με αυτό, θα είναι ευκολότερο να καταλάβουμε τι ακριβώς συμβαίνει σε κάθε στάδιο.
5. Σκίαση
Ήρθε η ώρα να αποδώσετε σκιές - απλώς προσθέστε πιο σκούρα χρώματα στο sprite. Έτσι η εικόνα θα φαίνεται τρισδιάστατη. Ας υποθέσουμε ότι έχουμε μια πηγή φωτός που βρίσκεται πάνω από το ορκ στα αριστερά του. Αυτό σημαίνει ότι ό,τι βρίσκεται πάνω και μπροστά από τον χαρακτήρα μας θα φωτιστεί. Προσθέστε σκιές κάτω δεξιά.
Σχήμα και όγκος
Εάν αυτό το βήμα είναι δύσκολο για εσάς, φανταστείτε το σχέδιό σας ως τρισδιάστατα σχήματα και όχι μόνο γραμμές και χρώμα. Τα σχήματα υπάρχουν στον τρισδιάστατο χώρο και μπορούν να έχουν όγκο που χτίζουμε με σκιές. Αυτό θα βοηθήσει στην οπτικοποίηση του χαρακτήρα χωρίς λεπτομέρειες και θα τον κάνει να μοιάζει σαν να είναι φτιαγμένος από πηλό αντί για pixel. Η σκίαση δεν είναι μόνο η προσθήκη νέων χρωμάτων, είναι η δημιουργία ενός σχήματος. Σε έναν καλά λεπτομερή χαρακτήρα, οι λεπτομέρειες δεν κρύβουν τα βασικά σχήματα: αν στραβοπατήσετε, θα δείτε πολλά μεγάλα συμπλέγματα φωτός και σκιάς.
Λείανση (anti-aliasing, anti-aliasing)
Κάθε φορά που χρησιμοποιώ ένα νέο χρώμα, εφαρμόζω anti-aliasing (AA). Βοηθά στην εξομάλυνση των pixel προσθέτοντας ενδιάμεσα χρώματα στις γωνίες όπου συναντώνται δύο τμήματα γραμμής:
Τα γκρι pixel μαλακώνουν τα "σπασίματα" στη γραμμή. Όσο μεγαλύτερο είναι το τμήμα γραμμής, τόσο μεγαλύτερο είναι το τμήμα ΑΑ.
Έτσι φαίνεται η ΑΑ στον ώμο του ορκ. Χρειάζεται για να εξομαλυνθούν οι γραμμές που αντιπροσωπεύουν την καμπύλη των μυών του.
Το Anti-aliasing δεν πρέπει να υπερβαίνει το sprite που θα χρησιμοποιηθεί στο παιχνίδι ή σε φόντο του οποίου το χρώμα είναι άγνωστο. Για παράδειγμα, εάν εφαρμόσετε AA σε ανοιχτόχρωμο φόντο, το anti-aliasing θα φαίνεται άσχημο σε σκούρο φόντο.
6. Επιλεκτικό κύκλωμα
Προηγουμένως, τα περιγράμματα ήταν εντελώς μαύρα, γεγονός που έκανε το sprite να φαίνεται πολύ καρτουνίστικο. Η εικόνα φαινόταν να χωρίζεται σε τμήματα. Για παράδειγμα, οι μαύρες γραμμές στο χέρι δείχνουν τους μυς με πολύ αντίθεση και ο χαρακτήρας φαίνεται λιγότερο συμπαγής.
Εάν το sprite γίνει πιο φυσικό και η κατάτμηση δεν είναι τόσο εμφανής, τότε οι βασικές μορφές του χαρακτήρα θα είναι πιο ευανάγνωστες. Για να το κάνετε αυτό, μπορείτε να χρησιμοποιήσετε ένα επιλεκτικό περίγραμμα - αντικαταστήστε εν μέρει το μαύρο περίγραμμα με ένα ελαφρύτερο. Στο φωτισμένο μέρος του sprite, μπορείτε να χρησιμοποιήσετε τα πιο ανοιχτά χρώματα ή, όπου το sprite αγγίζει τον αρνητικό χώρο, μπορείτε να αφαιρέσετε εντελώς το περίγραμμα. Αντί για μαύρο, πρέπει να χρησιμοποιήσετε το χρώμα που επιλέχθηκε για τη σκιά - με αυτόν τον τρόπο θα διατηρηθεί η κατάτμηση (για διάκριση μεταξύ μυών, γούνας κ.λπ.).
Επίσης σε αυτό το στάδιο πρόσθεσα πιο σκούρες σκιές. Αποδείχτηκαν τρεις διαβαθμίσεις πράσινου στο δέρμα ενός ορκ. Το πιο σκούρο πράσινο χρώμα μπορεί να χρησιμοποιηθεί για επιλεκτικό περίγραμμα και AA.
7. Τελικές πινελιές
Στο τέλος, αξίζει να προσθέσετε highlights (τα πιο ανοιχτόχρωμα σημεία στο sprite), λεπτομέρειες (σκουλαρίκια, καρφιά, σημάδια) και άλλες βελτιώσεις μέχρι να είναι έτοιμος ο χαρακτήρας ή μέχρι να προχωρήσετε στον επόμενο.
Υπάρχουν αρκετά χρήσιμα κόλπα που μπορούν να εφαρμοστούν σε αυτό το στάδιο. Περιστρέψτε το σχέδιο οριζόντια, αυτό συχνά βοηθά στην αποκάλυψη σφαλμάτων στις αναλογίες και τη σκίαση. Μπορείτε επίσης να αφαιρέσετε το χρώμα - ρυθμίστε τον κορεσμό στο μηδέν για να καταλάβετε πού πρέπει να αλλάξετε τις σκιές.
Δημιουργία θορύβου (τρίχωση, αναβρασμός)
Μέχρι στιγμής, έχουμε χρησιμοποιήσει ως επί το πλείστον μεγάλα, συμπαγή μπαλώματα σκιών. Υπάρχει όμως και μια άλλη τεχνική - το dithering, που σας επιτρέπει να μεταβείτε από το ένα χρώμα στο άλλο χωρίς να προσθέσετε ένα τρίτο. Κοιτάξτε το παρακάτω παράδειγμα.
Η επάνω σκοτεινή προς ανοιχτή κλίση χρησιμοποιεί εκατοντάδες διαφορετικές αποχρώσεις του μπλε.
Η μεσαία κλίση χρησιμοποιεί μόνο εννέα χρώματα, αλλά εξακολουθεί να έχει πάρα πολλές αποχρώσεις του ίδιου χρώματος. Υπάρχει ένα λεγόμενο banding (από το αγγλικό band - a strip), στο οποίο, λόγω των παχύρρευστων ομοιόμορφων λωρίδων, το μάτι εστιάζει στα σημεία επαφής των χρωμάτων, αντί στα ίδια τα χρώματα.
Στο κάτω ντεγκραντέ, εφαρμόσαμε μια πρόσμιξη που αποφεύγει τις ταινίες και χρησιμοποιεί μόνο δύο χρώματα. Δημιουργούμε θόρυβο ποικίλης έντασης για την προσομοίωση της διαβάθμισης χρώματος. Αυτή η τεχνική είναι πολύ παρόμοια με τον ημίτονο που χρησιμοποιείται στην εκτύπωση. καθώς και stippling (stippling - κοκκώδης εικόνα) - σε εικονογράφηση και κόμικς.
Στο ορκ, ταλαιπωρήθηκα αρκετά για να μεταφέρω την υφή. Ορισμένοι καλλιτέχνες pixel δεν το χρησιμοποιούν καθόλου, ενώ άλλοι δεν είναι ντροπαλοί και το κάνουν πολύ επιδέξια. Βρίσκω ότι η διχασμός φαίνεται καλύτερα σε μεγάλες περιοχές γεμάτες με ένα μόνο χρώμα (κοιτάξτε τον ουρανό στο στιγμιότυπο οθόνης του Metal Slug παραπάνω) ή σε περιοχές που θα πρέπει να φαίνονται τραχιές και ανώμαλες (σαν βρωμιά). Αποφασίστε μόνοι σας πώς να το χρησιμοποιήσετε.
Αν θέλετε να δείτε ένα παράδειγμα μεγάλης κλίμακας και υψηλής ποιότητας ανατροπής, δείτε τα παιχνίδια του The Bitmap Brothers, ενός βρετανικού στούντιο της δεκαετίας του '80, ή τα παιχνίδια στον υπολογιστή PC-98. Απλά να έχετε κατά νου ότι είναι όλα NSFW.
Kakyusei (PC-98). Ξωτικό, 1996
Υπάρχουν μόνο 16 χρώματα σε αυτή την εικόνα!
8. Τελευταία ματιά
Ένας από τους κινδύνους της τέχνης pixel είναι ότι φαίνεται ελαφρύ και απλό (λόγω των περιορισμών της δομής και του στυλ). Αλλά στο τέλος, θα ξοδέψετε πολύ χρόνο για να τελειοποιήσετε τα sprites σας. Είναι σαν ένας γρίφος που πρέπει να λυθεί, γι' αυτό η τέχνη των pixel απευθύνεται στους τελειομανείς. Θυμηθείτε ότι ένα sprite δεν πρέπει να διαρκεί πολύ - είναι απλώς ένα μικροσκοπικό κομμάτι μιας εξαιρετικά περίπλοκης συλλογής κομματιών. Είναι σημαντικό να μην χάνουμε τη μεγάλη εικόνα.
Ακόμα κι αν το pixel art σας δεν είναι για παιχνίδια, μερικές φορές αξίζει να πείτε στον εαυτό σας: "Είναι ήδη αρκετά καλό!" Και προχωρήστε. Ο καλύτερος τρόπος για να αναπτύξετε δεξιότητες είναι να περάσετε όλη τη διαδικασία από την αρχή μέχρι το τέλος όσο το δυνατόν περισσότερες φορές, χρησιμοποιώντας όσο το δυνατόν περισσότερα θέματα.
Και μερικές φορές είναι χρήσιμο να αφήσεις ένα sprite για λίγο, ώστε να το δεις με φρέσκα μάτια λίγο αργότερα.
32×32 pixel
Δημιουργήσαμε πρώτα το μεγάλο sprite 96x96 pixel, γιατί σε αυτό το μέγεθος μοιάζει περισσότερο με σχέδιο ή ζωγραφική, αλλά με pixel. Όσο μικρότερο είναι το sprite, τόσο λιγότερο μοιάζει με αυτό που πρέπει να εμφανίζει και τόσο πιο σημαντικό είναι κάθε pixel.
Στο Super Mario Bros. Το μάτι του Mario είναι μόνο δύο pixel στοιβαγμένα το ένα πάνω από το άλλο. Και το αυτί του επίσης. Ο δημιουργός χαρακτήρων Shigeru Miyamoto είπε ότι το μουστάκι ήταν απαραίτητο για να χωρίσει τη μύτη από το υπόλοιπο πρόσωπο. Ένα από τα κύρια χαρακτηριστικά του προσώπου του Mario δεν είναι απλώς ένας σχεδιασμός χαρακτήρων, αλλά και ένα ρεαλιστικό κόλπο. Κάτι που επιβεβαιώνει την παλιά σοφία - «η ανάγκη είναι η μητέρα της ευρηματικότητας».
Είμαστε ήδη εξοικειωμένοι με τα κύρια στάδια δημιουργίας ενός sprite 32×32 pixel: σκίτσο, χρώμα, σκιές, περαιτέρω βελτίωση. Αλλά σε τέτοιες συνθήκες, ως αρχικό σκίτσο, μαζεύω χρωματιστά σχήματα αντί να σχεδιάζω περιγράμματα λόγω του μικρού μεγέθους. Το χρώμα παίζει πιο σημαντικό ρόλο στον ορισμό των χαρακτήρων από τα περιγράμματα. Κοιτάξτε ξανά τον Μάριο, δεν έχει καθόλου περιγράμματα. Δεν είναι ενδιαφέρον μόνο τα μουστάκια. Οι φαβορίτες του καθορίζουν το σχήμα των αυτιών του, τα μανίκια δείχνουν τα μπράτσα του και το συνολικό σχήμα αντικατοπτρίζει λίγο πολύ καθαρά ολόκληρο το σώμα του.
Η δημιουργία μικρών sprites είναι μια συνεχής ανταλλαγή. Εάν προσθέσετε ένα κτύπημα, μπορεί να χάσετε χώρο για τη σκιά. Εάν ο χαρακτήρας σας έχει σαφώς καθορισμένα χέρια και πόδια, το κεφάλι είναι πιθανό να μην είναι πολύ μεγάλο. Η αποτελεσματική χρήση χρώματος, επιλεκτικής χαϊδεύσεως και αντιπαραβολής θα κάνει το αντικείμενο που αποδίδεται να φαίνεται μεγαλύτερο από ό,τι πραγματικά είναι.
Για τα μικρά sprites, μου αρέσει το στυλ chibi: οι χαρακτήρες φαίνονται πολύ χαριτωμένοι, έχουν μεγάλα κεφάλια και μάτια. Ένας πολύ καλός τρόπος για να δημιουργήσετε έναν φωτεινό χαρακτήρα σε έναν περιορισμένο χώρο, και γενικά, ένα πολύ ευχάριστο στυλ. Αλλά ίσως πρέπει να δείξετε την κινητικότητα ή τη δύναμη του χαρακτήρα, τότε μπορείτε να δώσετε λιγότερο χώρο στο κεφάλι για να κάνετε το σώμα να φαίνεται πιο δυνατό. Όλα εξαρτώνται από τις προτιμήσεις και τους στόχους σας.
Όλη η ομάδα είναι εδώ!
Μορφές αρχείων
Ένα τέτοιο αποτέλεσμα μπορεί να κάνει κάθε pixel artist νευρικό
Η εικόνα που βλέπετε είναι το αποτέλεσμα της αποθήκευσης της εικόνας ως JPG. Μέρος των δεδομένων χάθηκε λόγω αλγορίθμων συμπίεσης αρχείων. Η τέχνη pixel υψηλής ποιότητας θα καταλήξει να φαίνεται άσχημη και η επιστροφή της στην αρχική της παλέτα δεν θα είναι εύκολη.
Για να αποθηκεύσετε μια στατική εικόνα χωρίς απώλεια ποιότητας, χρησιμοποιήστε τη μορφή PNG. Για κινούμενα σχέδια - GIF.
Πώς να μοιραστείτε την τέχνη των pixel με τον σωστό τρόπο
Η κοινή χρήση εικονοστοιχείων στα μέσα κοινωνικής δικτύωσης είναι ένας πολύ καλός τρόπος για να λάβετε σχόλια και να γνωρίσετε άλλους καλλιτέχνες που εργάζονται με το ίδιο στυλ. Μην ξεχάσετε να χρησιμοποιήσετε το hashtag #pixelart. Δυστυχώς, τα κοινωνικά δίκτυα συχνά μετατρέπουν το PNG σε JPG χωρίς να ρωτήσουν, επιδεινώνοντας την εργασία σας. Και δεν είναι πάντα σαφές γιατί μετατράπηκε η εικόνα σας.
Υπάρχουν μερικές συμβουλές για το πώς να αποθηκεύσετε το εικονοστοιχείο στη σωστή ποιότητα για διάφορα κοινωνικά δίκτυα.
Για να διατηρήσετε το αρχείο PNG αμετάβλητο στο Twitter, χρησιμοποιήστε λιγότερα από 256 χρώματα ή ότι το αρχείο σας έχει μήκος μικρότερο από 900 pixel. Θα αυξήσω το μέγεθος του αρχείου σε τουλάχιστον 512x512 pixel. Και έτσι ώστε η κλιμάκωση να είναι πολλαπλάσιο του 100 (200%, όχι 250%) και να διατηρούνται αιχμηρές άκρες (Κοντινότερος γείτονας στο Photoshop).
Κινούμενα GIF για αναρτήσεις στο Twitter ζυγίζουν όχι περισσότερο από 15 MB. Η εικόνα πρέπει να είναι τουλάχιστον 800x800 pixel, η επαναλαμβανόμενη κινούμενη εικόνα πρέπει να επαναλαμβάνεται τρεις φορές και το τελευταίο καρέ πρέπει να είναι το μισό από το χρόνο όλων των άλλων - η πιο δημοφιλής θεωρία. Ωστόσο, δεν είναι σαφές σε ποιο βαθμό πρέπει να πληρούνται αυτές οι απαιτήσεις, δεδομένου ότι το Twitter αλλάζει συνεχώς τους αλγόριθμους εμφάνισης εικόνων.
Από όσο γνωρίζω, δεν είναι δυνατή η ανάρτηση φωτογραφίας στο Instagram χωρίς απώλεια ποιότητας. Αλλά σίγουρα θα φαίνεται καλύτερο αν το αυξήσετε σε τουλάχιστον 512x512 pixel.
Πηγή: www.habr.com