Μέρος 6: Antialiasing
Μέρος 7: Υφές και Θάμπωμα
Μέρος 8: Κόσμος κεραμιδιών

Πρόλογος

Υπάρχουν πολλοί ορισμοί της τέχνης εικονοστοιχείων, αλλά εδώ θα χρησιμοποιήσουμε αυτό: μια εικόνα είναι τέχνη εικονοστοιχείων εάν έχει δημιουργηθεί εξ ολοκλήρου με το χέρι και υπάρχει έλεγχος του χρώματος και της θέσης κάθε εικονοστοιχείου που σχεδιάζεται. Φυσικά, στην τέχνη των εικονοστοιχείων, η συμπερίληψη ή η χρήση πινέλων ή εργαλείων θαμπώματος ή υποβαθμισμένων μηχανών (δεν είμαι σίγουρος) και άλλων επιλογών λογισμικού που είναι «σύγχρονες» δεν χρησιμοποιούνται από εμάς (στην πραγματικότητα τίθεται στη διάθεσή μας σημαίνει «στη διάθεσή μας» , αλλά λογικά φαίνεται πιο σωστό έτσι). Περιορίζεται στα εργαλεία μολυβιού και πλήρωσης.

Ωστόσο, δεν μπορείτε να πείτε ότι τα γραφικά τέχνης pixel ή τα γραφικά χωρίς pixel είναι περισσότερο ή λιγότερο όμορφα. Είναι πιο δίκαιο να πούμε ότι το pixel art είναι διαφορετικό και ταιριάζει καλύτερα για παιχνίδια ρετρό στυλ (όπως το Super Nintendo ή το Game Boy). Μπορείτε επίσης να συνδυάσετε τις τεχνικές που μαθαίνετε εδώ με εφέ από τέχνη χωρίς pixel για να δημιουργήσετε ένα υβριδικό στυλ.

Έτσι, εδώ θα μάθετε το τεχνικό μέρος του pixel art. Ωστόσο, δεν θα σε κάνω ποτέ καλλιτέχνη... για τον απλούστατο λόγο ότι ούτε εγώ είμαι καλλιτέχνης. Δεν θα σας διδάξω ούτε την ανθρώπινη ανατομία ούτε τη δομή των τεχνών και θα πω λίγα για την προοπτική. Σε αυτό το σεμινάριο, μπορείτε να βρείτε πολλές πληροφορίες σχετικά με τις τεχνικές pixel art. Στο τέλος, θα πρέπει να μπορείτε να δημιουργείτε χαρακτήρες και σκηνικά για τα παιχνίδια σας, υπό την προϋπόθεση ότι προσέχετε, εξασκείτε τακτικά και εφαρμόζετε τις συμβουλές που δίνονται.

- Θέλω επίσης να επισημάνω ότι μόνο μερικές από τις εικόνες που χρησιμοποιούνται σε αυτό το σεμινάριο έχουν μεγεθυνθεί. Για εικόνες που δεν είναι μεγεθυσμένες, καλό θα ήταν να αφιερώσετε χρόνο για να αντιγράψετε αυτές τις εικόνες ώστε να τις μελετήσετε λεπτομερώς. Η τέχνη των pixel είναι η ουσία των pixels είναι άχρηστη.

Στο τέλος, οφείλω να ευχαριστήσω όλους τους καλλιτέχνες που μαζί μου δημιούργησαν αυτόν τον οδηγό με τον ένα ή τον άλλο τρόπο: τον Shin για τη βρώμικη δουλειά και την τέχνη του, τον Xenohydrogen για την ιδιοφυΐα του με τα χρώματα, τον Lunn για τις γνώσεις του για την προοπτική, και τον Panda, τον αυστηρό Ahruon, τον Dayo και τον Kryon για τη γενναιόδωρη συνεισφορά τους στην απεικόνιση αυτών των σελίδων.

Λοιπόν, επιτρέψτε μου να επιστρέψω στο θέμα.

Μέρος 1: Τα σωστά εργαλεία

Άσχημα νέα: δεν θα σχεδιάσετε ούτε ένα pixel σε αυτό το μέρος! (Και αυτός δεν είναι λόγος να το παραλείψετε, σωστά;) Αν υπάρχει ένα ρητό που μισώ, είναι «δεν υπάρχουν κακά εργαλεία, μόνο κακοί εργάτες». Πίστευα ότι τίποτα δεν θα μπορούσε να απέχει περισσότερο από την αλήθεια (εκτός ίσως από το "ό,τι δεν σε σκοτώνει σε κάνει πιο δυνατό"), και η τέχνη των pixel είναι μια πολύ καλή επιβεβαίωση. Αυτός ο οδηγός έχει σκοπό να σας παρουσιάσει διάφορα λογισμικό, χρησιμοποιείται για τη δημιουργία εικονοστοιχείων και σας βοηθά να επιλέξετε το σωστό πρόγραμμα.

1.Μερικά παλιά πράγματα

Όταν επιλέγουν λογισμικό για τη δημιουργία pixel art, οι άνθρωποι συχνά σκέφτονται: «Επιλογή λογισμικού; Αυτό είναι τρέλα! Το μόνο που χρειαζόμαστε για να δημιουργήσουμε pixel art είναι ζωγραφική (προφανώς παιχνίδι με λέξεις, σχέδιο και πρόγραμμα)» Τραγικό λάθος: Μίλησα για κακά εργαλεία, αυτό είναι το πρώτο. Το Paint έχει ένα πλεονέκτημα (και μόνο ένα): το έχετε ήδη εάν χρησιμοποιείτε Windows. Από την άλλη, έχει πολλές ελλείψεις. Αυτή είναι μια (ημιτελής) λίστα:

*Δεν μπορείτε να ανοίξετε περισσότερα από ένα αρχεία ταυτόχρονα
* Χωρίς έλεγχο παλέτας.
*Χωρίς στρώματα ή διαφάνεια
* Δεν υπάρχουν μη ορθογώνιες επιλογές
* Λίγα πλήκτρα πρόσβασης
* Τρομερά άβολο

Με λίγα λόγια, μπορείτε να ξεχάσετε το Paint. Τώρα θα δούμε το πραγματικό λογισμικό.

2. Στο τέλος...

Στη συνέχεια, οι άνθρωποι σκέφτονται: "Εντάξει, το Paint είναι πολύ περιορισμένο για μένα, επομένως θα χρησιμοποιήσω τον φίλο μου Photoshop (ή Gimp ή PaintShopPro, είναι το ίδιο πράγμα) που έχουν χιλιάδες δυνατότητες." Αυτό μπορεί να είναι καλό ή κακό: αν γνωρίζετε ήδη ένα από αυτά τα προγράμματα, μπορείτε να δημιουργήσετε εικονοστοιχεία (με όλες τις επιλογές για αυτόματη αντι-αλλοίωση απενεργοποιημένες και πολλές από τις προηγμένες λειτουργίες απενεργοποιημένες). Εάν δεν γνωρίζετε ήδη αυτά τα προγράμματα, τότε θα αφιερώσετε πολύ χρόνο για να τα μάθετε, παρόλο που δεν χρειάζεστε όλη τη λειτουργικότητά τους, κάτι που θα είναι χάσιμο χρόνου. Εν ολίγοις, αν τα χρησιμοποιείτε για μεγάλο χρονικό διάστημα, μπορείτε να δημιουργήσετε pixel art (προσωπικά χρησιμοποιώ το Photoshop από συνήθεια), αλλά διαφορετικά, είναι πολύ καλύτερο να χρησιμοποιείτε προγράμματα που ειδικεύονται στο pixel art. Ναι, υπάρχουν.

3. Κρέμα

Υπάρχουν πολλά περισσότερα προγράμματα που έχουν σχεδιαστεί για εικονοστοιχεία από ό,τι μπορεί να σκεφτεί κανείς, αλλά εδώ θα εξετάσουμε μόνο τα καλύτερα. Όλα έχουν πολύ παρόμοια χαρακτηριστικά (έλεγχος παλέτας, επαναλαμβανόμενες προεπισκοπήσεις πλακιδίων, διαφάνεια, επίπεδα κ.λπ.). Οι διαφορές τους είναι στην ευκολία... και στην τιμή.

Charamaker 1999 - καλό πρόγραμμα, αλλά η διανομή φαίνεται να έχει σταματήσει.

Το Graphics Gale είναι πολύ πιο διασκεδαστικό και εύχρηστο, και πωλείται για περίπου 20 $, κάτι που δεν είναι και πολύ κακό. Επιτρέψτε μου να προσθέσω ότι η δοκιμαστική έκδοση δεν περιορίζεται χρονικά και συνοδεύεται από αρκετό κιτ για να κάνει αρκετά καλά γραφικά. Απλώς δεν λειτουργεί με .gif, κάτι που δεν είναι και τόσο πρόβλημα αφού το .png είναι καλύτερο πάντως.

Το λογισμικό που χρησιμοποιείται πιο συχνά από τους καλλιτέχνες pixel είναι το ProMotion, το οποίο είναι (προφανώς) πιο βολικό και πιο γρήγορο από το Graphics Gale. Ω ναι, είναι αγαπητή! μπορείς να αγοράσεις πλήρη έκδοσηγια ένα μικρό ποσό... 50 ευρώ (78 $).
Ας μην ξεχνάμε τους Mac φίλους μας! Το Pixen είναι ένα καλό πρόγραμμα που διατίθεται για Macintosh και είναι δωρεάν. Δυστυχώς δεν μπορώ να σας πω περισσότερα γιατί δεν έχω Mac. Σημείωση του μεταφραστή (από τα γαλλικά): Οι χρήστες Linux (και άλλοι) θα πρέπει να δοκιμάσουν το , και το GrafX2. Σας προτρέπω να τα δοκιμάσετε όλα σε εκδόσεις επίδειξης και να δείτε ποια ταιριάζει στην άνεσή σας. Τελικά είναι θέμα γούστου. Απλώς να ξέρετε ότι μόλις αρχίσετε να χρησιμοποιείτε ένα πρόγραμμα, μπορεί να είναι πολύ δύσκολο να μεταβείτε σε κάτι άλλο.

Συνεχίζεται…

Σημειώσεις μεταφραστή από τα γαλλικά στα αγγλικά

Αυτό μεγάλη ηγεσίαβασισμένο στην τέχνη των pixel, γραμμένο από τον Phil Razorbak από το LesForges.org. Ευχαριστώ πολύ Phil Razorbak που επέτρεψε στο OpenGameArt.org να μεταφράσει αυτούς τους οδηγούς και να τους δημοσιεύσει εδώ. (Από τον μεταφραστή στα ρωσικά: Δεν ζήτησα άδεια, αν θέλει κάποιος, μπορείς να βοηθήσεις, δεν έχω αρκετή εμπειρία στην επικοινωνία στα αγγλικά, πολύ λιγότερο στα γαλλικά).

Σημείωση μεταφραστή από τα αγγλικά στα ρωσικά

Είμαι προγραμματιστής, όχι καλλιτέχνης ή μεταφραστής, μεταφράζω για τους φίλους μου καλλιτέχνες, αλλά ό,τι καλό πάει χαμένο, ας είναι εδώ.
Το πρωτότυπο στα γαλλικά βρίσκεται κάπου εδώ www.lesforges.org
Μετάφραση από τα γαλλικά στα αγγλικά εδώ: opengameart.org/content/les-forges-pixel-art-course
Έκανα μετάφραση από τα αγγλικά γιατί δεν ξέρω γαλλικά.
Και ναι, αυτή είναι η πρώτη μου δημοσίευση, οπότε οι προτάσεις σχεδιασμού είναι ευπρόσδεκτες. Επιπλέον, με ενδιαφέρει το ερώτημα: πρέπει τα υπόλοιπα μέρη να δημοσιεύονται ως ξεχωριστά άρθρα ή είναι καλύτερο να ενημερώσετε και να συμπληρώσετε αυτό;

Adobe Photoshop: Σχεδιάζουμε και εμψυχώνουμε έναν χαρακτήρα Τεχνολογία pixelΤέχνη

Σε αυτό το μάθημα θα μάθετε πώς να σχεδιάζετε και να ζωντανεύετε χαρακτήρες χρησιμοποιώντας την τεχνική Τέχνη pixel. Για να το κάνετε αυτό, χρειάζεστε μόνο το Adobe Photoshop. Το αποτέλεσμα θα είναι ένα GIF με έναν αστροναύτη που τρέχει.

Πρόγραμμα: Adobe Photoshop Δυσκολία: αρχάριοι, μεσαίο επίπεδο Απαιτούμενος χρόνος: 30 λεπτά – ώρα

I. Ρύθμιση του εγγράφου και των εργαλείων

Βήμα 1

Επιλέξτε Μολύβι από τη γραμμή εργαλείων - αυτό θα είναι το κύριο εργαλείο για το μάθημά μας. Στις ρυθμίσεις, επιλέξτε τον τύπο πινέλου Hard Round και ορίστε τις υπόλοιπες τιμές όπως στην εικόνα. Στόχος μας είναι να κάνουμε τη μύτη του μολυβιού όσο το δυνατόν πιο κοφτερή.

Βήμα 2

Στις ρυθμίσεις του Εργαλείου γόμας (γόμα), επιλέξτε Λειτουργία μολυβιού και ορίστε τις υπόλοιπες τιμές όπως φαίνεται στην εικόνα.

Βήμα 3

Ενεργοποιήστε το Pixel Grid (Προβολή > Εμφάνιση > Πλέγμα Pixel). Εάν δεν υπάρχει τέτοιο στοιχείο στο μενού, μεταβείτε στις ρυθμίσεις και ενεργοποιήστε την επιτάχυνση γραφικών Προτιμήσεις > Απόδοση > Επιτάχυνση γραφικών.

Σημείωση: Το πλέγμα θα είναι ορατό μόνο στον πρόσφατα δημιουργημένο καμβά όταν γίνει μεγέθυνση 600% ή περισσότερο.

Βήμα 4

Στις Προτιμήσεις > Γενικά (Control-K), αλλάξτε τη λειτουργία παρεμβολής εικόνας σε λειτουργία Πλησιέστερου γείτονα. Αυτό θα επιτρέψει στα όρια των αντικειμένων να παραμείνουν όσο το δυνατόν πιο σαφή.

Στις ρυθμίσεις Units & Rulers, ορίστε τις μονάδες χάρακα σε pixels Preferences > Units & Rulers > Pixels.

II. Δημιουργία χαρακτήρων

Βήμα 1

Και τώρα που όλα έχουν ρυθμιστεί, μπορούμε να προχωρήσουμε απευθείας στη σχεδίαση του χαρακτήρα.

Σκιαγράφησε τον χαρακτήρα σου με ξεκάθαρο περίγραμμα, προσέχοντας να μην τον υπερφορτώνεις με μικρές λεπτομέρειες. Σε αυτό το στάδιο, το χρώμα δεν έχει καθόλου σημασία, το κύριο πράγμα είναι ότι το περίγραμμα είναι σαφώς σχεδιασμένο και καταλαβαίνετε πώς θα φαίνεται ο χαρακτήρας. Αυτό το σκίτσο ετοιμάστηκε ειδικά για αυτό το μάθημα.

Βήμα 2

Μειώστε την κλίμακα του σκίτσου σε ύψος 60 pixel χρησιμοποιώντας τη συντόμευση πληκτρολογίου Control+T ή Επεξεργασία > Ελεύθερος μετασχηματισμός.

Το μέγεθος του αντικειμένου εμφανίζεται στον πίνακα πληροφοριών. Λάβετε υπόψη ότι οι ρυθμίσεις παρεμβολής είναι οι ίδιες με αυτές που κάναμε στο βήμα 4.

Βήμα 3

Κάντε μεγέθυνση στο σκίτσο κατά 300-400% για να διευκολύνετε την εργασία και να μειώσετε την αδιαφάνεια του στρώματος. Στη συνέχεια, δημιουργήστε ένα νέο στρώμα και σχεδιάστε τα περιγράμματα του σκίτσου χρησιμοποιώντας το εργαλείο μολύβι. Εάν ο χαρακτήρας είναι συμμετρικός, όπως στην περίπτωσή μας, μπορείτε να περιγράψετε μόνο το μισό, και στη συνέχεια να τον αντιγράψετε και να τον αναστρέψετε ως καθρέφτη (Επεξεργασία > Μετασχηματισμός > Αναστροφή οριζόντιας).

Ρυθμός:Για να σχεδιάσετε σύνθετα στοιχεία, σπάστε τα σε μέρη. Όταν τα εικονοστοιχεία (κουκκίδες) σε μια γραμμή σχηματίζουν έναν "ρυθμό" όπως 1-2-3 ή 1-1-2-2-3-3, το σκίτσο φαίνεται πιο ομαλό για ανθρώπινο μάτι. Αλλά, αν η φόρμα το απαιτεί, αυτός ο ρυθμός μπορεί να διαταραχθεί.

Βήμα 4

Όταν το περίγραμμα είναι έτοιμο, μπορείτε να επιλέξετε τα κύρια χρώματα και να βάψετε τα μεγάλα σχήματα. Κάντε αυτό σε ένα ξεχωριστό στρώμα κάτω από το περίγραμμα.

Βήμα 5

Ομαλώστε το περίγραμμα σχεδιάζοντας μια σκιά κατά μήκος της εσωτερικής άκρης.

Συνεχίστε να προσθέτετε σκιές. Όπως ίσως έχετε παρατηρήσει καθώς σχεδιάζετε, ορισμένα σχήματα μπορούν να διορθωθούν.

Βήμα 6

Δημιουργήστε ένα νέο επίπεδο για τα highlights.

Επιλέξτε τη λειτουργία συνδυασμού επικάλυψης από την αναπτυσσόμενη λίστα στον πίνακα "Επίπεδα". Σχεδιάζω ανοιχτό χρώμαπάνω από τις περιοχές που θέλετε να επισημάνετε. Στη συνέχεια εξομαλύνετε τις επισημάνσεις χρησιμοποιώντας Filter > Blur > Blur.

Ολοκληρώστε την εικόνα, στη συνέχεια αντιγράψτε και αντικατοπτρίστε το τελειωμένο μισό της εικόνας και μετά συνδυάστε τα στρώματα με τα μισά για να δημιουργήσετε μια ολόκληρη εικόνα.

Βήμα 7

Τώρα ο αστροναύτης πρέπει να προσθέσει αντίθεση. Χρησιμοποιήστε τις ρυθμίσεις Επίπεδα (Εικόνα > Προσαρμογές > Επίπεδα) για να το κάνετε πιο φωτεινό και, στη συνέχεια, προσαρμόστε την απόχρωση χρησιμοποιώντας την επιλογή Ισορροπία χρωμάτων (Εικόνα > Προσαρμογές > Ισορροπία χρωμάτων).

Ο χαρακτήρας είναι τώρα έτοιμος για κινούμενα σχέδια.

III. Κινούμενα σχέδια χαρακτήρων

Βήμα 1

Δημιουργήστε ένα αντίγραφο του επιπέδου (Επίπεδο > Νέο > Επίπεδο μέσω αντιγραφής) και μετακινήστε το 1 εικονοστοιχείο επάνω και 2 εικονοστοιχεία προς τα δεξιά. Αυτό είναι ένα βασικό σημείο στο animation χαρακτήρων.

Μειώστε την αδιαφάνεια του αρχικού στρώματος κατά 50%, ώστε να μπορείτε να δείτε το προηγούμενο πλαίσιο. Αυτό ονομάζεται "Onion Skinning" (λειτουργία πληθυντικού).

Βήμα 2

Τώρα λυγίστε τα χέρια και τα πόδια του χαρακτήρα σας σαν να έτρεχε.

● Επισήμανση αριστερόχειραςεργαλείο λάσο

● Χρησιμοποιώντας το FreeTransformTool (Επεξεργασία > FreeTransform) και κρατώντας πατημένο το πλήκτρο Control, μετακινήστε τα περιγράμματα του κοντέινερ έτσι ώστε το χέρι να μετακινηθεί προς τα πίσω.

● Επιλέξτε πρώτα ένα πόδι και τεντώστε το λίγο. Στη συνέχεια, σφίξτε το άλλο πόδι, αντίθετα, έτσι ώστε να νιώσετε ότι ο χαρακτήρας περπατά.

● Χρησιμοποιήστε μολύβι και γόμα για να διορθώσετε το εξάρτημα δεξί χέρικάτω από τον αγκώνα.

Βήμα 3

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

Βήμα 4

Δημιουργήστε ένα αντίγραφο του δεύτερου στρώματος και γυρίστε το οριζόντια. Τώρα έχετε 1 βασική στάση και 2 σε κίνηση. Επαναφέρετε την αδιαφάνεια όλων των επιπέδων στο 100%.

Βήμα 5

Μεταβείτε στο Παράθυρο > Χρονολόγιο για να εμφανίσετε τον πίνακα Χρονολόγιο και κάντε κλικ στην επιλογή Δημιουργία κινούμενης εικόνας πλαισίου.

Μέρος 7: Υφές και Θάμπωμα
Μέρος 8: Κόσμος κεραμιδιών

Πρόλογος

Υπάρχουν πολλοί ορισμοί της τέχνης εικονοστοιχείων, αλλά εδώ θα χρησιμοποιήσουμε αυτό: μια εικόνα είναι τέχνη εικονοστοιχείων εάν έχει δημιουργηθεί εξ ολοκλήρου με το χέρι και υπάρχει έλεγχος του χρώματος και της θέσης κάθε εικονοστοιχείου που σχεδιάζεται. Φυσικά, στην τέχνη των εικονοστοιχείων, η συμπερίληψη ή η χρήση πινέλων ή εργαλείων θαμπώματος ή υποβαθμισμένων μηχανών (δεν είμαι σίγουρος) και άλλων επιλογών λογισμικού που είναι «σύγχρονες» δεν χρησιμοποιούνται από εμάς (στην πραγματικότητα τίθεται στη διάθεσή μας σημαίνει «στη διάθεσή μας» , αλλά λογικά φαίνεται πιο σωστό έτσι). Περιορίζεται στα εργαλεία μολυβιού και πλήρωσης.

Ωστόσο, δεν μπορείτε να πείτε ότι τα γραφικά τέχνης pixel ή τα γραφικά χωρίς pixel είναι περισσότερο ή λιγότερο όμορφα. Είναι πιο δίκαιο να πούμε ότι το pixel art είναι διαφορετικό και ταιριάζει καλύτερα για παιχνίδια ρετρό στυλ (όπως το Super Nintendo ή το Game Boy). Μπορείτε επίσης να συνδυάσετε τις τεχνικές που μαθαίνετε εδώ με εφέ από τέχνη χωρίς pixel για να δημιουργήσετε ένα υβριδικό στυλ.

Έτσι, εδώ θα μάθετε το τεχνικό μέρος του pixel art. Ωστόσο, δεν θα σε κάνω ποτέ καλλιτέχνη... για τον απλούστατο λόγο ότι ούτε εγώ είμαι καλλιτέχνης. Δεν θα σας διδάξω ούτε την ανθρώπινη ανατομία ούτε τη δομή των τεχνών και θα πω λίγα για την προοπτική. Σε αυτό το σεμινάριο, μπορείτε να βρείτε πολλές πληροφορίες σχετικά με τις τεχνικές pixel art. Στο τέλος, θα πρέπει να μπορείτε να δημιουργείτε χαρακτήρες και σκηνικά για τα παιχνίδια σας, υπό την προϋπόθεση ότι προσέχετε, εξασκείτε τακτικά και εφαρμόζετε τις συμβουλές που δίνονται.

- Θέλω επίσης να επισημάνω ότι μόνο μερικές από τις εικόνες που χρησιμοποιούνται σε αυτό το σεμινάριο έχουν μεγεθυνθεί. Για εικόνες που δεν είναι μεγεθυσμένες, καλό θα ήταν να αφιερώσετε χρόνο για να αντιγράψετε αυτές τις εικόνες ώστε να τις μελετήσετε λεπτομερώς. Η τέχνη των pixel είναι η ουσία των pixels είναι άχρηστη.

Στο τέλος, οφείλω να ευχαριστήσω όλους τους καλλιτέχνες που μαζί μου δημιούργησαν αυτόν τον οδηγό με τον ένα ή τον άλλο τρόπο: τον Shin για τη βρώμικη δουλειά και την τέχνη του, τον Xenohydrogen για την ιδιοφυΐα του με τα χρώματα, τον Lunn για τις γνώσεις του για την προοπτική, και τον Panda, τον αυστηρό Ahruon, τον Dayo και τον Kryon για τη γενναιόδωρη συνεισφορά τους στην απεικόνιση αυτών των σελίδων.

Λοιπόν, επιτρέψτε μου να επιστρέψω στο θέμα.

Μέρος 1: Τα σωστά εργαλεία

Άσχημα νέα: δεν θα σχεδιάσετε ούτε ένα pixel σε αυτό το μέρος! (Και αυτός δεν είναι λόγος να το παραλείψετε, σωστά;) Αν υπάρχει ένα ρητό που μισώ, είναι «δεν υπάρχουν κακά εργαλεία, μόνο κακοί εργάτες». Πίστευα ότι τίποτα δεν θα μπορούσε να απέχει περισσότερο από την αλήθεια (εκτός ίσως από το "ό,τι δεν σε σκοτώνει σε κάνει πιο δυνατό"), και η τέχνη των pixel είναι μια πολύ καλή επιβεβαίωση. Αυτός ο οδηγός στοχεύει να σας παρουσιάσει το διαφορετικό λογισμικό που χρησιμοποιείται για τη δημιουργία εικονοστοιχείων και να σας βοηθήσει να επιλέξετε το σωστό πρόγραμμα.

1.Μερικά παλιά πράγματα

Όταν επιλέγουν λογισμικό για τη δημιουργία pixel art, οι άνθρωποι συχνά σκέφτονται: «Επιλογή λογισμικού; Αυτό είναι τρέλα! Το μόνο που χρειαζόμαστε για να δημιουργήσουμε pixel art είναι ζωγραφική (προφανώς παιχνίδι με λέξεις, σχέδιο και πρόγραμμα)» Τραγικό λάθος: Μίλησα για κακά εργαλεία, αυτό είναι το πρώτο. Το Paint έχει ένα πλεονέκτημα (και μόνο ένα): το έχετε ήδη εάν χρησιμοποιείτε Windows. Από την άλλη, έχει πολλές ελλείψεις. Αυτή είναι μια (ημιτελής) λίστα:

*Δεν μπορείτε να ανοίξετε περισσότερα από ένα αρχεία ταυτόχρονα
* Χωρίς έλεγχο παλέτας.
*Χωρίς στρώματα ή διαφάνεια
* Δεν υπάρχουν μη ορθογώνιες επιλογές
* Λίγα πλήκτρα πρόσβασης
* Τρομερά άβολο

Με λίγα λόγια, μπορείτε να ξεχάσετε το Paint. Τώρα θα δούμε το πραγματικό λογισμικό.

2. Στο τέλος...

Στη συνέχεια, οι άνθρωποι σκέφτονται: "Εντάξει, το Paint είναι πολύ περιορισμένο για μένα, επομένως θα χρησιμοποιήσω τον φίλο μου Photoshop (ή Gimp ή PaintShopPro, είναι το ίδιο πράγμα) που έχουν χιλιάδες δυνατότητες." Αυτό μπορεί να είναι καλό ή κακό: αν γνωρίζετε ήδη ένα από αυτά τα προγράμματα, μπορείτε να δημιουργήσετε εικονοστοιχεία (με όλες τις επιλογές για αυτόματη αντι-αλλοίωση απενεργοποιημένες και πολλές από τις προηγμένες λειτουργίες απενεργοποιημένες). Εάν δεν γνωρίζετε ήδη αυτά τα προγράμματα, τότε θα αφιερώσετε πολύ χρόνο για να τα μάθετε, παρόλο που δεν χρειάζεστε όλη τη λειτουργικότητά τους, κάτι που θα είναι χάσιμο χρόνου. Εν ολίγοις, αν τα χρησιμοποιείτε για μεγάλο χρονικό διάστημα, μπορείτε να δημιουργήσετε pixel art (προσωπικά χρησιμοποιώ το Photoshop από συνήθεια), αλλά διαφορετικά, είναι πολύ καλύτερο να χρησιμοποιείτε προγράμματα που ειδικεύονται στο pixel art. Ναι, υπάρχουν.

3. Κρέμα

Υπάρχουν πολλά περισσότερα προγράμματα που έχουν σχεδιαστεί για εικονοστοιχεία από ό,τι μπορεί να σκεφτεί κανείς, αλλά εδώ θα εξετάσουμε μόνο τα καλύτερα. Όλα έχουν πολύ παρόμοια χαρακτηριστικά (έλεγχος παλέτας, επαναλαμβανόμενες προεπισκοπήσεις πλακιδίων, διαφάνεια, επίπεδα κ.λπ.). Οι διαφορές τους είναι στην ευκολία... και στην τιμή.

Το Charamaker 1999 είναι ένα καλό πρόγραμμα, αλλά η διανομή φαίνεται να βρίσκεται σε αναμονή.

Το Graphics Gale είναι πολύ πιο διασκεδαστικό και εύχρηστο, και πωλείται για περίπου 20 $, κάτι που δεν είναι και πολύ κακό. Επιτρέψτε μου να προσθέσω ότι η δοκιμαστική έκδοση δεν είναι περιορισμένη χρονικά και συνοδεύεται από αρκετό κιτ για να κάνει αρκετά καλά γραφικά. Απλώς δεν δουλεύει με .gif, κάτι που δεν είναι τόσο πρόβλημα αφού το .png είναι πάντως καλύτερο.

Το λογισμικό που χρησιμοποιείται πιο συχνά από τους καλλιτέχνες pixel είναι το ProMotion, το οποίο είναι (προφανώς) πιο βολικό και πιο γρήγορο από το Graphics Gale. Ω ναι, είναι αγαπητή! Μπορείτε να αγοράσετε την πλήρη έκδοση με ένα μικρό ποσό... 50 ευρώ (78 $).
Ας μην ξεχνάμε τους Mac φίλους μας! Το Pixen είναι ένα καλό πρόγραμμα που διατίθεται για Macintosh και είναι δωρεάν. Δυστυχώς δεν μπορώ να σας πω περισσότερα γιατί δεν έχω Mac. Σημείωση του μεταφραστή (από τα γαλλικά): Οι χρήστες Linux (και άλλοι) θα πρέπει να δοκιμάσουν το , και το GrafX2. Σας προτρέπω να τα δοκιμάσετε όλα σε εκδόσεις επίδειξης και να δείτε ποια ταιριάζει στην άνεσή σας. Τελικά είναι θέμα γούστου. Απλώς να ξέρετε ότι μόλις αρχίσετε να χρησιμοποιείτε ένα πρόγραμμα, μπορεί να είναι πολύ δύσκολο να μεταβείτε σε κάτι άλλο.

Συνεχίζεται…

Σημειώσεις μεταφραστή από τα γαλλικά στα αγγλικά

Αυτό είναι ένα εξαιρετικό σεμινάριο για την τέχνη των pixel, γραμμένο από τον Phil Razorbak από το LesForges.org. Ευχαριστούμε πολύ τον Phil Razorback που επέτρεψε στο OpenGameArt.org να μεταφράσει αυτούς τους οδηγούς και να τους δημοσιεύσει εδώ. (Από τον μεταφραστή στα ρωσικά: Δεν ζήτησα άδεια, αν θέλει κάποιος, μπορείς να βοηθήσεις, δεν έχω αρκετή εμπειρία στην επικοινωνία στα αγγλικά, πολύ λιγότερο στα γαλλικά).

Σημείωση μεταφραστή από τα αγγλικά στα ρωσικά

Είμαι προγραμματιστής, όχι καλλιτέχνης ή μεταφραστής, μεταφράζω για τους φίλους μου καλλιτέχνες, αλλά ό,τι καλό πάει χαμένο, ας είναι εδώ.
Το πρωτότυπο στα γαλλικά βρίσκεται κάπου εδώ www.lesforges.org
Μετάφραση από τα γαλλικά στα αγγλικά εδώ: opengameart.org/content/les-forges-pixel-art-course
Έκανα μετάφραση από τα αγγλικά γιατί δεν ξέρω γαλλικά.
Και ναι, αυτή είναι η πρώτη μου δημοσίευση, οπότε οι προτάσεις σχεδιασμού είναι ευπρόσδεκτες. Επιπλέον, με ενδιαφέρει το ερώτημα: πρέπει τα υπόλοιπα μέρη να δημοσιεύονται ως ξεχωριστά άρθρα ή είναι καλύτερο να ενημερώσετε και να συμπληρώσετε αυτό;

4,7 (93,8%) 158 ψήφοι

Τα καρό σχέδια ή τα εικονοστοιχεία είναι πολύ λαϊκή άποψητέχνη μεταξύ μαθητών και μαθητών. Κατά τη διάρκεια των κουραστικών διαλέξεων, τα σχέδια ανά τετράγωνα σας σώζουν από την πλήξη Το πρωτότυπο του σχεδίου με τετράγωνα ήταν η σταυροβελονιά, όπου σχεδιαζόταν ένα μοτίβο σταυρού σε έναν καμβά, ένα ύφασμα σημειωμένο με τετράγωνα. Κάποτε ήμασταν όλοι μαθητές και μαθητές και ζωγραφίζαμε διαφορετικές εικόνες σε κουτιά από πλήξη, φανταστείτε την έκπληξή μου όταν έμαθα ότι αυτή είναι πρακτικά τέχνη με τα δικά της αριστουργήματα και ιδιοφυΐες. Άρχισα να μελετώ το θέμα πιο αναλυτικά και αυτό βγήκε από αυτό...

Πώς να σχεδιάσετε εικόνες ανά κελιά

Αυτή η τέχνη είναι προσβάσιμη σε οποιονδήποτε, το κύριο πράγμα είναι να ακολουθείτε τα κύτταρα καθαρά. Τα σχολικά τετράδια είναι ιδανικά για τη σχεδίαση εικόνων το μέγεθος των τετραγώνων τους είναι 5x5 mm και το ίδιο το σημειωματάριο είναι 205 mm επί 165 mm. Επί αυτή τη στιγμήΤα ελατήρια σημειωματάρια με φύλλο Α4 κερδίζουν δημοτικότητα μεταξύ των καλλιτεχνών κουτιών το μέγεθος αυτού του σημειωματάριου είναι 280 mm επί 205 mm.

Οι επαγγελματίες καλλιτέχνες δημιουργούν τα αριστουργήματά τους σε χαρτί graph (χαρτί σχεδίασης), εκεί υπάρχει χώρος για περιπλάνηση. Το μόνο μειονέκτημα του γραφικού χαρτιού είναι ότι είναι χλωμό πράσινο χρώμα, το οποίο δεν γίνεται αντιληπτό όταν σχεδιάζετε με χρωματιστά στυλό.
Όταν επιλέγετε ένα σημειωματάριο για σχέδιο, δώστε προσοχή στο πάχος του χαρτιού η ποιότητα του σχεδίου σας στα κελιά εξαρτάται από την πυκνότητά του, αν θα εμφανιστεί στη λάθος πλευρά του φύλλου. Η ιδανική πυκνότητα φύλλου δεν είναι μικρότερη από 50 g/τ.μ.

Πώς να σχεδιάσετε εικόνες ανά κελιά

Για να χρωματίσετε τις εικόνες ανά κελιά, δεν χρειάζεστε ειδικά εργαλεία. Οι μονόχρωμοι πίνακες είναι πολύ cool, αλλά θέλω πολύ να δώσω λίγο χρώμα στη ζωή μου. Για να γίνουν ποικίλα τα χρώματα, πήγαινε σε χαρτοπωλείο και διάλεξε ό,τι θέλει η καρδιά σου, στυλό τζελ, λάδι, μπάλα.

Στυλό μπάλα για τέχνη pixel

Στυλό από τσόχα για σχέδια σε κελιά

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

Μολύβια για σχέδια ανά κελιά

Τα μολύβια είναι ένας άλλος τύπος συσκευής σκίτσο. Τα μολύβια δεν αποτελούν εξαίρεση στην ποικιλία των τύπων τους, διατίθενται σε πλαστικό, κερί, ξύλο και ακουαρέλα. Ζωγραφίζουμε με ξύλο παιδική ηλικία, και ξέρουμε ότι συχνά σπάνε τη γραφίδα. Τα πλαστικά και τα κερί σπάνε λιγότερο συχνά, αλλά είναι παχύτερα, κάτι που θα είναι λιγότερο βολικό για το σχέδιο. Σχετικά με μολύβια ακουαρέλαςεκτός θέματος, αφού μετά τη ζωγραφική με μολύβι πρέπει να καλύψετε το σχέδιο με μια βρεγμένη βούρτσα και αυτό είναι απαράδεκτο για τα φύλλα σημειωματάριων.

Δείτε ένα βίντεο σχετικά με το πόσο εύκολο είναι να σχεδιάζετε εικόνες σε κελιά και πόσο όμορφο μπορεί να είναι το αποτέλεσμα:

Μερικά ακόμη σχέδια σχεδίασης που μου άρεσαν:

Dot γραφικά - τεχνολογία pixel art

Καταλάβαμε ποια αξεσουάρ χρειάζονται, τώρα ας εξοικειωθούμε με την τεχνολογία. Η τεχνολογία Pixel Art είναι πολύ απλή, είναι γραφικά με κουκκίδες.

Πριν αρχίσουμε να εξετάζουμε τις μεθόδους τέχνης pixel, ας επιστρέψουμε στην παιδική μας ηλικία στις δεκαετίες 80-90. Φυσικά, όσοι μεγάλωσαν στη μετασοβιετική εποχή θυμούνται βιντεοπαιχνίδια 8-bit, γραφικά παιχνιδιών, τα οποία βασίστηκαν σε γραφικά pixel.

Ο καλύτερος τρόπος για να κυριαρχήσετε οτιδήποτε είναι η εξάσκηση, ας προσπαθήσουμε να κυριαρχήσουμε στην τέχνη των pixel:

Πάρτε ένα μαύρο και κόκκινο στυλό λαδιού και φύλλο σημειωματάριουστο κουτί.

Αρχικά, ας κάνουμε ένα απλό σχέδιο. Ας μετρήσουμε τα κελιά, προσδιορίζουμε το περίγραμμα και το χρωματίζουμε ανάλογα με τα χρώματα.

Για παράδειγμα, ας σχεδιάσουμε μια καρδιά:

1. Πάρτε ένα καρό φύλλο και ένα στυλό με μαύρο μελάνι, βάλτε 3 τελείες, όπως στην εικόνα, οι κουκκίδες επισημαίνουν ποια κελιά θα βαφτούν μαύρα.
   
   
2. Σχεδιάστε γραμμές που δείχνουν τα περιγράμματα της εικόνας.
   
   
3. Σημειώστε τρία σημεία σε κάθε πλευρά, δείτε το σχήμα.
   
   
4. Σημειώνουμε την περιοχή του σχεδίου με δύο γραμμές.
   
   
5. Ας βάλουμε έναν ακόμη πόντο σε κάθε πλευρά και ας σχεδιάσουμε τα όρια κάτω από τα πάνω σημεία.
   
   
6. Ας σχεδιάσουμε 8 πόντους κάθετα και 4 πόντους και στις δύο πλευρές, όπως φαίνεται στο παρακάτω σχήμα.
   
7. Σχεδιάζοντας κάθετες γραμμές, όπως φαίνεται στο σχήμα, θα υποδείξουμε πλήρως τα όρια του σχεδίου.
   
8. Με τον ίδιο τρόπο, σημειώστε το κάτω μέρος της καρδιάς αριστερά και δεξιά.
   
   
9. Περιγράφουμε τα κελιά όπως στην εικόνα μας.
   
   
10. Το επόμενο πράγμα που πρέπει να κάνουμε είναι να το βάψουμε με ένα κόκκινο στυλό. εσωτερικό μέροςκαρδιές, αφήνοντας τη λάμψη του φωτός άβαφη.
    
    
11. Και τέλος, χρησιμοποιήστε ένα μαύρο στυλό για να σκιάσετε τα κελιά που επισημαίνονται με τελείες. Τώρα έχετε μάθει πώς να σχεδιάζετε εικόνες οκτώ bit.
    
    

Εάν πιστεύετε ότι οι μεγάλες και ογκώδεις εικόνες δεν είναι για εσάς, θα πρέπει να δοκιμάσετε να σχεδιάσετε μια φωτογραφία από το Διαδίκτυο. Φοβάσαι; Δεν αξίζει τον κόπο.

Παίρνω

• μαύρο στυλό,
• μολύβια,
• τετραγωνισμένο σημειωματάριο,
• υπολογιστή,
• φωτογραφία ή φωτογραφία από το Διαδίκτυο
• Το πρόγραμμα Photoshop.

Για εφαρμογή ογκομετρικά σχέδιαπρέπει να μετρήσουμε τον αριθμό των κελιών που θα βαφτούν. Είναι αρκετά δύσκολο να μην κάνεις λάθη με μεγάλες ποσότητες. Επίσης, φροντίστε να επιλέξετε αποχρώσεις χρωμάτων παρόμοιες με την αρχική εικόνα.
Λοιπόν, ας δράσουμε:

Θα σας δώσω μια συμβουλή που με βοηθάει πολύ: αν έχετε έγχρωμο εκτυπωτή, εκτυπώστε το σχέδιο, αν όχι, κανένα πρόβλημα. Σχεδιάστε ένα πλέγμα 10 κελιών με παχύτερο περίγραμμα. Σε ένα τυπωμένο φύλλο, χρησιμοποιώντας ένα χάρακα και ένα στυλό με αντίθεση, εάν δεν υπάρχει πού να εκτυπώσετε, μπορείτε να ανοίξετε την εικόνα στο Paint.
Σας εύχομαι δημιουργική επιτυχία.

Πίσω στον 20ο αιώνα, τα γραφικά pixel έγιναν ένα ευρύ πεδίο εφαρμογής. παιχνίδια στον υπολογιστή, ειδικά τη δεκαετία του '90. Με την ανάπτυξη των τρισδιάστατων γραφικών, η τέχνη των pixel άρχισε να παρακμάζει, αλλά στη συνέχεια επανήλθε στη ζωή χάρη στην ανάπτυξη του web design, την εμφάνιση των κινητών τηλεφώνων και των εφαρμογών για κινητά.

Το Pixel Art είναι μια ειδική τεχνική για τη δημιουργία εικόνων σε ψηφιακή μορφή, που εκτελείται σε προγράμματα επεξεργασίας γραφικών ράστερ, στα οποία ο καλλιτέχνης εργάζεται με τη μικρότερη μονάδα μιας ψηφιακής εικόνας ράστερ - το pixel. Αυτή η εικόνα χαρακτηρίζεται από χαμηλή ανάλυση, στην οποία κάθε pixel γίνεται καθαρά ορατό. Η τέχνη των pixel διαρκεί πολύ χρόνο και επίπονα, ανάλογα με την πολυπλοκότητα του σχεδίου - pixel προς pixel.

Βασικοί κανόνες της τέχνης pixel

Το πιο σημαντικό συστατικό της τέχνης pixel είναι η λεγόμενη τέχνη γραμμής - με άλλα λόγια, τα περιγράμματα της. Η τέχνη των pixel γίνεται χρησιμοποιώντας γραμμές - ευθείες και καμπύλες.

Ισιες γραμμές

Ο κανόνας για τη δημιουργία γραμμών στην τέχνη εικονοστοιχείων είναι ότι πρέπει να αποτελούνται από τμήματα που μετατοπίζονται στο πλάι κατά ένα εικονοστοιχείο καθώς προχωρά το σχέδιο. Αποφύγει κύριο λάθοςγια αρχάριους καλλιτέχνες pixel art: τα εικονοστοιχεία δεν πρέπει να αγγίζουν το ένα το άλλο, σχηματίζοντας ορθή γωνία.

Στην περίπτωση των ευθειών γραμμών, μπορείτε να κάνετε την εργασία σας πιο εύκολη χρησιμοποιώντας ένα από τα γνωστά παραδείγματα κεκλιμένων ευθειών:

Όπως φαίνεται από το σχήμα, όλες οι ευθείες γραμμές που παρουσιάζονται σε αυτό αποτελούνται από πανομοιότυπα τμήματα εικονοστοιχείων, μετατοπισμένα στο πλάι κατά απόσταση ενός εικονοστοιχείου και οι πιο δημοφιλείς είναι τμήματα ενός, δύο και τεσσάρων εικονοστοιχείων. Τέτοιες απλές ευθείες γραμμές στα γραφικά pixel ονομάζονται "ιδανικές".

Οι ευθείες γραμμές μπορεί να έχουν διαφορετικό μοτίβο, για παράδειγμα, μπορείτε να εναλλάσσετε τμήματα δύο εικονοστοιχείων με ένα τμήμα ενός, αλλά τέτοιες γραμμές δεν θα φαίνονται τόσο όμορφες, ειδικά όταν η εικόνα μεγεθύνεται, αν και δεν παραβιάζουν τους κανόνες της τέχνης εικονοστοιχείων .

Καμπύλες γραμμές

Οι ευθείες γραμμές γίνονται πιο εύκολα γιατί αποφεύγουν τις τσακίσεις, κάτι που δεν συμβαίνει με τις καμπύλες γραμμές. Η κατασκευή τους είναι πιο δύσκολη, αλλά οι καμπύλες γραμμές πρέπει να σχεδιάζονται πολύ πιο συχνά από τις ευθείες.

Εκτός από την ίδια απαγόρευση σχηματισμού ορθών γωνιών από εικονοστοιχεία, όταν σχεδιάζουμε καμπύλες γραμμές, είναι απαραίτητο να θυμόμαστε τη φύση της μετατόπισής τους. Το μήκος των τμημάτων των εικονοστοιχείων πρέπει να αλλάζει ομοιόμορφα, σταδιακά - να αυξάνεται ομαλά και να πέφτει το ίδιο ομαλά. Τα γραφικά pixel δεν επιτρέπουν τσακίσματα.

Είναι απίθανο να μπορέσετε να σχεδιάσετε μια ιδανική καμπύλη γραμμή με μια κίνηση του χεριού σας χωρίς να παραβιάσετε έναν κανόνα, επομένως μπορείτε να καταφύγετε σε δύο μεθόδους: να σχεδιάσετε γραμμές σχεδιάζοντας το ένα pixel μετά το άλλο ή να σχεδιάσετε μια κανονική καμπύλη και στη συνέχεια να τη διορθώσετε αφαιρώντας επιπλέον εικονοστοιχεία από το ολοκληρωμένο "πλαίσιο".

Χρωματική αντιπαράθεση

Στην τέχνη των εικονοστοιχείων υπάρχει κάτι όπως το dithering. Αντιπροσωπεύει έναν συγκεκριμένο τρόπο ανάμειξης pixel διαφορετικό χρώμαγια να δημιουργήσετε ένα εφέ μετάβασης χρώματος.

Η πιο δημοφιλής μέθοδος παραμόρφωσης είναι η διάταξη των pixel σε μοτίβο σκακιέρας:

Αυτή η μέθοδος οφείλει την εμφάνισή της σε τεχνικούς περιορισμούς χρωματικές παλέτες, γιατί για να λάβουμε, για παράδειγμα, μωβ, ήταν απαραίτητο να σχεδιάσετε κόκκινα και μπλε pixel σε μοτίβο σκακιέρας:

Και στη συνέχεια, το dithering χρησιμοποιήθηκε συχνά για τη μεταφορά του όγκου μέσω του φωτός και της σκιάς στις εικόνες:

Για να λειτουργήσει καλά η τέχνη των εικονοστοιχείων με προσμείξεις, η περιοχή ανάμειξης χρωμάτων πρέπει να έχει πλάτος τουλάχιστον δύο pixel.

Προγράμματα για pixel art

Για να κυριαρχήσετε στη δημιουργία τέχνης σε στυλ pixel, μπορείτε να χρησιμοποιήσετε οποιοδήποτε επεξεργαστής γραφικών, το οποίο υποστηρίζει αυτόν τον τύπο σχεδίασης. Όλοι οι καλλιτέχνες δουλεύουν με διαφορετικά προγράμματα με βάση τις προτιμήσεις τους.

Πολλοί άνθρωποι μέχρι σήμερα προτιμούν να σχεδιάζουν με pixel στο γνωστό τυπικό πρόγραμμα του λειτουργικού συστήματος Windows - Microsoft Paint. Αυτό το πρόγραμμα είναι πραγματικά εύκολο στην εκμάθηση, αλλά αυτό είναι και το μειονέκτημά του - είναι αρκετά πρωτόγονο, για παράδειγμα, δεν υποστηρίζει την εργασία με επίπεδα και τη διαφάνειά τους.

Ένα άλλο εύχρηστο πρόγραμμα εικονοστοιχείων τέχνης του οποίου η δοκιμαστική έκδοση μπορεί να βρεθεί στο διαδίκτυο εντελώς δωρεάν είναι το GraphicsGale. Το μειονέκτημα του προγράμματος είναι, ίσως, ότι δεν υποστηρίζει αποθήκευση εικονοστοιχείων σε μορφή .gif.

Κάτοχοι υπολογιστές Macμπορείτε να δοκιμάσετε να εργαστείτε με το δωρεάν πρόγραμμα Pixen. Και οι χρήστες του λειτουργικού συστήματος Linux θα πρέπει να δοκιμάσουν μόνοι τους τα προγράμματα GrafX2 και JDraw.

Και, φυσικά, μια εξαιρετική επιλογή για τη δημιουργία pixel art είναι το πρόγραμμα Adobe Photoshop, το οποίο έχει ευρεία λειτουργικότητα, σας επιτρέπει να εργάζεστε με επίπεδα, υποστηρίζει τη διαφάνεια και παρέχει απλή δουλειάμε μια παλέτα. Χρησιμοποιώντας αυτό το πρόγραμμα, θα δούμε απλά παραδείγματα για το πώς να σχεδιάζετε μόνοι σας την τέχνη pixel.

Πώς να σχεδιάσετε Pixel Art στο Photoshop

Όπως σε τύπους παραδοσιακών εικαστικές τέχνες, μεγάλης σημασίαςστην τέχνη των εικονοστοιχείων έχουν σχήμα, σκιά και φως, οπότε προτού μάθετε πώς να σχεδιάζετε εικονοστοιχεία, κάντε τον κόπο να εξοικειωθείτε με τα βασικά του σχεδίου - εξασκηθείτε στο σχέδιο με μολύβι σε χαρτί.

Σχέδιο "Μπαλόνι"

Ας ξεκινήσουμε με το πιο απλό πράγμα - σχεδιάστε ένα συνηθισμένο μπαλόνι. Δημιουργήστε ένα νέο αρχείο στο Photoshop με ανάλυση οθόνης 72 dpi. Δεν έχει νόημα να ρυθμίσετε τα μεγέθη της εικόνας μεγάλα - αυτό είναι pixel art. Επιλέξτε ένα πινέλο, σκληρό και αδιαφανές, ορίστε το μέγεθος σε 1 pixel.

Σχεδιάστε ένα μικρό κυρτό ημι-τόξο από αριστερά προς τα δεξιά, οδηγώντας το από κάτω προς τα πάνω. Θυμηθείτε τους κανόνες της τέχνης εικονοστοιχείων: διατηρήστε τις ίδιες αναλογίες των τμημάτων, μετακινήστε τα στο πλάι κατά ένα εικονοστοιχείο, χωρίς να αφήνετε τσακίσεις ή ορθές γωνίες. Στη συνέχεια, αντικατοπτρίστε αυτό το τόξο σχεδιάζοντας πάνω μέροςμπάλα.

Με την ίδια αρχή, σχεδιάστε το κάτω μέρος της μπάλας και το νήμα. Γεμίστε την μπάλα με κόκκινο χρησιμοποιώντας το εργαλείο γεμίσματος. Τώρα το μόνο που μένει είναι να προσθέσουμε όγκο - η μπάλα μας φαίνεται πολύ επίπεδη. Χρωματίστε μια σκούρα κόκκινη λωρίδα στην κάτω δεξιά πλευρά της μπάλας και, στη συνέχεια, ρίξτε την περιοχή. Στην επάνω αριστερή γωνία της μπάλας, σχεδιάστε μια επισήμανση λευκών pixel.

Δείτε πόσο απλό είναι - η μπάλα είναι έτοιμη!

Σχέδιο "Ρομπότ"

Τώρα ας προσπαθήσουμε να σχεδιάσουμε μια εικόνα με τον παραδοσιακό τρόπο και μόνο τότε θα καθαρίσουμε εκείνα τα pixel που παραβιάζουν τους κανόνες της τέχνης pixel.

Ανοίξτε ένα νέο έγγραφο και κάντε ένα πρόχειρο σκίτσο του μελλοντικού ρομπότ:

Τώρα μπορείτε να καθαρίσετε οτιδήποτε σας εμποδίζει και να προσθέσετε pixel όπου χρειάζεται:

Με τον ίδιο τρόπο σχεδιάστε το κάτω μέρος του σώματος του ρομπότ. Μη χάσετε την ευκαιρία να σχεδιάσετε «τέλειες» ευθείες σε κατάλληλα σημεία.

Λεπτομέρειες για το σώμα του ρομπότ. Πολλά έμπειρους καλλιτέχνεςΠριν ξεκινήσετε την εργασία, σας συμβουλεύουν να προετοιμάσετε τον εαυτό σας μια παλέτα - ένα σύνολο χρωμάτων που θα χρησιμοποιήσετε όταν δημιουργείτε έργο σε στυλ pixel. Αυτό επιτρέπει τη μέγιστη ακεραιότητα εικόνας. Δημιουργήστε μια παλέτα σε μια ελεύθερη περιοχή του χώρου εργασίας του Photoshop - για παράδειγμα, με τη μορφή τετραγώνων ή χρωματικών κηλίδων. Στη συνέχεια για επιλογή επιθυμητό χρώμα, κάντε κλικ σε αυτό με το εργαλείο σταγονόμετρο.

Μπορείτε να αρχίσετε να γεμίζετε τα περιγράμματα. «Βάψτε» το σώμα του ρομπότ με το κύριο χρώμα. Το χρώμα μας είναι το μπλε της λεβάντας.

Αλλάξτε το χρώμα του περιγράμματος - γεμίστε το με σκούρο μπλε. Αποφασίστε πού βρίσκεται η πηγή φωτός στο σχέδιό σας. Για εμάς, βρίσκεται κάπου πάνω και δεξιά μπροστά από το ρομπότ. Ας σχεδιάσουμε το στήθος του χαρακτήρα μας, προσθέτοντας όγκο:

ΜΕ σωστη πλευρασημειώστε τη βαθύτερη σκιά στο σχέδιο, που τρέχει κατά μήκος του περιγράμματος του σώματος. Από αυτή τη σκιά, από τις άκρες προς το κέντρο, σχεδιάστε μια ελαφρύτερη σκιά που εξαφανίζεται στις προβλεπόμενες περιοχές που φωτίζονται από την πηγή φωτός:

Προσθέστε επισημάνσεις στο ρομπότ σε όλες τις περιοχές που αναμένεται να αντανακλούν το φως:

Δώστε στα πόδια του ρομπότ μια κυλινδρική εμφάνιση χρησιμοποιώντας σκιά και φως. Με τον ίδιο τρόπο, κάντε τρύπες από κύκλους στο στήθος του ρομπότ:

Τώρα, ας βελτιώσουμε την εικόνα προσθέτοντας το στοιχείο τέχνης pixel που συζητήθηκε προηγουμένως - το dithering - στις σκιώδεις περιοχές του σώματος.

Δεν χρειάζεται να κάνετε ανατριχίλα στις ανταύγειες, καθώς και στα πόδια - είναι ήδη πολύ μικρά. Χρησιμοποιώντας σκούρα και ανοιχτόχρωμα pixel, σχεδιάστε μια σειρά από πριτσίνια στο κεφάλι του ρομπότ αντί για δόντια και προσθέστε επίσης μια αστεία κεραία. Μας φάνηκε ότι το χέρι του ρομπότ δεν σχεδιάστηκε πολύ καλά - αν αντιμετωπίσετε το ίδιο πρόβλημα, κόψτε το αντικείμενο στο Photoshop και μετακινήστε το προς τα κάτω.

Αυτό είναι όλο - το αστείο ρομπότ μας pixel είναι έτοιμο!

Και με τη βοήθεια αυτού του βίντεο θα μάθετε πώς να δημιουργείτε κινούμενα σχέδια με pixel art στο Photoshop:

Πάρτε το για τον εαυτό σας και πείτε το στους φίλους σας!

Διαβάστε επίσης στην ιστοσελίδα μας:

Δείτε περισσότερα