Στις μέρες μας, προγράμματα όπως το Photoshop, το Illustrator, το Corel διευκολύνουν τη δουλειά του σχεδιαστή και του εικονογράφου. Με τη βοήθειά τους, μπορείτε να εργαστείτε πλήρως χωρίς να σας αποσπά η διάταξη των pixel, όπως συνέβαινε στα τέλη του περασμένου αιώνα. Ολοι απαραίτητους υπολογισμούςκατασκευάζει λογισμικό - γραφικούς επεξεργαστές. Υπάρχουν όμως άνθρωποι που εργάζονται προς μια διαφορετική κατεύθυνση, όχι απλώς διαφορετική, αλλά ακόμη και εντελώς αντίθετη. Δηλαδή, ασχολούνται με την ίδια παλιάς σχολής διάταξη των pixel για να αποκτήσουν ένα μοναδικό αποτέλεσμα και ατμόσφαιρα στα έργα τους.
Ένα παράδειγμα τέχνης pixel. Θραύσμα.
Σε αυτό το άρθρο θα θέλαμε να μιλήσουμε για άτομα που κάνουν pixel art. Ρίξτε μια πιο προσεκτική ματιά σε αυτά καλύτερα έργα, που λόγω της πολυπλοκότητας και μόνο της υλοποίησής τους μπορούν να ονομαστούν, χωρίς υπερβολή, έργα μοντέρνας τέχνης. Έργα που θα σας κόψουν την ανάσα όταν τα δείτε.
Pixel Art. Τα καλύτερα έργα και εικονογράφοι
Πόλη. Συγγραφέας: Zoggles
Παραμυθένιο κάστρο. Συγγραφέας: Tinuleaf
Μεσαιωνικό χωριό. Συγγραφέας: Docdoom
Κρεμαστοί κήποι της Βαβυλώνας. Συγγραφέας: Έκλειψη Σελήνης
Κατοικημένη περιοχή. Συγγραφέας:
Ο όρος «γραφικά pixel» δεν είναι γνωστός σε όλους, ούτε είναι underground αργκό. Η Wikipedia θα σας βοηθήσει να μάθετε τι είναι αυτό. Το κύριο πράγμα που πρέπει να καταλάβετε είναι ότι γραφικά pixelκαθορίζεται από τον τρόπο δημιουργίας του σχεδίου (pixel προς pixel), όχι από τα αποτελέσματα. Επομένως, τα σχέδια που λαμβάνονται με χρήση φίλτρων ή ειδικών αποδόσεων δεν περιλαμβάνονται επίσης σε αυτό. Στο πρώτο μέρος του άρθρου, και ίσως ακόμη και μια σειρά άρθρων αφιερωμένων σε αυτή την τέχνη, θα δείξω μερικά από τα έργα που μου άρεσαν.
Καταπληκτική εικονογράφηση, εξαιρετική δουλειά σκιών. (Polyfonken's Pixel Art).
Το θέμα είναι αρκετά ευρύ. Υπάρχουν παραλλαγές ζαριών.
Οι εικονογραφήσεις του Rod Hunt είναι πολύ πολύχρωμες και ρεαλιστικές. Ο καλλιτέχνης συνδυάζει διανυσματικά γραφικά με εικονοστοιχεία.
Οι Βραζιλιάνο-Γερμανοί μπλόγκερ Τιάγκο, Πι, Τζότζο και Μαριάνα παρουσιάζονται ως ευχάριστοι, γελαστοί χαρακτήρες με pixel. 
Αυτός ο πίνακας δημιουργήθηκε από τον Juan Manuel Daporta χρησιμοποιώντας μόνο MS Paint! Η εργασία κράτησε 8 μήνες. Εντυπωσιακός.
Τα εικονοστοιχεία ζουν επίσης εκτός οθονών υπολογιστών. Είναι εκπληκτικό πόσο καλά είναι κατανοητές οι πλοκές των εικονοστοιχείων εικόνων.
Διαστημικοί πόλεμοι στο στυλ του Super Robot Wars. Στον κόσμο των γραφικών pixel, ο Roberson έχει το δικό του μοναδικό στυλ.
Πόλη των τρελών κούκλων. Η εικόνα, αν και σχεδιασμένη σε διάνυσμα, εξακολουθεί να μοιάζει με εικονοστοιχείο. Ενδιαφέρουσα δουλειά.
Αυτή η κατεύθυνση της τέχνης των pixel με ενδιαφέρει ιδιαίτερα. Αυτές οι εικόνες δεν σχεδιάζονται στην οθόνη, αλλά στον καμβά ακρυλικά χρώματα. Αυτό το αριστούργημα έγινε από την Ashley Anderson.
Οι πόλεις Pixel είναι ξεχωριστές μεγάλο θέμα. Συνήθως υπάρχουν πολλές λεπτομέρειες και ιστορίες. Σε αυτή την εικόνα υπάρχει ένα ανάχωμα και πολύχρωμες μπάλες και ένα σούσι μπαρ, ακόμη και διαδηλωτές.
Τέχνη 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.
Η διαδρομή και γενικά όλες οι γραμμές του σχεδίου πρέπει να έχουν πάχος ενός pixel (με σπάνιες εξαιρέσεις).
Τα κατάγματα στερούν από το σχέδιο τη φυσική του ομαλότητα και ομορφιά. Και αν τα θραύσματα 3, 4 και 5 είναι προφανή και μπορούν εύκολα να διορθωθούν, με τα άλλα η κατάσταση είναι πιο περίπλοκη - εκεί το μήκος ενός μόνο κομματιού στην αλυσίδα είναι σπασμένο, θα φαινόταν ασήμαντο, αλλά το ασήμαντο είναι αισθητό. Χρειάζεται λίγη εξάσκηση για να μάθεις να βλέπεις αυτά τα μέρη και να τα αποφεύγεις. Το Kink 1 βγαίνει εκτός γραμμής επειδή είναι ένα μόνο pixel - ενώ στην περιοχή όπου εισήχθη, η γραμμή αποτελείται από τμήματα των 2 pixel. Για να το ξεφορτωθώ, άμβλυνα την είσοδο της καμπύλης στην κάμψη, επιμήκυνοντας το επάνω τμήμα στα 3 εικονοστοιχεία και ξαναζωγράφισα ολόκληρη τη γραμμή σε τμήματα 2 εικονοστοιχείων. Τα διαλείμματα 2 και 6 είναι πανομοιότυπα μεταξύ τους - αυτά είναι ήδη θραύσματα μήκους 2 εικονοστοιχείων σε περιοχές που κατασκευάζονται από μεμονωμένα εικονοστοιχεία.
Ένα στοιχειώδες σύνολο παραδειγμάτων κεκλιμένων ευθειών γραμμών, που μπορείτε να βρείτε σχεδόν σε κάθε εγχειρίδιο τέχνης 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 art, αλλά το απαιτεί καλλιτεχνικό σχέδιο. Επειδή αυτό είναι το μελλοντικό κεφάλι, θα έχει μάτια, μύτη, στόμα - αρκετές λεπτομέρειες που θα τραβήξουν τελικά την προσοχή του θεατή και θα αποθαρρύνουν την επιθυμία να ρωτήσει γιατί το κεφάλι έχει τόσο ακανόνιστο σχήμα.
Συνεχίζουμε να σχεδιάζουμε, προσθέτοντας μύτη, μουστάκι και στόμα:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Τώρα τα μάτια:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Λάβετε υπόψη ότι σε τόσο μικρή κλίμακα τα μάτια δεν χρειάζεται να είναι στρογγυλά - στην περίπτωσή μου είναι τετράγωνα με μήκος πλευράς 5 pixel, με γωνιακά σημεία που δεν είναι τραβηγμένα. Όταν επιστρέψουν στην αρχική κλίμακα, θα φαίνονται αρκετά στρογγυλά, ενώ η εντύπωση της σφαιρικότητας μπορεί να βελτιωθεί με τη βοήθεια σκιών (περισσότερα για αυτό αργότερα, δείτε την 3η ενότητα του μαθήματος). Προς το παρόν, θα προσαρμόσω ελαφρώς το σχήμα του κεφαλιού σβήνοντας μερικά pixel σε ένα μέρος και προσθέτοντάς τα σε ένα άλλο:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Σχεδιάζουμε φρύδια (είναι εντάξει που κρέμονται στον αέρα - αυτό είναι το στυλ μου) και πτυχές προσώπου στις γωνίες του στόματος, κάνοντας το χαμόγελο πιο εκφραστικό:
Pixel art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Οι γωνίες δεν φαίνονται ακόμα πολύ καλές. Αλλά αν μελετήσετε προσεκτικά 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 art για αρχάριους. | Εισαγωγή.
Pixel art για αρχάριους. | Εισαγωγή.
Σε γενικές γραμμές, όπως μπορείτε να δείτε, τίποτα ιδιαίτερα περίπλοκο. Τέχνη pixelΑυτό που το κάνει τόσο ελκυστικό είναι ότι έχοντας κατακτήσει ορισμένα μοτίβα, ο καθένας μπορεί να σχεδιάσει καλά τον εαυτό του - απλά μελετώντας προσεκτικά τα έργα των δασκάλων. Αν και ναι, κάποια γνώση των βασικών στοιχείων του σχεδίου και της θεωρίας των χρωμάτων εξακολουθεί να μην βλάπτει. Προχωρήστε!
Καθώς περιηγήθηκα στο Διαδίκτυο σήμερα το πρωί, ήθελα να γράψω μια ανάρτηση για το Pixel Art και ενώ έψαχνα για υλικό βρήκα αυτά τα δύο άρθρα.
Pixel Art (Pixel Art) - μεταφράζεται από τα αγγλικά ως pixel art. Ένα pixel, με τη σειρά του, είναι το μικρότερο γραφικό στοιχείο μιας ψηφιακής εικόνας.
Άρα Pixel Art σημαίνει κυριολεκτικά την τέχνη του σχεδίου με pixel.
Για λόγους σαφήνειας, ας δούμε αυτό το παράδειγμα:
Owlboy (παιχνίδι τέχνης pixel)
Έτσι μοιάζουν τα παιχνίδια με γραφικά στυλ Pixel Art.
Πολύ συχνά, τέτοια γραφικά χρησιμοποιούνται σε indie παιχνίδια επειδή έχουν ένα πολύ αναγνωρίσιμο στυλ παιχνιδιού στον υπολογιστή.
Ωστόσο, το Pixel Art δεν αφορά μόνο τα γραφικά, ξωτικάκαι εικόνες για παιχνίδια, αυτή είναι μια ολόκληρη κατεύθυνση ψηφιακής και γραφικής τέχνης.
Μπορείτε να σχεδιάσετε όμορφες εικόνες χρησιμοποιώντας pixel art:
Δεν θα μπερδέψετε αυτό το ρετρό στυλ γραφικών με τίποτα.
Ορισμένοι πίνακες σε αυτό το στυλ είναι αρκετά άξιοι να πάρουν μια θέση στην επιφάνεια εργασίας σας. 
Υπάρχουν επίσης πολύ cool καλλιτέχνες που δουλεύουν σε αυτό το στυλ.
Κοιτάξτε αυτή την εικόνα. Κάθε pixel εδώ σχεδιάστηκε ξεχωριστά και χειροκίνητα. Είναι σαν να συνθέτουν ένα μωσαϊκό όπως έκαναν πριν, και το κάνουν ακόμα τώρα.
Αν μεγεθύνουμε αυτήν την εικόνα, μπορούμε να δούμε πώς γίνονται όλα από κοντά:
Το μοναδικό στυλ της τέχνης των εικονοστοιχείων είναι ότι υπάρχουν αρκετά σαφείς χρωματικές μεταβάσεις και δεν υπάρχει αντιπαραβολή. Για παράδειγμα, ας πάρουμε μια άλλη εργασία στα ψηφιακά γραφικά ενός αρκετά μέσου επιπέδου, κοιτάξτε αυτό σχέδιο ενός κοριτσιού με γυαλιά(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, οι άνθρωποι έχουν επίσης αρχίσει να βαριούνται. Αν και προσωπικά πιστεύω ότι αυτό το ρετρό στυλ γραφικών είναι ήδη κλασικό και ένα αληθινό κλασικό δεν θα πεθάνει ποτέ.