Περιεχόμενο

• Για να πας
• Μέρος 1 από 7: Συγκεντρώστε τα εργαλεία σας
• Μέρος 2 από 7: Εξασκήστε τις βασικές δεξιότητες
• Μέρος 3 από 7: Κάνοντας το περίγραμμα του πρώτου σου sprite
• Μέρος 4 από 7: Χρώμα το ξωτικό σου
• Μέρος 5 από 7: Εφαρμογή τονικών τιμών
• Μέρος 6 από 7: Χρήση προηγμένων τεχνικών
• Μέρος 7 από 7: Βάζοντας τις τελευταίες πινελιές

Το Pixel art είναι όλη η οργή στα σύγχρονα indie βιντεοπαιχνίδια. Αυτό επιτρέπει στον καλλιτέχνη να προσθέσει πολύ χαρακτήρα σε ένα παιχνίδι, χωρίς να ξοδεύει αμέτρητες ώρες μοντελοποίησης τρισδιάστατων αντικειμένων ή χειροποίητων, σύνθετων θεμάτων. Αν θέλετε να γίνετε καλλιτέχνης pixel, το πρώτο βήμα είναι να δημιουργήσετε ένα sprite. Μόλις κατακτήσετε τη δημιουργία sprite, μπορείτε να ξεκινήσετε με κινούμενα σχέδια και να διαφημίσετε τις δεξιότητές σας σε πιθανούς εργοδότες.

Για να πας

Μέρος 1 από 7: Συγκεντρώστε τα εργαλεία σας

1. Κατεβάστε καλό λογισμικό επεξεργασίας εικόνων. Ενώ είναι δυνατή η δημιουργία εικονοστοιχείων στο Paint, θα διαπιστώσετε ότι δεν είναι εύκολο. Μερικά από τα πιο συχνά χρησιμοποιούμενα προγράμματα εικονοστοιχείων είναι:
   • Photoshop
   • Paint.net
   • ΣΕΙΡΗΤΙ
   • Pixen
2. Αγοράστε ένα δισκίο σχεδίασης. Εάν θέλετε να εντοπίσετε χειροποίητα σχέδια ή δεν σας αρέσει να σχεδιάζετε με το ποντίκι, χρησιμοποιήστε ένα tablet και στυλό σχεδίασης. Η Wacom είναι μία από τις πιο δημοφιλείς μάρκες όσον αφορά τη σχεδίαση δισκίων.
3. Ενεργοποιήστε την οθόνη πλέγματος στο λογισμικό επεξεργασίας εικόνων. Όποιο λογισμικό κι αν επιλέξετε, ενεργοποιήστε την προβολή πλέγματος. Αυτό σας επιτρέπει να δείτε καθαρά πού τοποθετείται κάθε εικονοστοιχείο. Συνήθως μπορείτε να έχετε πρόσβαση στο πλέγμα από το μενού Προβολή.
   • Πιθανότατα θα πρέπει πρώτα να ορίσετε το πλέγμα, έτσι ώστε κάθε τετράγωνο να αντιπροσωπεύει 1 pixel. Η μέθοδος για αυτό ποικίλλει ανά πρόγραμμα. Στο GIMP μπορείτε να το αλλάξετε μέσω του μενού Image (επιλέξτε "Set Grid ...").
4. Επιλέξτε ένα μολύβι ενός pixel. Επιλέξτε το εργαλείο μολυβιού στο λογισμικό επεξεργασίας εικόνων. Από τις επιλογές μολυβιού, επιλέξτε μια βούρτσα ενός pixel. Με αυτό μπορείτε να σχεδιάσετε εικονοστοιχεία.

Μέρος 2 από 7: Εξασκήστε τις βασικές δεξιότητες

1. Δημιουργήστε μια νέα εικόνα. Δεδομένου ότι θα εργάζεστε σε επίπεδο pixel, η εικόνα δεν χρειάζεται να είναι πολύ μεγάλη. Η πλήρης οθόνη στο πρωτότυπο Super Mario Bros. το παιχνίδι είναι μόνο 256 x 224 pixel. Ο ίδιος ο Mario είναι μόνο 12 x 16 pixel!
2. Μεγέθυνση. Δεδομένου ότι θα εργάζεστε με μεμονωμένα pixel, θα πρέπει να κάνετε μεγέθυνση πολύ ώστε να μπορείτε να δείτε καθαρά το πλέγμα και πού θα τοποθετηθεί κάθε pixel. Ίσως χρειαστεί να κάνετε μεγέθυνση έως και 800% για να δείτε τα pixel στο πλέγμα.
3. Πρακτική σχεδίασης ευθείας γραμμής Αυτό ακούγεται σαν ένα απλό πράγμα, αλλά εάν η γραμμή αποκλίνει ακόμη και ένα εικονοστοιχείο στο κέντρο, θα εμφανίζεται ως παρατυπία. Εξασκηθείτε στο να σχεδιάσετε ευθείες γραμμές με το ποντίκι ή το στυλό σχεδίασης, ώστε να μην χρειάζεται να χρησιμοποιείτε το εργαλείο γραμμής κάθε φορά.
4. Εξασκηθείτε στη σχεδίαση καμπυλών γραμμών. Κάνετε καμπύλες γραμμές μετακινώντας μια γραμμή pixel. Για παράδειγμα, μπορείτε να δημιουργήσετε μια ωραία καμπύλη μετακινώντας ένα pixel μετά από έξι pixel, ακολουθούμενο από μια μετατόπιση σε τρία pixel και μετά μετά από δύο pixel. Οι μετατοπίσεις στη συνέχεια αντιστρέφονται για το άλλο μέρος της καμπύλης. Μια αποτυχημένη καμπύλη ξεκινά με μετατόπιση τριών pixel, ακολουθούμενη από ένα pixel και, στη συνέχεια, άλλα τρία pixel, ή κάποιο άλλο περίεργο μοτίβο.
5. Χρησιμοποιήστε τη γόμα για να αναιρέσετε τα λάθη. Όπως και το μολύβι, μπορείτε επίσης να ρυθμίσετε το Εργαλείο γόμας σε ένα pixel κάθε φορά. Εάν το εργαλείο γόμας είναι πολύ μεγάλο, θα είναι δύσκολο να αφαιρέσετε ακριβώς τα pixel.

Μέρος 3 από 7: Κάνοντας το περίγραμμα του πρώτου σου sprite

1. Αποφασίστε ποιος είναι ο σκοπός του sprite. Θα είναι ένα κινούμενο σχέδιο ή θα παραμείνει στατικό; Μπορείτε να προσθέσετε περισσότερες λεπτομέρειες σε ένα στατικό sprite, αλλά προσπαθήστε να διατηρήσετε το κινούμενο sprite απλό, καθώς θα πρέπει να σχεδιάσετε διαφορετικά μέρη για το κινούμενο σχέδιο. Εάν το sprite χρησιμοποιείται με άλλα sprites, διατηρήστε ένα καλλιτεχνικό στυλ που κάνει τα πάντα ολόκληρα.
2. Μάθετε αν υπάρχουν περιορισμοί. Κατά τη δημιουργία του sprite για ένα έργο, προσδιορίστε εάν υπάρχουν περιορισμοί μεγέθους ή χρώματος. Αυτό γίνεται πιο σημαντικό όταν αρχίζετε να εργάζεστε σε μεγαλύτερα έργα με πολλά διαφορετικά sprites.
   • Τα περισσότερα σύγχρονα συστήματα δεν έχουν πραγματικά περιορισμούς στο χρώμα και το μέγεθος των ξωτικών. Εάν αναπτύσσετε ένα παιχνίδι ειδικά για παλαιότερο σύστημα, ενδέχεται να αντιμετωπίσετε περιορισμούς.
3. Κάντε ένα σκίτσο σχεδίασης. Δημιουργήστε ένα βασικό σχέδιο του sprite σε χαρτί. Αυτό θα σας επιτρέψει να δείτε πώς θα μοιάζει το sprite, καθώς και να κάνετε προσαρμογές στη στάση του σώματος και σε άλλα χαρακτηριστικά. Μπορείτε να χρησιμοποιήσετε αυτό το σκίτσο για να το εντοπίσετε αργότερα με ένα tablet (εάν έχετε).
   • Προσθέστε περισσότερες λεπτομέρειες στο σχέδιο. Δημιουργήστε οποιαδήποτε χαρακτηριστικά θέλετε να προσθέσετε έτσι ώστε να έχετε μια ιδέα για το πώς θα είναι το sprite όταν τελειώσει.
4. Δημιουργήστε το περίγραμμα στο πρόγραμμά σας. Χρησιμοποιήστε το σκιαγραφημένο περίγραμμα ως αναφορά ή εντοπίστε το περίγραμμα με ένα tablet σχεδίασης. Μπορείτε να κάνετε κλικ και να σχεδιάσετε για να δημιουργήσετε το linework ή να τοποθετήσετε κάθε pixel ξεχωριστά. Η επιλογή είναι δική σου.
   • Για το πρώτο σας sprite, χρησιμοποιήστε το μαύρο ως το χρώμα της γραμμής. Αυτό θα διευκολύνει τη διάκριση του περιγράμματος. Μπορείτε να αλλάξετε το χρώμα του περιγράμματος αργότερα.
5. Καθαρίστε το περίγραμμα. Μεγεθύνετε και αφαιρέστε τα υπερβολικά εικονοστοιχεία και καθαρίστε τις γραμμές. Το περίγραμμα δεν μπορεί να είναι παχύτερο από ένα pixel. Χρησιμοποιήστε το μολύβι σας για να τοποθετήσετε pixel για τη διόρθωση λαθών.
   • Επικεντρωθείτε στα μεγαλύτερα μέρη ενώ δημιουργείτε το περίγραμμα. Μπορείτε πάντα να επιστρέψετε και να κάνετε μικρές αλλαγές αργότερα.

Μέρος 4 από 7: Χρώμα το ξωτικό σου

1. Ενημερωθείτε για τις βασικές γνώσεις σας για τη θεωρία χρωμάτων. Χρησιμοποιήστε τον τροχό χρώματος για να καθορίσετε ποια χρώματα θα επιλέξετε. Τα χρώματα που είναι απέναντι από το άλλο απέχουν πολύ το ένα από το άλλο, ενώ τα χρώματα που είναι κοντά το ένα στο άλλο στον τροχό χρώματος ταιριάζουν καλά.
   • Επιλέξτε χρώματα που κάνουν το sprite σας να ξεχωρίζει χωρίς να συγκρούονται με τα υπόλοιπα χρώματα. Αποφύγετε παστέλ, εκτός εάν αυτό το στυλ χρησιμοποιείται σε όλο το έργο.
2. Μην χρησιμοποιείτε περισσότερα από μερικά χρώματα. Όσο περισσότερο χρώμα χρησιμοποιείτε, τόσο περισσότερο θα αποσπάσετε το sprite σας. Ελέγξτε μερικά εμβληματικά sprite και θα διαπιστώσετε ότι συχνά χρησιμοποιούν μόνο μερικά χρώματα.
   • Mario - Το κλασικό Mario sprite χρησιμοποιεί μόνο τρία χρώματα που είναι όλα κοντά.
   • Sonic - Το Sonic έχει περισσότερες λεπτομέρειες από το αρχικό Mario, αλλά εξακολουθεί να αποτελείται από μόλις τέσσερα χρώματα με τονικές παραλλαγές.
   • Ryu - Ένα από τα κλασικά sprites από παιχνίδια μάχης. Ο Ryu χρησιμοποιεί μεγάλες περιοχές χρώματος, με μόνο μια μικρή παραλλαγή στις τονικές τιμές για να διαμορφώσει τον χαρακτήρα. Ο Ryu έχει μόνο πέντε βασικά χρώματα με διάφορες τονικές τιμές.
3. Εφαρμόστε τα χρώματα. Χρησιμοποιήστε το εργαλείο πλήρωσης για να χρωματίσετε το sprite σας. Σε αυτό το σημείο, χρησιμοποιείτε μόνο τυπικά χρώματα, οπότε μην ανησυχείτε για τόσο επίπεδη εμφάνιση. Το εργαλείο πλήρωσης αντικαθιστά όλα τα εικονοστοιχεία που αντιστοιχούν στο εικονοστοιχείο που πιέσατε με το επιλεγμένο χρώμα, έως ότου εντοπιστεί ένα όριο.

Μέρος 5 από 7: Εφαρμογή τονικών τιμών

1. Προσδιορίστε την "πηγή φωτός". Η γωνία με την οποία το φως χτυπά το σπρέι βοηθά στον προσδιορισμό του πού να ρίχνετε σκιές για ένα πιο ρεαλιστικό και πιστευτό αποτέλεσμα. Αν και δεν μπορεί να δει κανείς φως, είναι σημαντικό να γνωρίζουμε από πού προέρχεται το φως.
   • Είναι πιθανότατα πιο εύκολο να ρίχνετε σκιές όταν η πηγή φωτός τοποθετείται πολύ πάνω από το sprite, είτε είναι ελαφρώς από τα δεξιά είτε αριστερά.
2. Εφαρμόστε τονικές τιμές με ελαφρώς πιο σκούρο χρώμα από το βασικό χρώμα. Εάν η πηγή φωτός έρχεται από ψηλά, οι σκιές θα βρίσκονται στο «κάτω μέρος» του sprite. Σκιάστε οποιαδήποτε επιφάνεια που δεν εκτίθεται σε άμεσο φως. Απλώς προσθέστε μερικά επίπεδα pixel στο πάνω ή κάτω μέρος του περιγράμματος για να δημιουργήσετε σκιές.
   • Μπορείτε να μειώσετε τη "φωτεινότητα" του βασικού χρώματος και να αυξήσετε ελαφρώς την τιμή "απόχρωση" για να έχετε ένα καλό χρώμα σκιάς.
   • Ποτέ μην χρησιμοποιείτε ντεγκραντέ. Φαίνονται ψεύτικες και αντιεπαγγελματικές. Μπορείτε να χρησιμοποιήσετε το dithering για να προσομοιώσετε τις κλίσεις (δείτε παρακάτω).
3. Προσθέστε μερικές απαλές σκιές σε αυτό. Επιλέξτε μια απόχρωση ανάμεσα στο σκοτάδι μιας σκιάς και το αρχικό βασικό χρώμα. Χρησιμοποιήστε αυτήν τη σκιά για να προσθέσετε ένα νέο στρώμα σκιάς μεταξύ της απόχρωσης και του βασικού χρώματος. Αυτό σας δίνει το αποτέλεσμα μιας μετάβασης από το σκοτάδι στο φως.
4. Εφαρμογή επισημάνσεων. Υπάρχουν μέρη στο sprite όπου το φως πέφτει απευθείας. Μπορείτε να προσθέσετε επισημάνσεις προσθέτοντας μια σκιά που είναι ελαφρώς ελαφρύτερη από το βασικό χρώμα. Χρησιμοποιήστε τις καλύτερες στιγμές με φειδώ, καθώς μπορεί να αποσπά την προσοχή.

Μέρος 6 από 7: Χρήση προηγμένων τεχνικών

1. Προσπαθήστε να εργαστείτε με το dithering. Αυτό είναι ένα αποτέλεσμα που επιτρέπει στους καλλιτέχνες να εμφανίζουν μια αλλαγή στην απόχρωση. Αυτό σας επιτρέπει να δημιουργήσετε μια κλίση με λίγα μόνο χρώματα, τοποθετώντας εναλλακτικά pixel, δημιουργώντας μεταβάσεις. Η τοποθέτηση δύο διαφορετικών χρωμάτων pixel σε ένα μοτίβο και ο βαθμός στον οποίο συμβαίνει αυτό μπορεί να ξεγελάσει το μάτι, καθώς φαίνεται ότι υπάρχουν διαφορετικές αποχρώσεις.
   • Η ραστεροποίηση συχνά χρησιμοποιείται από αρχάριους, οπότε είναι καλύτερο να μην το χρησιμοποιήσετε, εκτός από σπάνιες περιπτώσεις.
2. Εξασκηθείτε στο anti-aliasing. Το Pixel art ορίζεται από pixel που μπορούν να φανούν καθαρά, αλλά μερικές φορές θέλετε να κάνετε τις γραμμές να φαίνονται λίγο πιο ομαλές. Το Anti-aliasing είναι η τεχνική με την οποία μπορείτε να το επιτύχετε.
   • Προσθέστε ενδιάμεσα χρώματα στις στροφές σε μια καμπύλη. Προσθέστε ένα στρώμα χρωμάτων μετάβασης γύρω από το περίγραμμα της καμπύλης που θέλετε να φαίνεται πιο ομαλό. Εάν συνεχίσει να φαίνεται μπλοκ, προσθέστε ένα άλλο στρώμα με πιο ανοιχτό χρώμα.
   • Εάν θέλετε το σπρέι σας να αντιτίθεται σε οποιοδήποτε έγχρωμο φόντο, μην χρησιμοποιείτε anti-aliasing για το εξωτερικό άκρο του περιγράμματος.
3. Χρησιμοποιήστε επιλεκτικά περιγράμματα. Αυτός είναι ο όρος για τη χρήση του ίδιου χρώματος περιγράμματος με το χρώμα πλήρωσης. Αυτό δίνει στο sprite μια ελαφρώς λιγότερο "γελοιογραφία" εμφάνιση, καθώς το περίγραμμα φαίνεται λίγο πιο φυσικό. Χρησιμοποιήστε επιλεκτικά περιγράμματα για το δέρμα και παραδοσιακά περιγράμματα για τα ρούχα.
   • Χρησιμοποιήστε μια πιο σκούρα σκιά από το βασικό χρώμα του εξαρτήματος, προσθέτοντας περιγράμματα επιλεκτικά. Χρησιμοποιήστε την πηγή φωτός για να αλλάξετε την απόχρωση ενώ δημιουργείτε το περίγραμμα, κάνοντας το sprite να φαίνεται πιο φυσικό. Αυτό είναι ιδιαίτερα χρήσιμο για τον τόνο του δέρματος και τον ορισμό των μυών.
   • Τα παραδοσιακά περιγράμματα είναι ωραία αν θέλετε το sprite να διακρίνεται από ένα πολυσύχναστο φόντο.

Μέρος 7 από 7: Βάζοντας τις τελευταίες πινελιές

1. Ρίξτε μια πιο προσεκτική ματιά στο sprite. Κάντε ένα βήμα πίσω και κοιτάξτε το sprite όπως έχει γίνει τώρα. Ελέγξτε αν υπάρχει κάτι λάθος και διορθώστε τυχόν ατέλειες ή λάθη.
2. Προσθέστε λεπτομέρειες. Όταν τελειώσετε με το χρωματισμό και την εφαρμογή τονικών τιμών, μπορείτε να προσθέσετε λεπτομέρειες όπως κείμενο, μάτια, επιπλέον χαρακτηριστικά και οτιδήποτε κάνει το sprite ακόμη καλύτερο. Η προσοχή στη λεπτομέρεια στο τέλος του έργου είναι αυτό που ξεχωρίζει τον ερασιτέχνη από επαγγελματίες καλλιτέχνες pixel.
3. Φτιάξτε ένα κινούμενο σχέδιο του sprite σας. Εάν ακολουθήσατε τα παραπάνω βήματα, έχετε πλέον ένα μόνο στατικό sprite. Αυτό είναι ωραίο ως έργο τέχνης, αλλά αν θέλετε να κάνετε sprites για παιχνίδια, πιθανότατα θα πρέπει να είναι κινούμενα σχέδια. Αυτό σημαίνει ότι κάθε πλαίσιο κίνησης έχει το δικό του sprite, με μικρές αλλαγές από το προηγούμενο καρέ. Η συλλογή όλων των sprite που χρησιμοποιούνται σε ένα κινούμενο σχέδιο ονομάζεται "sprite sheet".
   • Ρίξτε μια ματιά στο wikiHow για περισσότερες πληροφορίες σχετικά με την κίνηση ενός φύλλου sprite στο GIMP.
   • Η δημιουργία μοναδικών και ελκυστικών κινούμενων σχεδίων για τα sprites είναι ένας τρόπος με τον οποίο οι καλλιτέχνες pixel διαφοροποιούνται από τους ερασιτέχνες. Το καλό κινούμενο σχέδιο μπορεί να φέρει εντελώς ένα ξωτικό στη ζωή.
4. Δημιουργήστε ένα χαρτοφυλάκιο. Αν θέλετε να χρησιμοποιήσετε τις δεξιότητες τέχνης pixel στον κόσμο της ανάπτυξης βιντεοπαιχνιδιών, θα πρέπει να βρείτε ένα σταθερό χαρτοφυλάκιο για να δείξετε στους πιθανούς εργοδότες. Συμπεριλάβετε τα καλύτερα sprites σας εδώ, καθώς και ορισμένα κινούμενα σχέδια, αν έχετε. Συμπεριλάβετε διάφορα θέματα, όπως χαρακτήρες, περιβάλλοντα, αντικείμενα κ.λπ.