Pixel Art (Pixel Art) - μεταφράζεται από τα αγγλικά ως pixel art. Ένα pixel, με τη σειρά του, είναι το μικρότερο γραφικό στοιχείο μιας ψηφιακής εικόνας.
Άρα Pixel Art σημαίνει κυριολεκτικά την τέχνη του σχεδίου με pixel.
Για λόγους σαφήνειας, ας δούμε αυτό το παράδειγμα:
Owlboy (παιχνίδι τέχνης pixel)
Έτσι μοιάζουν τα παιχνίδια με γραφικά στυλ Pixel Art.
Πολύ συχνά, τέτοια γραφικά χρησιμοποιούνται σε indie παιχνίδια επειδή έχουν ένα πολύ αναγνωρίσιμο στυλ παιχνιδιού στον υπολογιστή.
Ωστόσο, το Pixel Art δεν αφορά μόνο τα γραφικά, ξωτικάκαι εικόνες για παιχνίδια, αυτή είναι μια ολόκληρη κατεύθυνση ψηφιακής και γραφικής τέχνης.
Μπορείτε να σχεδιάσετε όμορφες εικόνες χρησιμοποιώντας pixel art:
Δεν θα μπερδέψετε αυτό το ρετρό στυλ γραφικών με τίποτα.
Ορισμένοι πίνακες σε αυτό το στυλ είναι αρκετά άξιοι να πάρουν μια θέση στην επιφάνεια εργασίας σας. 
Υπάρχουν επίσης πολύ cool καλλιτέχνες που δουλεύουν σε αυτό το στυλ.
Κοιτάξτε αυτή την εικόνα. Κάθε pixel εδώ σχεδιάστηκε ξεχωριστά και χειροκίνητα. Είναι σαν να συνθέτουν ένα μωσαϊκό όπως έκαναν πριν, και το κάνουν ακόμα τώρα.
Αν μεγεθύνουμε αυτήν την εικόνα, μπορούμε να δούμε πώς γίνονται όλα από κοντά:
Το μοναδικό στυλ της τέχνης των εικονοστοιχείων είναι ότι υπάρχουν αρκετά σαφείς χρωματικές μεταβάσεις και δεν υπάρχει αντι-aliasing. Για παράδειγμα, ας πάρουμε μια άλλη εργασία στα ψηφιακά γραφικά ενός αρκετά μέσου επιπέδου, κοιτάξτε αυτό σχέδιο ενός κοριτσιού με γυαλιά(18+) στο ιστολόγιο www.econdude.pw.
Αυτό είναι ένα σχέδιο με ποντίκι υπολογιστή στο πρόγραμμα SAI2.0.
Ωστόσο, εάν κάνετε μεγέθυνση σε αυτήν την εικόνα, μπορείτε να δείτε το anti-aliasing:
Δεν υπάρχουν σαφείς μεταβάσεις χρωμάτων και αποχρώσεων, αλλά στην τέχνη των pixel οι μεταβάσεις είναι σαφείς.
Για παράδειγμα, δείτε πώς μπορείτε να κάνετε μεταβάσεις μεταξύ των χρωμάτων στο εικονοστοιχείο:
Αυτή είναι μια κατά προσέγγιση εικόνα, αν την κοιτάξετε από μακριά με υψηλή ανάλυση, η μετάβαση χρώματος θα είναι αρκετά ομαλή, αλλά η σαφήνεια και η συνέπεια του στυλ είναι ορατή εδώ.
Ακολουθεί ένα άλλο παράδειγμα, αυτό είναι ένα όμορφο κλασικό σχέδιο τέχνης σε στυλ τουρσί:
http://www.gamer.ru/everything/pixel-art-dlya-nachinayuschih
Όταν πλησιάζετε, οι εικόνες δεν φαίνονται πολύ όμορφες, αλλά αν κοιτάξετε το pixel art από μακριά, με υψηλότερη ανάλυση, μπορεί να φαίνονται υπέροχα.
Μπορείτε να φανταστείτε τη σπουδαία δουλειά που κάνουν τέτοιοι καλλιτέχνες;
Μερικές φορές λένε ότι το Pixel Art γίνεται με αυτόν τον τρόπο επειδή είναι φθηνότερο, λένε ότι οι indie προγραμματιστές απλά δεν έχουν τους πόρους για να δημιουργήσουν σύγχρονα τρισδιάστατα γραφικά, επομένως χρησιμοποιούν το πιο απλό πράγμα που μπορούν να σκεφτούν, σχεδιάζοντας βασικά συντάκτες γραφικώνεικονοστοιχεία.
Ωστόσο, όποιος έχει σχεδιάσει οτιδήποτε στο στυλ Pixel Art θα σας πει ότι αυτό είναι σχεδόν το πιο ακριβό στυλ γραφικών από άποψη πόρων (χρόνος, πρώτα από όλα).
Τα κινούμενα σχέδια στο στυλ Pixel Art είναι γενικά κολασμένη δουλειά.
http://www.dinofarmgames.com/a-pixel-artist-renounces-pixel-art/
Επομένως, πρέπει ακόμα να αποδειχθεί ότι το Pixel Art είναι ένα «τεμπέλικο στυλ», θα έλεγα μάλιστα ότι, αντίθετα, δεν είναι το λιγότερο τεμπέλικο στυλ γραφικών.
Ωστόσο, ο καθένας μπορεί να μάθει να σχεδιάζει κάτι απλό στο στυλ Pixel Art και δεν χρειάζεστε ειδικά προγράμματα, απλώς ένα απλό πρόγραμμα επεξεργασίας γραφικών.
Εάν θέλετε να μάθετε πώς να σχεδιάζετε σε αυτό το στυλ, χρειάζεστε, όπως σε κάθε άλλη περίπτωση, πολλή εξάσκηση και μπορείτε να ξεκινήσετε, για παράδειγμα, με άρθρα για το Habré: Μάθημα τέχνης pixel
Εκεί θα βρείτε και τις βασικές αρχές του pixel art.
Ακολουθεί ένα παράδειγμα για το πώς να σχεδιάζετε εικονοστοιχεία (επιταχυνόμενο βίντεο - σχέδιο ταχύτητας) σε αρχάριο επίπεδο, μπορείτε να μάθετε πώς να σχεδιάζετε έτσι κυριολεκτικά σε μια εβδομάδα:
Pixelart:: σχεδίαση διαστημόπλοιου
Μερικές φορές μέσα αυτό το στυλΚάνουν μερικά πραγματικά τρελά σχέδια, δεν μπορώ καν να πιστέψω ότι κάποιος το ζωγράφισε αυτό και θέλω να μάθω πόσος χρόνος αφιερώθηκε σε αυτό. Παράδειγμα:
https://www.youtube.com/watch?v=vChMzRnw-Hc
Δείτε αυτή τη φωτογραφία της Sarah Carrigan από το StarCraft; Τι πιστεύετε ότι είναι αυτό και πώς φτιάχνεται;
Αυτός ο άνθρωπος το έφτιαξε από μπλοκ στο παιχνίδι Minecraft, η δουλειά κράτησε 23 εβδομάδες.
Κοιτάζοντας πιο κοντά, μπορείτε να δείτε ότι όλα αυτά είναι ξεχωριστά μπλοκ.
Τυπικά, αυτό δεν είναι πλέον τέχνη εικονοστοιχείων, αλλά ακόμη και «τέχνη μπλοκ του minecraft», αλλά η ουσία του στυλ παραμένει η ίδια και αυτό είναι το μεγαλύτερο σχέδιο τέχνης pixel και ένα παγκόσμιο ρεκόρ, σύμφωνα με τον συγγραφέα.
Μάλιστα, αν κοιτάξετε προσεκτικά οποιαδήποτε φωτογραφία ή εικόνα, είναι προφανές ότι αποτελείται και από pixels, όπως κάθε εικόνα γενικότερα. Αλλά η όλη διαφορά είναι ότι το pixel art δημιουργείται με το χέρι, pixel με pixel.
Ένα άλλο παράδειγμα, οι καλλιτέχνες και οι εμψυχωτές Paul Robertson και Ivan Dixon δημιούργησαν αυτό:
Υπάρχει μια αίσθηση τεράστιας δουλειάς εδώ, ακόμα και όταν χρησιμοποιείτε μερικά πρόσθετα εργαλεία(υπάρχουν φίλτρα που μετατρέπουν τις εικόνες σε pixel art) αυτό θα πάρει πολύ χρόνο.
Προσωπικά, πιστεύω ότι οι εικόνες στο στυλ Pixel Art είναι η πιο πραγματική μοντέρνα τέχνη καλύτερη αίσθησηαυτή τη λέξη.
Κάθε εικόνα Pixel Art έχει μια πολύ σαφή τιμή και είναι ορατή και αισθητή.
Ακόμη και ένα άτομο που δεν το καταλαβαίνει καλά μπορεί να το εκτιμήσει.
Ωστόσο, δυστυχώς, αυτό το είδος τέχνης δεν είναι πολύ δημοφιλές και θεωρείται πλέον ξεπερασμένο, και μια επιστροφή σε αυτό το τα τελευταία χρόνιαμε τη μορφή πολλών παιχνιδιών από το steam σε στυλ pixel art, οι άνθρωποι έχουν επίσης αρχίσει να βαριούνται. Αν και προσωπικά πιστεύω ότι αυτό το ρετρό στυλ γραφικών είναι ήδη κλασικό και ένα αληθινό κλασικό δεν θα πεθάνει ποτέ.
" itemprop="image">
Σε αυτό το σεμινάριο 10 βημάτων How to Draw Pixel Art, θα σας διδάξω πώς να δημιουργήσετε ένα "sprite" (έναν μοναδικό χαρακτήρα ή αντικείμενο 2D). Ο ίδιος ο όρος, φυσικά, προέρχεται από τα βιντεοπαιχνίδια.
Έμαθα πώς να δημιουργώ pixel art γιατί το χρειαζόμουν για τα γραφικά του παιχνιδιού μου. Μετά από χρόνια εκπαίδευσης, κατάλαβα και άρχισα να καταλαβαίνω ότι η τέχνη των pixel είναι περισσότερο μια τέχνη παρά ένα απλό εργαλείο. Σήμερα, το pixel art είναι πολύ δημοφιλές μεταξύ των προγραμματιστών παιχνιδιών και των εικονογράφων.
Αυτό το σεμινάριο δημιουργήθηκε πριν από πολλά χρόνια για να διδάξει στους ανθρώπους τις απλές έννοιες της δημιουργίας εικονοστοιχείων, αλλά έχει ενημερωθεί πολλές φορές έτσι ώστε να διαφέρει σημαντικά από την αρχική έκδοση. Υπάρχουν πολλά μαθήματα στο Διαδίκτυο για το ίδιο θέμα, αλλά όλα μου φαίνονται πολύ περίπλοκα ή κουρασμένα. Η τέχνη των pixel δεν είναι επιστήμη. Δεν πρέπει να υπολογίζετε διανύσματα όταν δημιουργείτε εικονοστοιχεία.
Εργαλεία
Ένα από τα κύρια πλεονεκτήματα της δημιουργίας εικονοστοιχείων είναι ότι δεν χρειάζεστε προηγμένα εργαλεία - το προεπιλεγμένο πρόγραμμα επεξεργασίας γραφικών που είναι εγκατεστημένο στον υπολογιστή σας θα πρέπει να είναι αρκετό. Αξίζει να αναφέρουμε ότι υπάρχουν προγράμματα που έχουν σχεδιαστεί ειδικά για τη δημιουργία pixel art, όπως το Pro Motion ή το Pixen (για χρήστες Mac). Δεν τα έχω δοκιμάσει ο ίδιος, αλλά έχω ακούσει πολλά θετικά σχόλια. Σε αυτό το σεμινάριο θα χρησιμοποιήσω το Photoshop, το οποίο αν και κοστίζει πολύ, περιέχει πολλά χρήσιμα εργαλείαγια να δημιουργήσετε τέχνη, μερικά από τα οποία είναι πολύ χρήσιμα για pixelating.
Πώς να σχεδιάσετε pixel art στο Photoshop
Όταν χρησιμοποιείτε το Photoshop, το κύριο όπλο σας θα είναι το εργαλείο Pencil (κλειδί B), το οποίο είναι μια εναλλακτική λύση στο εργαλείο Brush. Το μολύβι σάς επιτρέπει να χρωματίζετε μεμονωμένα pixel χωρίς να επικαλύπτονται χρώματα.
Θα χρειαστούμε δύο ακόμη εργαλεία: «Επιλογή» (πλήκτρο M) και «Μαγικό Ραβδί» (πλήκτρο W) για επιλογή και μεταφορά ή αντιγραφή και επικόλληση. Να θυμάστε ότι κρατώντας πατημένο το πλήκτρο Alt ή Shift ενώ κάνετε μια επιλογή, μπορείτε να προσθέσετε επιλεγμένα αντικείμενα ή να τα εξαιρέσετε από την τρέχουσα λίστα επιλογής. Αυτό είναι χρήσιμο όταν πρέπει να επιλέξετε ανομοιόμορφα αντικείμενα.
Μπορείτε επίσης να χρησιμοποιήσετε ένα σταγονόμετρο για να μεταφέρετε χρώματα. Υπάρχουν χιλιάδες λόγοι για τους οποίους η διατήρηση των χρωμάτων στην τέχνη των pixel είναι σημαντική, επομένως θα θελήσετε να πάρετε μερικά χρώματα και να τα χρησιμοποιήσετε ξανά και ξανά.
Τέλος, φροντίστε να θυμάστε όλα τα πλήκτρα πρόσβασης, καθώς αυτό μπορεί να σας εξοικονομήσει πολύ χρόνο. Παρατηρήστε το "Χ" που αλλάζει μεταξύ του κύριου και του δευτερεύοντος χρώματος.
Γραμμές
Τα εικονοστοιχεία είναι τα ίδια μικρά έγχρωμα τετράγωνα. Πρώτα πρέπει να καταλάβετε πώς να τακτοποιήσετε αποτελεσματικά αυτά τα τετράγωνα για να δημιουργήσετε τη γραμμή που θέλετε. Θα εξετάσουμε τους δύο πιο συνηθισμένους τύπους γραμμών: ευθείες και καμπύλες.
Ευθείες γραμμές
Ξέρω τι σκέφτεσαι: όλα εδώ είναι τόσο απλά που δεν έχει νόημα να μπω σε τίποτα. Αλλά όταν πρόκειται για pixel, ακόμη και οι ευθείες γραμμές μπορούν να γίνουν πρόβλημα. Πρέπει να αποφεύγουμε τα οδοντωτά μέρη - μικρά κομμάτια γραμμής που το κάνουν να φαίνεται ανομοιόμορφο. Εμφανίζονται εάν ένα μέρος της γραμμής είναι μεγαλύτερο ή μικρότερο από τα άλλα που το περιβάλλουν.
Καμπύλες γραμμές
Σχέδιο καμπύλες γραμμές, πρέπει να βεβαιωθείτε ότι η πτώση ή η άνοδος είναι ομοιόμορφη σε όλο το μήκος. ΣΕ σε αυτό το παράδειγμα, μια τακτοποιημένη γραμμή έχει διαστήματα 6 > 3 > 2 > 1, αλλά μια γραμμή με διαστήματα 3 > 1< 3 выглядит зазубренной.
Η ικανότητα σχεδίασης γραμμών είναι βασικό στοιχείο της τέχνης pixel. Λίγο παρακάτω θα σου πω για το anti-aliasing.
Εννοιολόγηση
Για να ξεκινήσετε θα χρειαστείτε καλή ιδέα! Προσπαθήστε να οραματιστείτε τι πρόκειται να κάνετε στην τέχνη pixel - σε χαρτί ή απλώς στο μυαλό σας. Μόλις έχετε μια ιδέα για το σχέδιο, μπορείτε να επικεντρωθείτε στην ίδια την εικονοστοιχία.
Θέματα για σκέψη
- Σε τι θα χρησιμοποιηθεί αυτό το sprite; Είναι για ιστότοπο ή παιχνίδι; Θα χρειαστεί να το κάνουμε κινούμενο αργότερα; Εάν ναι, τότε θα πρέπει να γίνει μικρότερο και λιγότερο λεπτομερές. Αντίθετα, εάν δεν δουλέψετε με το sprite στο μέλλον, μπορείτε να προσαρτήσετε όσα μέρη χρειάζεστε. Επομένως, αποφασίστε εκ των προτέρων σε τι ακριβώς χρειάζεται αυτό το sprite και επιλέξτε τις βέλτιστες παραμέτρους.
- Τι περιορισμοί υπάρχουν; Νωρίτερα ανέφερα τη σημασία της διατήρησης των λουλουδιών. Ο κύριος λόγοςείναι η περιορισμένη χρωματική παλέτα λόγω απαιτήσεων συστήματος (πράγμα εξαιρετικά απίθανο στην εποχή μας) ή για συμβατότητα. Ή για ακρίβεια εάν μιμείτε ένα συγκεκριμένο στυλ C64, NES κ.λπ. Αξίζει επίσης να εξετάσετε τις διαστάσεις του sprite σας και αν ξεχωρίζει πάρα πολύ από τα αντικείμενα φόντου που χρειάζεστε.
Ας το δοκιμάσουμε!
Δεν υπάρχουν περιορισμοί σε αυτό το σεμινάριο, αλλά ήθελα να βεβαιωθώ ότι το pixel art μου θα είναι αρκετά μεγάλο ώστε να μπορείτε να δείτε λεπτομερώς τι συμβαίνει σε κάθε ένα από τα βήματα. Για το σκοπό αυτό αποφάσισα να χρησιμοποιήσω ως μοντέλο τον Luca Lawyer, έναν χαρακτήρα από τον κόσμο της πάλης. Θα ταίριαζε τέλεια σε ένα παιχνίδι μάχης ή ένα παιχνίδι δράσης με γρήγορο ρυθμό.
Κύκλωμα
Το μαύρο περίγραμμα θα είναι μια καλή βάση για το sprite σας, οπότε από εκεί θα ξεκινήσουμε. Επιλέξαμε μαύρο γιατί φαίνεται καλό, αλλά είναι και λίγο σκούρο. Αργότερα στο σεμινάριο θα σας πω πώς να αλλάξετε το χρώμα του περιγράμματος για να αυξήσετε τον ρεαλισμό.
Υπάρχουν δύο προσεγγίσεις για τη δημιουργία περιγράμματος. Μπορείτε να σχεδιάσετε το περίγραμμα με το χέρι και στη συνέχεια να το προσαρμόσετε λίγο ή μπορείτε να σχεδιάσετε τα πάντα ένα pixel τη φορά. Ναι καλά τα κατάλαβες όλα, μιλάμε για χίλια κλικ.
Η μέθοδος που θα επιλέξετε εξαρτάται από το μέγεθος του sprite και τις ικανότητές σας στο pixelating. Εάν το sprite είναι πραγματικά τεράστιο, τότε θα ήταν πιο λογικό να το σχεδιάσετε με το χέρι για να δημιουργήσετε κατά προσέγγιση μορφήκαι μετά κόψτε. Πιστέψτε με, είναι πολύ πιο γρήγορο από το να προσπαθείτε να σχεδιάσετε αμέσως το τέλειο σκίτσο.
Στο σεμινάριο μου δημιουργώ ένα αρκετά μεγάλο sprite, οπότε η πρώτη μέθοδος θα εμφανιστεί εδώ. Θα είναι πιο εύκολο αν δείξω τα πάντα ξεκάθαρα και εξηγήσω τι συνέβη.
Βήμα πρώτο: πρόχειρο περίγραμμα
Χρησιμοποιώντας το ποντίκι ή το tablet σας, σχεδιάστε ένα πρόχειρο περίγραμμα για το sprite σας. Βεβαιωθείτε ότι ΔΕΝ είναι πολύ ακατέργαστο, που σημαίνει ότι φαίνεται περίπου όπως βλέπετε το τελικό προϊόν σας.
Το σκίτσο μου συνέπεσε σχεδόν πλήρως με αυτό που είχα σχεδιάσει.
Βήμα δεύτερο: Γυαλίστε το περίγραμμα
Ξεκινήστε μεγεθύνοντας την εικόνα κατά 6 ή 8 φορές. Θα πρέπει να βλέπετε καθαρά κάθε pixel. Και μετά, καθαρίστε το περίγραμμα. Συγκεκριμένα, αξίζει να δώσετε προσοχή στα «αδέσποτα pixel» (όλο το περίγραμμα δεν πρέπει να έχει πάχος περισσότερο από ένα pixel), να απαλλαγείτε από τις οδοντωτές άκρες και να προσθέσετε τις μικρές λεπτομέρειες που χάσαμε στο πρώτο βήμα.
Ακόμη και τα μεγάλα sprites πολύ σπάνια ξεπερνούν τα 200 επί 200 pixel. Η φράση "κάντε περισσότερα με λιγότερα" είναι ένας πολύ καλός τρόπος για να περιγράψετε τη διαδικασία pixelation. Σύντομα θα δείτε ότι ακόμα και ένα pixel έχει σημασία.
Απλοποιήστε το περίγραμμά σας όσο το δυνατόν περισσότερο. Θα μπούμε στις λεπτομέρειες αργότερα, τώρα πρέπει να εργαστείτε για την εύρεση των μεγάλων pixel, όπως, για παράδειγμα, η κατάτμηση των μυών. Τα πράγματα δεν φαίνονται καλά αυτή τη στιγμή, αλλά κάνε λίγη υπομονή.
Χρώμα
Όταν το περίγραμμα είναι έτοιμο, παίρνουμε ένα είδος φύλλου χρωματισμού που πρέπει να συμπληρωθεί με χρώματα. Σε αυτό θα μας βοηθήσουν η βαφή, το χύσιμο και άλλα εργαλεία. Η επιλογή χρωμάτων μπορεί να είναι δύσκολη, αλλά η θεωρία χρωμάτων δεν είναι σαφώς το θέμα αυτού του άρθρου. Όπως και να έχει, υπάρχουν μερικές βασικές έννοιες που θα πρέπει να γνωρίζετε.
Χρωματικό μοντέλο HSB
Αυτή είναι μια αγγλική συντομογραφία που αποτελείται από τις λέξεις Hue, Saturation, Brightness. Είναι μόνο ένα από τα πολλά χρωματικά μοντέλα υπολογιστών (ή αριθμητικές αναπαραστάσεις χρώματος). Πιθανότατα έχετε ακούσει για άλλα παραδείγματα όπως το RGB και το CMYK. Οι περισσότεροι επεξεργαστές εικόνων χρησιμοποιούν HSB για την επιλογή χρώματος, επομένως θα επικεντρωθούμε σε αυτό.
Απόχρωση– Η απόχρωση είναι αυτό που λέγαμε χρώμα.
Κορεσμός– Κορεσμός – καθορίζει την ένταση του χρώματος. Εάν η τιμή είναι 100%, τότε αυτή είναι η μέγιστη φωτεινότητα. Εάν το χαμηλώσετε, τότε θα εμφανιστεί θαμπάδα στο χρώμα και θα "γκρίζα".
Λάμψη– φως που εκπέμπει χρώμα. Για παράδειγμα, για ένα μαύρο άτομο αυτός ο δείκτης είναι 0%.
Επιλογή χρωμάτων
Το να αποφασίσετε ποια χρώματα θα επιλέξετε εξαρτάται από εσάς, αλλά υπάρχουν μερικά πράγματα που πρέπει να έχετε κατά νου:
- Τα θαμπά και αποκορεσμένα χρώματα φαίνονται πιο ρεαλιστικά παρά καρτουνίστικα.
- Σκεφτείτε έναν χρωματικό τροχό: όσο πιο μακριά βρίσκονται δύο χρώματα στον τροχό, τόσο χειρότερα πάνε μαζί. Ταυτόχρονα, το κόκκινο και το πορτοκαλί, που βρίσκονται σε κοντινή απόσταση μεταξύ τους, δείχνουν υπέροχα μαζί.
- Όσο περισσότερα χρώματα χρησιμοποιείτε, τόσο πιο θολό θα φαίνεται το σχέδιό σας. Επομένως, επιλέξτε μερικά βασικά χρώματα και χρησιμοποιήστε τα. Θυμηθείτε ότι το Super Mario, κάποτε, δημιουργήθηκε αποκλειστικά από συνδυασμούς καφέ και κόκκινου.
Εφαρμογή χρωμάτων
Η εφαρμογή χρώματος είναι πολύ απλή. Εάν χρησιμοποιείτε το Photoshop, τότε απλώς επιλέξτε το επιθυμητό τμήμα, επιλέξτε το με το μαγικό ραβδί (πλήκτρο W) και, στη συνέχεια, γεμίστε το με το κύριο χρώμα (Alt-F) ή επιπλέον χρώμα Ctrl-F.
Σκίαση
Η σκίαση είναι ένα από τα πιο σημαντικά μέρη της αναζήτησης να γίνεις ημίθεος των pixelation. Σε αυτό το στάδιο είναι που το sprite είτε αρχίζει να φαίνεται καλύτερο είτε μετατρέπεται σε μια περίεργη ουσία. Ακολουθήστε τις οδηγίες μου και σίγουρα θα πετύχετε.
Βήμα πρώτο: επιλέξτε μια πηγή φωτός
Αρχικά επιλέγουμε μια πηγή φωτός. Εάν το sprite σας είναι μέρος ενός μεγαλύτερου θραύσματος που έχει τις δικές του πηγές φωτισμού, όπως λάμπες, φακούς και ούτω καθεξής. Και όλα μπορούν να έχουν διαφορετικά αποτελέσματα στην εμφάνιση του sprite. Όπως και να έχει, επιλέγοντας μια μακρινή πηγή φωτός, όπως ο ήλιος, υπέροχη ιδέαγια τα περισσότερα pixel art. Για παιχνίδια, για παράδειγμα, θα χρειαστεί να δημιουργήσετε το πιο φωτεινό δυνατό sprite, το οποίο στη συνέχεια μπορεί να προσαρμοστεί στο περιβάλλον.
Συνήθως επιλέγω ένα μακρινό φως κάπου επάνω μπροστά από το sprite, έτσι ώστε μόνο το μπροστινό και το πάνω μέρος του sprite να φωτίζονται και το υπόλοιπο να είναι σκιασμένο.
Βήμα δεύτερο: άμεση σκίαση
Αφού επιλέξουμε μια πηγή φωτός, μπορούμε να αρχίσουμε να σκουραίνουμε τις περιοχές που είναι πιο απομακρυσμένες από αυτήν. Το μοντέλο φωτισμού μας υπαγορεύει ότι το κάτω μέρος του κεφαλιού, των χεριών, των ποδιών κ.λπ. πρέπει να καλύπτονται από σκιά.
Ας θυμηθούμε ότι τα επίπεδα πράγματα δεν μπορούν να κάνουν σκιές. Πάρτε ένα κομμάτι χαρτί, τσαλακώστε το και κυλήστε το πάνω στο τραπέζι. Πώς καταλάβατε ότι δεν ήταν πια επίπεδο; Μόλις είδατε σκιές γύρω του. Χρησιμοποιήστε σκίαση για να τονίσετε τις πτυχές στα ρούχα, τους μύες, τη γούνα, το χρώμα του δέρματος και ούτω καθεξής.
Βήμα τρίτο: Απαλές σκιές
Η δεύτερη απόχρωση, η οποία είναι πιο ανοιχτή από την πρώτη, θα πρέπει να χρησιμοποιηθεί για τη δημιουργία απαλών σκιών. Αυτό είναι απαραίτητο για χώρους που δεν φωτίζονται άμεσα. Μπορούν επίσης να χρησιμοποιηθούν για μετάβαση από ανοιχτόχρωμες σε σκοτεινές περιοχές και σε ανώμαλες επιφάνειες.
Βήμα τέταρτο: φωτισμένες περιοχές
Τα μέρη που δέχονται άμεσες ακτίνες φωτός πρέπει επίσης να επισημανθούν. Αξίζει να σημειωθεί ότι θα πρέπει να υπάρχουν λιγότερες ανταύγειες από τις σκιές, διαφορετικά θα προκαλέσουν περιττή προσοχή, δηλαδή θα αναδειχθούν.
Γλιώστε τον πονοκέφαλο θυμηθείτε έναν απλό κανόνα: πρώτα τις σκιές και μετά τις ανταύγειες. Ο λόγος είναι απλός: εάν δεν υπάρχουν σκιές, τα πολύ μεγάλα θραύσματα θα εκραγούν και όταν εφαρμόζετε σκιές, θα πρέπει να μειωθούν.
Μερικοί χρήσιμοι κανόνες
Οι σκιές είναι πάντα μια πρόκληση για αρχάριους, επομένως εδώ είναι μερικοί κανόνες που πρέπει να ακολουθείτε κατά τη σκίαση.
- Μην χρησιμοποιείτε κλίσεις. Το πιο συνηθισμένο λάθος που κάνουν οι αρχάριοι. Οι κλίσεις φαίνονται τρομερές και δεν προσεγγίζουν καν το πώς παίζει το φως στις επιφάνειες.
- Μην χρησιμοποιείτε απαλή σκίαση. Μιλάω για μια κατάσταση όπου η σκιά είναι πολύ μακριά από το περίγραμμα, γιατί τότε φαίνεται πολύ θολή και εμποδίζει τον εντοπισμό της πηγής φωτός.
- Μην χρησιμοποιείτε πάρα πολλές σκιές. Είναι εύκολο να σκεφτεί κανείς ότι «όσο περισσότερα χρώματα, τόσο πιο ρεαλιστική είναι η εικόνα». Όπως και να έχει, σε πραγματική ζωήΈχουμε συνηθίσει να βλέπουμε τα πράγματα σε σκοτεινό ή φωτεινό φάσμα και ο εγκέφαλός μας θα φιλτράρει τα πάντα στο ενδιάμεσο. Χρησιμοποιήστε μόνο δύο σκούρα (σκούρα και πολύ σκούρα) και δύο ανοιχτόχρωμα (ανοιχτόχρωμα και πολύ ανοιχτά) και στρώστε τα πάνω από το βασικό χρώμα, όχι το ένα πάνω στο άλλο.
- Μην χρησιμοποιείτε πολύ παρόμοια χρώματα. Δεν υπάρχει πραγματική ανάγκη να χρησιμοποιείτε σχεδόν πανομοιότυπα χρώματα, εκτός εάν θέλετε να δημιουργήσετε ένα πραγματικά θολό sprite.
Χρωματική αντιπαράθεση
Η διατήρηση των χρωμάτων είναι κάτι που πρέπει πραγματικά να προσέξουν οι δημιουργοί τέχνης pixel. Ένας άλλος τρόπος για να αποκτήσετε περισσότερες σκιές χωρίς να χρησιμοποιείτε περισσότερα χρώματα ονομάζεται διχασμός. Ακριβώς όπως η παραδοσιακή ζωγραφική χρησιμοποιεί το "hatching" και το "crosshatching", δηλαδή, κυριολεκτικά παίρνεις κάτι ανάμεσα σε δύο χρώματα.
Απλό παράδειγμα
Ακολουθεί ένα απλό παράδειγμα για το πώς, μέσω της πρόσμειξης, μπορείτε να δημιουργήσετε τέσσερις επιλογές σκίασης από δύο χρώματα.
Προχωρημένο παράδειγμα
Συγκρίνετε την παραπάνω εικόνα (που δημιουργήθηκε με τη χρήση ντεγκραντέ στο Photoshop) με την εικόνα που δημιουργήθηκε με τρία μόνο χρώματα χρησιμοποιώντας τη διαίρεση. Λάβετε υπόψη ότι μπορούν να χρησιμοποιηθούν διαφορετικά μοτίβα για τη δημιουργία "γειτονικών χρωμάτων". Θα είναι ευκολότερο για εσάς να κατανοήσετε την αρχή εάν δημιουργήσετε μόνοι σας πολλά μοτίβα.
Εφαρμογή
Το Dithering μπορεί να δώσει στο sprite σας αυτή την υπέροχη ρετρό εμφάνιση, καθώς πολλά πρώιμα βιντεοπαιχνίδια έκαναν μεγάλη χρήση της τεχνικής λόγω του μικρού αριθμού διαθέσιμων παλετών χρωμάτων (εάν θέλετε να δείτε πολλά παραδείγματα ανατροπής, ρίξτε μια ματιά στα παιχνίδια που αναπτύχθηκαν για τη Sega Γένεση). Εγώ ο ίδιος δεν χρησιμοποιώ αυτή τη μέθοδο πολύ συχνά, αλλά για εκπαιδευτικούς σκοπούς, θα δείξω πώς μπορεί να εφαρμοστεί στο sprite μας.
Μπορείτε να χρησιμοποιήσετε το dither ικανοποιημένος από την καρδιά σας, αλλά αξίζει να σημειωθεί ότι μόνο λίγοι άνθρωποι το χρησιμοποιούν πολύ καλά.
Επιλεκτικό περίγραμμα
Το επιλεκτικό περίγραμμα, που ονομάζεται επίσης επιλεγμένο περίγραμμα, είναι ένας υποτύπος σκίασης περιγράμματος. Αντί να χρησιμοποιούμε μαύρη γραμμή, επιλέγουμε ένα χρώμα που θα φαίνεται πιο αρμονικό στο sprite σας. Επιπλέον, αλλάζουμε τη φωτεινότητα αυτού του περιγράμματος πιο κοντά στις άκρες του sprite, επιτρέποντας στην πηγή χρώματος να καθορίσει ποια χρώματα πρέπει να χρησιμοποιήσουμε.
Μέχρι αυτό το σημείο, χρησιμοποιήσαμε μαύρο περίγραμμα. Δεν υπάρχει τίποτα κακό σε αυτό: το μαύρο φαίνεται υπέροχο, και επίσης επιτρέπει στο sprite να ξεχωρίζει από τα γύρω αντικείμενα. Χρησιμοποιώντας όμως αυτή τη μέθοδο, θυσιάζουμε τον ρεαλισμό, ο οποίος θα μπορούσε να μας φανεί χρήσιμος σε ορισμένες περιπτώσεις, αφού το sprite μας συνεχίζει να φαίνεται καρτουνίστικο. Το επιλεκτικό περίγραμμα ξεφορτώνεται αυτό.
Θα παρατηρήσετε ότι χρησιμοποίησα το selaute για να απαλύνω τον ορισμό των μυών του. Τέλος, το sprite μας αρχίζει να μοιάζει με μια ενιαία μονάδα, παρά τεράστιο ποσόξεχωριστά θραύσματα.
Συγκρίνετε αυτό με το πρωτότυπο:
- Εξομάλυνση
Ο τρόπος που λειτουργεί η εξομάλυνση είναι απλός: προσθέτοντας ενδιάμεσα χρώματα στις άκρες για να φαίνονται πιο λείες. Για παράδειγμα, εάν έχετε μια μαύρη γραμμή σε λευκό φόντο, τότε θα προστεθούν μικρά γκρι εικονοστοιχεία στα διαλείμματά της κατά μήκος της άκρης.
Τεχνική 1: Εξομάλυνση τσακίσεων
Σε γενικές γραμμές, πρέπει να προσθέσετε ενδιάμεσα χρώματα όπου υπάρχουν τσακίσματα, διαφορετικά η γραμμή θα φαίνεται οδοντωτή. Εάν εξακολουθεί να φαίνεται ανομοιόμορφο, προσθέστε ένα άλλο στρώμα από ελαφρύτερα pixel. Η κατεύθυνση εφαρμογής του ενδιάμεσου στρώματος πρέπει να συμπίπτει με την κατεύθυνση της καμπύλης.
Δεν νομίζω ότι μπορώ να το εξηγήσω καλύτερα χωρίς να το κάνω πιο περίπλοκο. Απλά δείτε την εικόνα και θα καταλάβετε τι εννοώ.
Τεχνική 2: Στρογγυλοποίηση των εξογκωμάτων
Τεχνική 3: σβήσιμο των τελειωμάτων των γραμμών
Εφαρμογή
Τώρα, ας εφαρμόσουμε το anti-aliasing στην εκτύπωση μας. Σημειώστε ότι εάν θέλετε το sprite σας να φαίνεται καλό σε οποιοδήποτε χρώμα φόντου, δεν πρέπει να εξομαλύνετε το εξωτερικό της γραμμής. Διαφορετικά, το sprite σας θα έχει ένα πολύ ακατάλληλο φωτοστέφανο γύρω του όπου συναντά το φόντο και επομένως θα ξεχωρίζει πάρα πολύ σε οποιοδήποτε φόντο.
Το αποτέλεσμα είναι πολύ λεπτό, αλλά έχει μεγάλη σημασία.
Γιατί πρέπει να το κάνετε χειροκίνητα;
Μπορεί να ρωτήσετε, "Γιατί να μην εφαρμόσουμε απλώς ένα φίλτρο επεξεργασίας γραφικών στο sprite μας, αν θέλουμε να φαίνεται ομαλό;" Η απάντηση είναι επίσης απλή - κανένα φίλτρο δεν θα κάνει το sprite σας τόσο καθαρό και καθαρό όσο χειροποίητος. Θα έχετε τον απόλυτο έλεγχο όχι μόνο στα χρώματα που χρησιμοποιείτε, αλλά και στο πού να τα χρησιμοποιήσετε. Επιπλέον, γνωρίζετε καλύτερα από οποιοδήποτε φίλτρο πού είναι κατάλληλο το anti-aliasing και πού υπάρχουν περιοχές όπου τα pixel απλά θα χάσουν την ποιότητά τους.
Φινίρισμα
Ουάου, πλησιάζουμε πολύ στο σημείο όπου μπορείτε να απενεργοποιήσετε τον υπολογιστή σας και να πάρετε ένα κρύο μπουκάλι μπύρα από το ψυγείο. Αλλά δεν ήρθε ακόμα! Το τελευταίο μέρος αφορά αυτό που χωρίζει τον άπληστο ερασιτέχνη από τον έμπειρο επαγγελματία.
Κάντε ένα βήμα πίσω και ρίξτε μια καλή ματιά στο sprite σας. Υπάρχει πιθανότητα να φαίνεται ακόμα «υγρό». Αφιερώστε λίγο χρόνο τελειοποιώντας και βεβαιωθείτε ότι όλα είναι τέλεια. Ανεξάρτητα από το πόσο κουρασμένοι είστε ήδη, το διασκεδαστικό κομμάτι είναι μπροστά σας. Προσθέστε λεπτομέρειες για να κάνετε το sprite σας να φαίνεται πιο ενδιαφέρον. Εδώ μπαίνουν στο παιχνίδι οι δεξιότητες και η εμπειρία σας στο pixelating.
Ίσως εκπλαγείτε από το γεγονός ότι όλο αυτό το διάστημα ο δικηγόρος μας Λούτσα δεν είχε μάτια ή ότι το πακέτο που κρατούσε ήταν άδειο. Στην πραγματικότητα, ο λόγος έγκειται στο γεγονός ότι ήθελα να κρατηθώ σε μικρές λεπτομέρειες. Προσέξτε επίσης το τελείωμα που πρόσθεσα στις κορδέλες του, τη μύγα στο παντελόνι του... και ποιος θα ήταν κάποιος χωρίς τις θηλές του; Επίσης σκούρυσα λίγο το κάτω μέρος του κορμού του για να ξεχωρίσει περισσότερο το χέρι του στο σώμα του.
Επιτέλους τελειώσατε! Το Luca Lawyer είναι ελαφρύ, επειδή έχει μόνο 45 χρώματα (ή μπορεί να είναι εξαιρετικά βαρύ - όλα εξαρτώνται από τους περιορισμούς της παλέτας σας) και η ανάλυσή του είναι περίπου 150 επί 115 pixel. Τώρα μπορείτε να ανοίξετε την μπύρα σας!
Πλήρης πρόοδος:
Είναι πάντα αστείο. Ακολουθεί ένα GIF που δείχνει την εξέλιξη του sprite μας.
- Μάθετε τα βασικά της τέχνης και εξασκηθείτε στις παραδοσιακές τεχνικές. Όλες οι απαραίτητες γνώσεις και δεξιότητες για το σχέδιο και το σχέδιο μπορούν να εφαρμοστούν στο pixelating.
- Ξεκινήστε με μικρά sprites. Το πιο δύσκολο πράγμα είναι να μάθετε πώς να τοποθετείτε πολλά εξαρτήματα χρησιμοποιώντας ελάχιστη ποσότητα pixel για να μην γίνουν sprites τόσο μεγάλα όσο τα δικά μου.
- Μελετήστε τη δουλειά των καλλιτεχνών που θαυμάζετε και μην φοβάστε να είστε αυθεντικοί. Ο καλύτερος τρόποςμάθηση - επανάληψη αποσπασμάτων της δουλειάς άλλων ανθρώπων. Για παραγωγή δικό του στυλπαίρνει πολύ χρόνο.
- Εάν δεν έχετε tablet, αγοράστε ένα. Οι συνεχείς νευρικοί κλονισμοί και το άγχος που προκαλούνται από το συνεχές αριστερό κλικ δεν είναι διασκεδαστικές και είναι απίθανο να εντυπωσιάσουν τα μέλη του αντίθετου φύλου. Χρησιμοποιώ ένα μικρό Wacom Graphire2 - μου αρέσει πόσο συμπαγές και φορητό είναι. Ίσως προτιμήσετε ένα μεγαλύτερο tablet. Πριν αγοράσετε, κάντε μια σύντομη δοκιμαστική οδήγηση.
- Μοιραστείτε τη δουλειά σας με άλλους για να πάρετε τις απόψεις τους. Αυτός μπορεί επίσης να είναι ένας καλός τρόπος για να κάνετε νέους geek φίλους.
P.S.
Το αρχικό άρθρο βρίσκεται. Εάν έχετε συνδέσμους για ενδιαφέροντα σεμινάρια που πρέπει να μεταφραστούν, στείλτε τους στο πάρτι μας. Ή γράψτε απευθείας στα ομαδικά μηνύματα
Στις μέρες μας, προγράμματα όπως το Photoshop, το Illustrator, το Corel διευκολύνουν τη δουλειά του σχεδιαστή και του εικονογράφου. Με τη βοήθειά τους, μπορείτε να εργαστείτε πλήρως χωρίς να σας αποσπά η διάταξη των pixel, όπως συνέβαινε στα τέλη του περασμένου αιώνα. Ολοι απαραίτητους υπολογισμούςκατασκευάζει λογισμικό - γραφικούς επεξεργαστές. Υπάρχουν όμως άνθρωποι που εργάζονται προς μια διαφορετική κατεύθυνση, όχι απλώς διαφορετική, αλλά ακόμη και εντελώς αντίθετη. Δηλαδή, ασχολούνται με την ίδια παλιάς σχολής διάταξη pixel για να αποκτήσουν ένα μοναδικό αποτέλεσμα και ατμόσφαιρα στα έργα τους.
Ένα παράδειγμα τέχνης pixel. Θραύσμα.
Σε αυτό το άρθρο θα θέλαμε να μιλήσουμε για άτομα που κάνουν pixel art. Ρίξτε μια πιο προσεκτική ματιά στα καλύτερα έργα τους, τα οποία, λόγω της πολυπλοκότητας και μόνο της υλοποίησής τους, μπορούν να ονομαστούν, χωρίς υπερβολή, έργα σύγχρονη τέχνη. Έργα που θα σας κόψουν την ανάσα όταν τα δείτε.
Pixel Art. Τα καλύτερα έργα και εικονογράφοι
Πόλη. Συγγραφέας: Zoggles
Παραμυθένιο κάστρο. Συγγραφέας: Tinuleaf
Μεσαιωνικό χωριό. Συγγραφέας: Docdoom
Κρεμαστοί κήποι της Βαβυλώνας. Συγγραφέας: Έκλειψη Σελήνης
Οικιστική περιοχή. Συγγραφέας:
Τέχνη pixel(γραμμένο χωρίς παύλα) ή γραφικά pixel- μια κατεύθυνση της ψηφιακής τέχνης που περιλαμβάνει τη δημιουργία εικόνων σε επίπεδο pixel (δηλαδή, την ελάχιστη λογική μονάδα που συνθέτει μια εικόνα). Δεν είναι όλες οι εικόνες ράστερ, αν και όλες αποτελούνται από εικονοστοιχεία. Γιατί; Γιατί τελικά, η έννοια της τέχνης pixel δεν περιλαμβάνει τόσο το αποτέλεσμα όσο τη διαδικασία δημιουργίας μιας εικονογράφησης. Pixel-pixel, και αυτό είναι όλο. Εάν τραβήξετε μια ψηφιακή φωτογραφία, τη μειώσετε πολύ (ώστε να γίνονται ορατά τα pixel) και ισχυριστείτε ότι την σχεδιάσατε από την αρχή, αυτό θα είναι πραγματική πλαστογραφία. Αν και μάλλον θα υπάρχουν αφελείς απλοί που θα σε επαινούν για την επίπονη δουλειά σου.
Είναι άγνωστο πότε ακριβώς ξεκίνησε αυτή η τεχνική οι ρίζες χάνονται κάπου στις αρχές της δεκαετίας του 1970. Ωστόσο, η τεχνική της σύνθεσης εικόνων από μικρά στοιχεία ανάγεται σε πολύ πιο αρχαίες μορφές τέχνης, όπως τα ψηφιδωτά, η σταυροβελονιά, η ταπητουργία και η χάντρες. Η ίδια η φράση "pixel art" ως ορισμός της τέχνης pixel χρησιμοποιήθηκε για πρώτη φορά σε ένα άρθρο των Adele Goldberg και Robert Flegal στο περιοδικό Communications of the ACM (Δεκέμβριος 1982).
Παραδόξως, αλλά ήταν ο κ. επιστημονική και τεχνολογική πρόοδος, που ώθησε τα γραφικά pixel στο προσκήνιο στα μέσα της δεκαετίας του '90 τελευταίες θέσεις, και αργότερα το επέστρεψε στο παιχνίδι - παρουσιάζοντας τις κινητές συσκευές στον κόσμο με τη μορφή κινητών τηλεφώνων και PDA. Σε τελική ανάλυση, ανεξάρτητα από το πόσο χρήσιμη μπορεί να είναι μια νέα συσκευή, εσείς και εγώ γνωρίζουμε ότι αν δεν μπορείτε τουλάχιστον να παίξετε πασιέντζα σε αυτήν, δεν έχει αξία. Λοιπόν, όπου υπάρχει οθόνη χαμηλής ανάλυσης, υπάρχει τέχνη pixel. Όπως λένε, καλώς ήρθες πίσω.
2. Εργαλεία.
Τι χρειάζεστε για να δημιουργήσετε pixel art; Όπως είπα παραπάνω, αρκεί ένας υπολογιστής και οποιοδήποτε πρόγραμμα επεξεργασίας γραφικών ικανό να λειτουργήσει σε επίπεδο pixel. Μπορείτε να σχεδιάσετε οπουδήποτε, ακόμα και σε ένα Game Boy, ακόμα και σε ένα Nintendo DS, ακόμα και στο Microsoft Paint (άλλο πράγμα είναι ότι το σχέδιο στο τελευταίο είναι εξαιρετικά άβολο). Υπάρχει μια μεγάλη ποικιλία από συντάκτες ράστερ, πολλοί από αυτούς είναι δωρεάν και αρκετά λειτουργικοί, έτσι και με λογισμικόο καθένας μπορεί να αποφασίσει μόνος του.
τραβάω μέσα Adobe Photoshop, επειδή είναι βολικό και επειδή υπάρχει εδώ και πολύ καιρό. Δεν θα πω ψέματα και θα σας πω, μουρμουρίζοντας τις οδοντοστοιχίες μου, ότι «Θυμάμαι ότι το Photoshop ήταν ακόμα πολύ μικρό, ήταν σε Macintosh και είχε τον αριθμό 1.0». Αλλά θυμάμαι το Photoshop 4.0 (και επίσης σε Mac). Επομένως, για μένα το ζήτημα της επιλογής δεν ήταν ποτέ ζήτημα. Και επομένως, όχι, όχι, αλλά θα δώσω συστάσεις σχετικά με το Photoshop, ειδικά όπου οι δυνατότητές του θα βοηθήσουν σημαντικά στην απλοποίηση της δημιουργικότητας.Επομένως, χρειάζεστε οποιοδήποτε πρόγραμμα επεξεργασίας γραφικών που σας επιτρέπει να σχεδιάζετε με ένα εργαλείο ενός τετραγωνικού εικονοστοιχείου (υπάρχουν και μη τετράγωνα pixel, για παράδειγμα στρογγυλά, αλλά αυτή τη στιγμήδεν ενδιαφέρεται). Εάν το πρόγραμμα επεξεργασίας σας υποστηρίζει οποιοδήποτε σύνολο χρωμάτων, είναι υπέροχο. Εάν σας επιτρέπει επίσης να αποθηκεύετε αρχεία, αυτό είναι υπέροχο. Θα ήταν ωραίο να μπορούμε να δουλεύουμε με layers, αφού δουλεύουμε αρκετά σύνθετη εικόνα, είναι πιο βολικό να αποσυντίθενται τα στοιχεία του σε διαφορετικά στρώματα, αλλά σύμφωνα με σε μεγάλο βαθμόείναι θέμα συνήθειας και ευκολίας.
Να ξεκινήσουμε; Περιμένετε πιθανώς μια λίστα με μερικές μυστικές τεχνικές, συστάσεις που θα σας διδάξουν πώς να σχεδιάζετε pixel art; Αλλά η αλήθεια είναι ότι, σε γενικές γραμμές, δεν υπάρχει κάτι τέτοιο. Ο μόνος τρόπος για να μάθετε πώς να σχεδιάζετε pixel art είναι να το σχεδιάσετε μόνοι σας, να δοκιμάσετε, να δοκιμάσετε, να μην φοβάστε και να πειραματιστείτε. Νιώστε ελεύθεροι να επαναλάβετε τη δουλειά άλλων ανθρώπων, μην φοβάστε να φανείτε αυθεντική (απλώς μην περνάτε τη δουλειά κάποιου άλλου ως δική σας, χεχε). Αναλύστε προσεκτικά και προσεκτικά τα έργα των δασκάλων (όχι δικά μου) και σχεδιάστε, ζωγραφίστε, σχεδιάστε. Στο τέλος του άρθρου σας περιμένουν αρκετοί χρήσιμοι σύνδεσμοι.3. Γενικές αρχές.
Κι όμως υπάρχουν αρκετές γενικές αρχές, που δεν θα βλάψει να μάθεις. Είναι πραγματικά λίγοι από αυτούς, τις ονομάζω «αρχές» και όχι νόμους, γιατί έχουν περισσότερο συστατικό χαρακτήρα. Στο τέλος, αν καταφέρετε να σχεδιάσετε μια λαμπρή τέχνη pixel παρακάμπτοντας όλους τους κανόνες - ποιος νοιάζεται για αυτούς;
Η πιο βασική αρχή μπορεί να διατυπωθεί ως εξής: η ελάχιστη μονάδα μιας εικόνας είναι ένα pixel και, αν είναι δυνατόν, όλα τα στοιχεία της σύνθεσης θα πρέπει να είναι ανάλογα με αυτό. Επιτρέψτε μου να το αναλύσω: οτιδήποτε σχεδιάζετε αποτελείται από εικονοστοιχεία και το εικονοστοιχείο πρέπει να είναι ευανάγνωστο σε όλα. Αυτό δεν σημαίνει ότι η εικόνα δεν μπορεί να περιέχει καθόλου στοιχεία, για παράδειγμα, 2x2 pixel ή 3x3. Αλλά εξακολουθεί να είναι προτιμότερο να δημιουργείται μια εικόνα από μεμονωμένα pixel.
Η διαδρομή και, γενικά, όλες οι γραμμές του σχεδίου πρέπει να έχουν πάχος ενός εικονοστοιχείου (με σπάνιες εξαιρέσεις).
Τα κατάγματα στερούν από το σχέδιο τη φυσική του ομαλότητα και ομορφιά. Και αν τα θραύσματα 3, 4 και 5 είναι προφανή και μπορούν εύκολα να διορθωθούν, με τα άλλα η κατάσταση είναι πιο περίπλοκη - εκεί το μήκος ενός μόνο κομματιού στην αλυσίδα είναι σπασμένο, θα φαινόταν ασήμαντο, αλλά το ασήμαντο είναι αισθητό. Χρειάζεται λίγη εξάσκηση για να μάθεις να βλέπεις αυτά τα μέρη και να τα αποφεύγεις. Το Kink 1 βγαίνει εκτός γραμμής επειδή είναι ένα μόνο pixel - ενώ στην περιοχή όπου εισήχθη, η γραμμή αποτελείται από τμήματα των 2 pixel. Για να το ξεφορτωθώ, άμβλυνα την είσοδο της καμπύλης στην κάμψη, επιμήκυνοντας το επάνω τμήμα στα 3 εικονοστοιχεία και ξαναζωγράφισα ολόκληρη τη γραμμή σε τμήματα 2 εικονοστοιχείων. Τα διαλείμματα 2 και 6 είναι πανομοιότυπα μεταξύ τους - αυτά είναι ήδη θραύσματα μήκους 2 εικονοστοιχείων σε περιοχές που κατασκευάζονται από μεμονωμένα εικονοστοιχεία.
Ένα στοιχειώδες σύνολο παραδειγμάτων κεκλιμένων ευθειών γραμμών, που μπορείτε να βρείτε σχεδόν σε κάθε εγχειρίδιο τέχνης pixel (το δικό μου δεν αποτελεί εξαίρεση), θα σας βοηθήσει να αποφύγετε τέτοιες στροφές όταν σχεδιάζετε:
Όπως μπορείτε να δείτε, μια ευθεία γραμμή αποτελείται από τμήματα του ίδιου μήκους, μετατοπισμένα κατά ένα pixel καθώς σχεδιάζεται - μόνο με αυτόν τον τρόπο επιτυγχάνεται η επίδραση της γραμμικότητας. Οι πιο συνηθισμένες μέθοδοι κατασκευής είναι με μήκη τμημάτων 1, 2 και 4 εικονοστοιχείων (υπάρχουν και άλλα, αλλά οι επιλογές που παρουσιάζονται θα πρέπει να είναι αρκετές για την υλοποίηση σχεδόν κάθε καλλιτεχνικής ιδέας). Από αυτά τα τρία, το πιο δημοφιλές μπορεί να ονομαστεί με σιγουριά ένα μήκος τμήματος 2 εικονοστοιχείων: σχεδιάστε ένα τμήμα, μετακινήστε το στυλό κατά 1 εικονοστοιχείο, σχεδιάστε ένα άλλο τμήμα, μετακινήστε το στυλό κατά 1 εικονοστοιχείο, σχεδιάστε ένα άλλο τμήμα:
Δεν είναι δύσκολο, σωστά; Το μόνο που χρειάζεστε είναι μια συνήθεια. Η δυνατότητα σχεδίασης κεκλιμένων ευθειών γραμμών σε βήματα των 2 pixel θα βοηθήσει στην ισομετρία, επομένως θα το εξετάσουμε με περισσότερες λεπτομέρειες την επόμενη φορά. Γενικά, οι ευθείες γραμμές είναι υπέροχες - αλλά μόνο μέχρι να προκύψει η εργασία να σχεδιάσετε κάτι θαυματουργό. Εδώ χρειαζόμαστε καμπύλες, και πολλές διαφορετικές καμπύλες. Και λαμβάνουμε υπόψη έναν απλό κανόνα για τη στρογγυλοποίηση καμπύλων γραμμών: το μήκος των στοιχείων της καμπύλης θα πρέπει να μειώνεται/αυξάνεται σταδιακά.
Η έξοδος από την ευθεία γραμμή προς τη στρογγυλοποίηση πραγματοποιείται ομαλά, υπέδειξα το μήκος κάθε τμήματος: 5 εικονοστοιχεία, 3, 2, 2, 1, 1, και πάλι 2 (ήδη κάθετα), 3, 5 και ούτω καθεξής. Η περίπτωσή σας δεν θα χρησιμοποιεί απαραίτητα την ίδια σειρά, όλα εξαρτώνται από την ομαλότητα που απαιτείται. Ένα άλλο παράδειγμα στρογγυλοποίησης:
Και πάλι, αποφεύγουμε τις τσακίσεις που χαλάνε τόσο πολύ την εικόνα. Εάν θέλετε να ελέγξετε το υλικό που μάθατε, εδώ έχω ένα δέρμα για το Winamp που σχεδιάστηκε από έναν άγνωστο συγγραφέα, ένα κενό:
Υπάρχουν μεγάλα λάθη στο σχέδιο, και απλώς ανεπιτυχείς στρογγυλοποιήσεις και υπάρχουν τσακίσματα - προσπαθήστε να διορθώσετε την εικόνα με βάση αυτά που ήδη γνωρίζετε. Μόνο αυτό έχω με τις γραμμές, σου προτείνω να ζωγραφίσεις λίγο. Και μην αφήσετε την απλότητα των παραδειγμάτων να σας μπερδέψει, μπορείτε να μάθετε να σχεδιάζετε μόνο ζωγραφίζοντας – ακόμα και τα πιο απλά πράγματα.
4.1. Σχεδιάστε ένα μπουκάλι ζωντανό νερό.
1. Το σχήμα του αντικειμένου, δεν χρειάζεται να χρησιμοποιήσετε χρώμα προς το παρόν.
2. Κόκκινο υγρό.
3. Αλλάξτε το χρώμα του γυαλιού σε μπλε, προσθέστε σκιασμένες περιοχές μέσα στη φούσκα και μια ανοιχτόχρωμη περιοχή στην επιδιωκόμενη επιφάνεια του υγρού.
4. Προσθέστε λευκές ανταύγειες στο συννεφάκι και μια σκούρα κόκκινη σκιά πλάτους 1 pixel στις περιοχές του υγρού που οριοθετούν τα τοιχώματα της φούσκας. Φαίνεται κάπως καλό, ε;
5. Ομοίως, σχεδιάζουμε ένα μπουκάλι με μπλε υγρό - εδώ το ίδιο χρώμα γυαλιού, συν τρεις αποχρώσεις του μπλε για το υγρό.
4.2. Σχεδιάζοντας ένα καρπούζι.
Ας σχεδιάσουμε έναν κύκλο και ένα ημικύκλιο - αυτό θα είναι ένα καρπούζι και μια κομμένη φέτα.
2. Ας σημειώσουμε την κοπή στο ίδιο το καρπούζι και στη φέτα - το όριο μεταξύ του φλοιού και του πολτού.
3. Γέμισμα. Χρώματα από την παλέτα, η μεσαία απόχρωση του πράσινου είναι το χρώμα του φλοιού, η μεσαία απόχρωση του κόκκινου είναι το χρώμα του πολτού.
4. Ας σημειώσουμε την περιοχή μετάβασης από την κρούστα στον πολτό.
5. Ανοιχτές ρίγες στο καρπούζι (τελικά μοιάζει με τον εαυτό του). Και φυσικά – σπόροι! Αν διασταυρώσετε ένα καρπούζι με κατσαρίδες, θα συρθούν μόνες τους.
6. Το φέρνουμε στο μυαλό. Χρησιμοποιούμε ένα απαλό ροζ χρώμα για να υποδείξουμε τις επισημάνσεις πάνω από τους σπόρους στο τμήμα και τοποθετώντας τα εικονοστοιχεία σε ένα μοτίβο σκακιέρας, επιτυγχάνουμε κάποια ομοιότητα όγκου από το αποκομμένο τμήμα (η μέθοδος ονομάζεται dithering, περισσότερα για αυτό αργότερα ). Χρησιμοποιούμε μια σκούρα κόκκινη απόχρωση για να υποδείξουμε τις σκιασμένες περιοχές στο τμήμα του καρπουζιού και μια σκούρα πράσινη απόχρωση (και πάλι, pixel σε μοτίβο σκακιέρας) για να δώσουμε όγκο στο ίδιο το καρπούζι.
5. Διαταραχή.
Το Dithering, ή blending, είναι μια τεχνική ανάμειξης pixel σε δύο παρακείμενες περιοχές διαφορετικών χρωμάτων με σίγουρα ταξινομημένο (όχι πάντα) τρόπο. Το πιο απλό, το πιο κοινό και αποτελεσματικό τρόπο– εναλλακτικά pixel σε μοτίβο σκακιέρας:
Η τεχνική γεννήθηκε χάρη σε (ή μάλλον παρά τους) τεχνικούς περιορισμούς - σε πλατφόρμες με περιορισμένες παλέτες, η πρόσμειξη κατέστησε δυνατή, αναμειγνύοντας pixel δύο διαφορετικών χρωμάτων, να ληφθεί ένα τρίτο που δεν υπήρχε στην παλέτα:
Τώρα, σε μια εποχή απεριόριστων τεχνικών δυνατοτήτων, πολλοί λένε ότι η ανάγκη για άρωμα έχει εξαφανιστεί από μόνη της. Ωστόσο, η σωστή χρήση του μπορεί να δώσει στη δουλειά σας ένα χαρακτηριστικό ρετρό στυλ, αναγνωρίσιμο σε όλους τους λάτρεις των παλιών βιντεοπαιχνιδιών. Προσωπικά, μου αρέσει να χρησιμοποιώ το dithering. Δεν είμαι πολύ καλός σε αυτό, αλλά εξακολουθώ να το αγαπώ.Δύο ακόμη εναλλακτικές επιλογές:
Τι πρέπει να ξέρετε για το dithering για να μπορείτε να το χρησιμοποιήσετε. Το ελάχιστο πλάτος της ζώνης ανάμειξης πρέπει να είναι τουλάχιστον 2 pixel (οι ίδιες καρό γραμμές). Περισσότερα είναι δυνατά. Καλύτερα να μην κάνεις λιγότερα.Παρακάτω είναι ένα παράδειγμα ανεπιτυχούς διαταραχής. Παρά το γεγονός ότι μια παρόμοια τεχνική μπορεί συχνά να βρεθεί σε sprites από βιντεοπαιχνίδια, πρέπει να γνωρίζετε ότι η οθόνη της τηλεόρασης εξομάλυνσε σημαντικά την εικόνα και μια τέτοια χτένα, ακόμη και σε κίνηση, δεν ήταν ορατή στο μάτι:
Λοιπόν, αρκετή θεωρία. Σας προτείνω να εξασκηθείτε λίγο περισσότερο.
Το Pixel art μπορεί να σχεδιαστεί σε οποιοδήποτε πρόγραμμα γραφικών ράστερ, είναι θέμα προσωπικής προτίμησης και εμπειρίας (καθώς και οικονομικές ευκαιρίες, φυσικά). Μερικοί άνθρωποι χρησιμοποιούν το απλούστερο Paint, το κάνω στο Photoshop - γιατί, πρώτον, εργάζομαι σε αυτό για μεγάλο χρονικό διάστημα, και δεύτερον, είμαι πιο άνετα εκεί. Μόλις αποφάσισα να δοκιμάσω το δωρεάν Paint.NET, δεν μου άρεσε - είναι όπως με ένα αυτοκίνητο, αν αναγνωρίσετε ένα ξένο αυτοκίνητο με αυτόματο κιβώτιο ταχυτήτων, είναι απίθανο να μπείτε σε ένα Zaporozhets. Ο εργοδότης μου μου παρέχει λογισμικό με άδεια χρήσης, οπότε η συνείδησή μου είναι καθαρή ενώπιον της εταιρείας Adobe... Αν και χρεώνουν ασύλληπτες τιμές για τα προγράμματά τους, και θα καούν στην κόλαση γι' αυτό.
1. Προετοιμασία για εργασία.
Δημιουργήστε ένα νέο έγγραφο με οποιεσδήποτε ρυθμίσεις (ας είναι το πλάτος 60, το ύψος 100 pixel). Το κύριο εργαλείο ενός καλλιτέχνη pixel είναι ένα μολύβι ( Εργαλείο μολυβιού, καλείται με πλήκτρο πρόσβασης σι). Εάν το πινέλο (και το εικονίδιο του πινέλου) είναι ενεργοποιημένο στη γραμμή εργαλείων, τοποθετήστε το δείκτη του ποντικιού πάνω του, κάντε κλικ και κρατήστε πατημένο L.M.B.– Θα εμφανιστεί ένα μικρό αναπτυσσόμενο μενού στο οποίο θα πρέπει να επιλέξετε ένα μολύβι. Ορίστε το μέγεθος της πένας σε 1 pixel (στο επάνω πλαίσιο στα αριστερά υπάρχει ένα αναπτυσσόμενο μενού Βούρτσα):
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Μερικοί ακόμη χρήσιμοι συνδυασμοί. " Ctrl+" και " Ctrl-"μεγέθυνση και σμίκρυνση της εικόνας. Είναι επίσης χρήσιμο να γνωρίζουμε ότι το πάτημα Ctrlκαι " (εισαγωγικά ψαροκόκαλου, ή ρωσικό κλειδί " μι") ενεργοποιεί και απενεργοποιεί το πλέγμα, κάτι που βοηθάει πολύ κατά τη σχεδίαση εικονοστοιχείων. Η απόσταση του πλέγματος πρέπει επίσης να ρυθμιστεί για να σας ταιριάζει, όταν είναι 1 pixel. Κλικ Ctrl+K(ή πηγαίνετε στο Εκδίδω->Προτιμήσεις), πηγαίνετε στο θέμα Οδηγοί, Πλέγμα & Φέτεςκαι εγκαταστήστε Γραμμή πλέγματος κάθε 1 pixel(Επαναλαμβάνω, το 2 με βολεύει περισσότερο).
2. Σχέδιο.
Επιτέλους ξεκινάμε το σχέδιο. Γιατί να δημιουργήσετε ένα νέο επίπεδο ( Ctrl+Shift+N), μεταβείτε σε μαύρο χρώμα στυλό (πατήστε ρεορίζει τα προεπιλεγμένα χρώματα, μαύρο και άσπρο) και σχεδίασε το κεφάλι του χαρακτήρα, στην περίπτωσή μου είναι αυτή η συμμετρική έλλειψη:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Η κάτω και η επάνω βάση του έχουν μήκος 10 pixel, μετά υπάρχουν τμήματα των 4 pixel, τρία, τρία, ένα, ένα και μια κάθετη γραμμή ύψους 4 pixel. Οι ευθείες γραμμές στο Photoshop είναι βολικό να σχεδιάσετε με το Αλλαγή, αν και η κλίμακα της εικόνας στο pixel art είναι ελάχιστη, αυτή η τεχνική μερικές φορές εξοικονομεί πολύ χρόνο. Εάν κάνατε λάθος και σχεδιάσατε πολύ, κάνατε λάθος - μην στεναχωριέστε, μεταβείτε στο εργαλείο γόμας ( Γόμα επίσης l ή το πλήκτρο "". μι") και διαγράψτε ότι δεν χρειάζεστε. Ναι, φροντίστε να ρυθμίσετε τη γόμα στο μέγεθος της πένας σε 1 pixel έτσι ώστε να σβήνει pixel προς pixel και τη λειτουργία μολυβιού ( Λειτουργία: Μολύβι), αλλιώς θα πλύνει το λάθος πράγμα. Επιστρέφοντας σε ένα μολύβι, επιτρέψτε μου να σας υπενθυμίσω, μέσω του " σι»
Γενικά, αυτή η έλλειψη δεν σχεδιάζεται αυστηρά σύμφωνα με τους κανόνες της τέχνης pixel, αλλά το απαιτεί καλλιτεχνικό σχέδιο. Επειδή αυτό είναι το μελλοντικό κεφάλι, θα έχει μάτια, μύτη, στόμα - αρκετές λεπτομέρειες που θα τραβήξουν τελικά την προσοχή του θεατή και θα αποθαρρύνουν την επιθυμία να ρωτήσει γιατί το κεφάλι έχει τόσο ακανόνιστο σχήμα.
Συνεχίζουμε να σχεδιάζουμε, προσθέτοντας μύτη, μουστάκι και στόμα:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Τώρα τα μάτια:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Λάβετε υπόψη ότι σε τόσο μικρή κλίμακα τα μάτια δεν χρειάζεται να είναι στρογγυλά - στην περίπτωσή μου είναι τετράγωνα με μήκος πλευράς 5 pixel, με γωνιακά σημεία που δεν είναι τραβηγμένα. Όταν επιστρέψουν στην αρχική κλίμακα, θα φαίνονται αρκετά στρογγυλά, ενώ η εντύπωση της σφαιρικότητας μπορεί να βελτιωθεί με τη βοήθεια σκιών (περισσότερα για αυτό αργότερα, δείτε την 3η ενότητα του μαθήματος). Προς το παρόν, θα προσαρμόσω ελαφρώς το σχήμα της κεφαλής σβήνοντας μερικά pixel σε ένα μέρος και προσθέτοντάς τα σε ένα άλλο:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Σχεδιάζουμε φρύδια (είναι εντάξει που κρέμονται στον αέρα - αυτό είναι το στυλ μου) και πτυχές προσώπου στις γωνίες του στόματος, κάνοντας το χαμόγελο πιο εκφραστικό:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Οι γωνίες δεν φαίνονται ακόμη πολύ καλές, ένας από τους κανόνες της τέχνης των εικονοστοιχείων δηλώνει ότι κάθε εικονοστοιχείο της διαδρομής και τα στοιχεία μπορούν να έρθουν σε επαφή με όχι περισσότερα από δύο γειτονικά pixel. Αλλά αν μελετήσετε προσεκτικά sprites από παιχνίδια στα τέλη της δεκαετίας του '80 και στις αρχές της δεκαετίας του '90, αυτό το σφάλμα μπορεί να βρεθεί εκεί αρκετά συχνά. Συμπέρασμα - αν δεν μπορείτε, αλλά θέλετε πραγματικά, τότε μπορείτε. Αυτή η λεπτομέρεια μπορεί να αναπαραχθεί αργότερα κατά το γέμισμα με τη βοήθεια σκιών, οπότε προς το παρόν ας συνεχίσουμε να σχεδιάζουμε. Κορμός γλυπτική:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Μην δίνετε σημασία στους αστραγάλους προς το παρόν, φαίνεται άβολο, θα το φτιάξουμε όταν αρχίσουμε να γεμίζουμε. Μικρή διόρθωση: προσθέστε μια ζώνη και πτυχώσεις στη βουβωνική χώρα, και επίσης τονίστε αρθρώσεις γονάτων(χρησιμοποιώντας μικρά θραύσματα 2 pixel που προεξέχουν από τη γραμμή του ποδιού):
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.3. Γέμισμα.
Για κάθε στοιχείο του χαρακτήρα, τρία χρώματα θα μας αρκούν προς το παρόν - το κύριο χρώμα γεμίσματος, το χρώμα της σκιάς και το χρώμα περιγράμματος. Γενικά, υπάρχουν πολλά πράγματα που μπορείτε να συμβουλεύσετε σχετικά με τη θεωρία των χρωμάτων στην τέχνη των pixel, όπως: αρχικό στάδιοΜη διστάσετε να κατασκοπεύσετε τη δουλειά των δασκάλων και να αναλύσετε ακριβώς πώς επιλέγουν τα χρώματα. Η διαδρομή κάθε στοιχείου μπορεί, φυσικά, να μείνει μαύρη, αλλά στην περίπτωση αυτή τα στοιχεία σίγουρα θα συγχωνευθούν, προτιμώ να χρησιμοποιήσω ανεξάρτητα χρώματα, παρόμοιο με το κύριο χρώμα του στοιχείου, αλλά με χαμηλό κορεσμό. Ο πιο βολικός τρόπος είναι να σχεδιάσετε μια μικρή παλέτα κάπου κοντά στον χαρακτήρα σας και στη συνέχεια να πάρετε χρώματα από αυτήν χρησιμοποιώντας το εργαλείο σταγονόμετρο ( Eyedropper Tool, Ι):
Με την επιλογή επιθυμητό χρώμα, ενεργοποιήστε το εργαλείο "bucket" ( Κάδος μπογιάς, Γ). Επίσης, βεβαιωθείτε ότι έχετε απενεργοποιήσει τη λειτουργία Anti-alias στις ρυθμίσεις που χρειαζόμαστε το γέμισμα για να λειτουργεί καθαρά εντός των περιγραμμάτων που έχουν σχεδιαστεί και να μην υπερβαίνουν αυτά:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Συμπληρώνουμε τον χαρακτήρα μας, αν δεν μπορούμε να τον συμπληρώσουμε, τον σχεδιάζουμε με το χέρι με ένα μολύβι.
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Δώστε προσοχή στους αστραγάλους - λόγω του γεγονότος ότι αυτές οι περιοχές έχουν πάχος μόνο 2 εικονοστοιχείων, έπρεπε να εγκαταλείψω το χτύπημα και στις δύο πλευρές και να το σχεδιάσω μόνο στην προβλεπόμενη σκιά πλευρά, αφήνοντας μια γραμμή του κύριου χρώματος πάχους ενός εικονοστοιχείου. Σημειώστε επίσης ότι άφησα τα φρύδια μαύρα, αν και αυτό δεν έχει μεγάλη σημασία.
Το Photoshop διαθέτει μια εύχρηστη λειτουργία επιλογής χρώματος ( Επιλέξτε->Εύρος χρωμάτων, βάζοντας το σταγονόμετρο στο επιθυμητό χρώμα, θα έχουμε την επιλογή όλων των περιοχών παρόμοιου χρώματος και τη δυνατότητα να τις γεμίσουμε αμέσως, αλλά για αυτό χρειάζεστε τα στοιχεία του χαρακτήρα σας να βρίσκονται σε διαφορετικά επίπεδα, οπότε προς το παρόν θα θεωρήστε αυτή τη λειτουργία χρήσιμη για προχωρημένους χρήστες του Photoshop):
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.4. Σκιά και ταραχή.
Τώρα επιλέξτε τα χρώματα σκιάς και, μεταβαίνοντας στο μολύβι ( σι) απλώστε προσεκτικά τα σκιερά μέρη. Στην περίπτωσή μου, η πηγή φωτός βρίσκεται κάπου προς τα αριστερά και πάνω, μπροστά από τον χαρακτήρα - επομένως υποδεικνύουμε τις δεξιές πλευρές με μια σκιά με έμφαση προς το κάτω μέρος. Το πρόσωπο θα είναι το πιο πλούσιο σε σκιά, αφού είναι πολλά μικρά στοιχεία, που αναδεικνύονται ανάγλυφα με τη βοήθεια μιας σκιάς στη μία πλευρά και από την άλλη ρίχνουν οι ίδιοι μια σκιά (μάτια, μύτη, πτυχές προσώπου):
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Η σκιά είναι πολύ ισχυρή οπτικό μέσο, μια καλά σχεδιασμένη σκιά θα έχει θετική επίδραση στην εμφάνιση του χαρακτήρα – και στην εντύπωση που θα έχει στον θεατή. Στην τέχνη pixel, ένα μόνο pixel που τοποθετείται σε λάθος μέρος μπορεί να καταστρέψει ολόκληρο το έργο, ενώ ταυτόχρονα, τέτοιες φαινομενικά μικρές προσαρμογές μπορούν να κάνουν την εικόνα πολύ πιο όμορφη.
Όσο για χρωματική αντιπαράθεσηΚαι σε μια εικόνα με τέτοιες μινιατούρες διαστάσεις, κατά τη γνώμη μου, είναι εντελώς περιττός. Η ίδια η μέθοδος αποτελείται από την «μίξη» δύο γειτονικών χρωμάτων, η οποία επιτυγχάνεται με την κλιμάκωση των pixel. Ωστόσο, για να σας δώσω μια ιδέα της τεχνικής, θα σας παρουσιάσω ακόμα μικρές περιοχές ανάμειξης, στο παντελόνι, στο πουκάμισο και λίγο στο πρόσωπο:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Σε γενικές γραμμές, όπως μπορείτε να δείτε, τίποτα ιδιαίτερα περίπλοκο. Τέχνη pixelΑυτό που το κάνει τόσο ελκυστικό είναι ότι έχοντας κατακτήσει ορισμένα μοτίβα, ο καθένας μπορεί να σχεδιάσει καλά τον εαυτό του - απλά μελετώντας προσεκτικά τα έργα των δασκάλων. Αν και ναι, κάποια γνώση των βασικών στοιχείων του σχεδίου και της θεωρίας των χρωμάτων εξακολουθεί να μην βλάπτει. Προχωρήστε!
Καθώς περιηγήθηκα στο Διαδίκτυο σήμερα το πρωί, ήθελα να γράψω μια ανάρτηση για το Pixel Art και ενώ έψαχνα για υλικό βρήκα αυτά τα δύο άρθρα.
Ο όρος «γραφικά pixel» δεν είναι γνωστός σε όλους, ούτε είναι underground αργκό. Η Wikipedia θα σας βοηθήσει να μάθετε τι είναι αυτό. Το κύριο πράγμα που πρέπει να καταλάβετε είναι ότι γραφικά pixelκαθορίζεται από τον τρόπο δημιουργίας του σχεδίου (pixel προς pixel), όχι από τα αποτελέσματα. Ως εκ τούτου, τα σχέδια που λαμβάνονται με χρήση φίλτρων ή ειδικών αποδόσεων δεν περιλαμβάνονται επίσης σε αυτό. Στο πρώτο μέρος του άρθρου, και ίσως ακόμη και μια σειρά άρθρων αφιερωμένων σε αυτή την τέχνη, θα δείξω μερικά από τα έργα που μου άρεσαν.
Καταπληκτική εικονογράφηση, εξαιρετική δουλειά σκιών. (Polyfonken's Pixel Art).
Το θέμα είναι αρκετά ευρύ. Υπάρχουν παραλλαγές ζαριών.
Οι εικονογραφήσεις του Rod Hunt είναι πολύ πολύχρωμες και ρεαλιστικές. Ο καλλιτέχνης συνδυάζει διανυσματικά γραφικά με εικονοστοιχεία.
Οι Βραζιλιάνο-Γερμανοί μπλόγκερ Τιάγκο, Πι, Τζότζο και Μαριάνα παρουσιάζονται ως ευχάριστοι χαρακτήρες που γελούν. 
Αυτός ο πίνακας δημιουργήθηκε από τον Juan Manuel Daporta χρησιμοποιώντας μόνο MS Paint! Η εργασία κράτησε 8 μήνες. Εντυπωσιακός.
Τα εικονοστοιχεία ζουν επίσης εκτός οθονών υπολογιστών. Είναι εκπληκτικό πόσο καλά είναι κατανοητές οι πλοκές των εικονοστοιχείων εικόνων.
Διαστημικοί πόλεμοι στο στυλ του Super Robot Wars. Στον κόσμο των γραφικών pixel, ο Roberson έχει το δικό του μοναδικό στυλ.
Πόλη των τρελών κούκλων. Η εικόνα, αν και σχεδιασμένη σε διάνυσμα, εξακολουθεί να μοιάζει με εικονοστοιχείο. Ενδιαφέρουσα δουλειά.
Αυτή η κατεύθυνση της τέχνης των pixel με ενδιαφέρει ιδιαίτερα. Αυτές οι εικόνες δεν σχεδιάζονται στην οθόνη, αλλά στον καμβά ακρυλικά χρώματα. Αυτό το αριστούργημα έγινε από την Ashley Anderson.
Οι πόλεις Pixel είναι ξεχωριστές μεγάλο θέμα. Συνήθως υπάρχουν πολλές λεπτομέρειες και ιστορίες. Σε αυτή την εικόνα υπάρχει ένα ανάχωμα και πολύχρωμες μπάλες και ένα σούσι μπαρ, ακόμη και διαδηλωτές.
