Οδηγός Pixel Art: 3 τρόποι για να δημιουργήσετε Pixel Art με το Photoshop

Πίνακας περιεχομένων:

Anonim

Η τέχνη Pixel της ποικιλίας 8-bit flashback NES είναι στη μόδα αυτή τη στιγμή, είτε πρόκειται για παιχνίδια όπως το The Incident και το Sword & Sworcery είτε μόνο για avatars στον ιστό. Αν αναρωτιέστε πώς δημιουργείται κάποια από αυτή την όμορφη τέχνη pixel και πώς μπορείτε να την κάνετε μόνοι σας, ακολουθούν μερικές συμβουλές για σχεδόν στιγμιαία τέχνη pixel. Θα χρησιμοποιήσουμε τη δυνατότητα ζουμ του OS X, το Pixelfari, και θα διαμορφώσουμε επίσης το Photoshop για να δημιουργήσετε το δικό σας ρετρό εικονοστοιχείο και να καθαρίσετε τα αποτελέσματα άλλων μεθόδων.

1) Χρησιμοποιήστε Mac OS X Zoom για εικονοστοιχεία εικόνων και δημιουργία Instant Pixel Art

Πιθανότατα γνωρίζετε ήδη ότι αν κρατήσετε πατημένο το πλήκτρο Control και μετά σύρετε με δύο δάχτυλα προς τα πάνω ή προς τα κάτω σε ένα trackpad, θα κάνετε μεγέθυνση στην οθόνη (ή κρατήστε πατημένο το Control και χρησιμοποιήστε έναν τροχό κύλισης σε εξωτερικό ποντίκι). Λοιπόν, εάν απενεργοποιήσετε το anti-aliasing στο εργαλείο OS X Zoom, μπορείτε να χρησιμοποιήσετε αυτήν τη δυνατότητα για να δημιουργήσετε εικόνες με pixel από οτιδήποτε. Δείτε πώς:

  • Πατήστε Command+Option+\ για να απενεργοποιήσετε το anti-aliasing στο ζουμ οθόνης
  • Τοποθετήστε τον κέρσορα του ποντικιού πάνω από οποιαδήποτε εικόνα θέλετε να κάνετε αμέσως pixelate
  • Control+Zoom στην εικόνα και παρακολουθήστε τα pixel να μεγαλώνουν
  • Τραβήξτε ένα στιγμιότυπο οθόνης ολόκληρης της οθόνης με Command+Shift+3

Χρησιμοποιώντας αυτήν την τεχνική δημιούργησα αυτό το pixel-art MacBook αμέσως:

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

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

Είναι επίσης σημαντικό να τραβήξετε ένα στιγμιότυπο οθόνης πλήρους οθόνης, ώστε η εικόνα να αποτυπώνεται με πλήρη εικόνα pixel.

2) Σχεδιάστε Pixel Art στο Photoshop με αυτές τις συμβουλές διαμόρφωσης

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

  • Αλλάξτε τον τρόπο με τον οποίο το Photoshop κλιμακώνει τις εικόνες προσαρμόζοντας τις προτιμήσεις "Image Interpolation" σε "Nearest Neighbor (διατήρηση σκληρών άκρων)
  • Ενεργοποίηση πλέγματος μέσω των προτιμήσεων > Οδηγοί, φέτες πλέγματος & μέτρηση > 1×1
  • Διαμορφώστε σωστά το εργαλείο Pencil σε διάμετρο 1 px με 100% σκληρότητα
  • Χρησιμοποιήστε πολλαπλά επίπεδα ζουμ τόσο για μια κοντινή προβολή pixel όσο και για την επιθυμητή τελική ανάλυση

Η ρύθμιση του Photoshop θα μοιάζει με αυτό:

Αυτές οι τεχνικές Photoshop προέρχονται από τον Brandon Trebitowski, έναν προγραμματιστή iOS, και αν ενδιαφέρεστε καθόλου να σχεδιάσετε pixel art το blog του σχετικά με το θέμα συνιστάται ιδιαίτερα να διαβάσετε, μπορείτε να το διαβάσετε εδώ στο BrandonTreb.com .

3) Δημιουργήστε Instant Pixel Art με το Pixelfari

Ένα άλλο τέχνασμα για να επιταχύνετε τη δημιουργία εικονοστοιχείων, ακόμα και να δημιουργήσετε σχεδόν στιγμιαία εικονοστοιχεία, είναι η χρήση του προγράμματος περιήγησης ιστού 8-bit Pixelfari . Το Pixelfari προέρχεται από τον προγραμματιστή Nevan Morgan και μπορείτε να το κατεβάσετε άμεσα από εδώ.

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

Εδώ είναι το λογότυπο OSXDaily που τοποθετείται στο Pixelfari χωρίς άλλη επεξεργασία, αυτό είναι ένα πολύ καλό παράδειγμα του πώς λειτουργεί.

Πάλι αν θέλετε να καθαρίσετε την έξοδο, μπορείτε να χρησιμοποιήσετε τις συμβουλές του Photoshop που αναφέρονται παραπάνω ή μπορείτε ακόμη και να χρησιμοποιήσετε τη λειτουργία ζουμ του OS X για να κάνετε υπερ-pixel στα αποτελέσματα στο Pixelfari.

Υπάρχουν προφανώς περισσότεροι τρόποι για να το κάνετε αυτό, αλλά για γρήγορη εικονοστοιχεία, οι τεχνικές Zoom και Pixelfari είναι εξαιρετικές και η διαμόρφωση του Photoshop είναι ιδανική για να σχεδιάζετε από την αρχή ή να καθαρίζετε τις εικόνες σας με προ-pixel.Θα μπορούσατε επίσης να δοκιμάσετε να χρησιμοποιήσετε το Paintbrush, τον κλώνο MSPaint, αλλά είναι πιο δύσκολο να βρείτε τιμή με αυτήν την εφαρμογή. Τέλος, μια ωραία γενική αναφορά είναι το Natomic, το οποίο έχει μερικές γενικές συμβουλές για τη σκίαση, το φωτισμό, τη χρήση γραμμών και πολλά άλλα, τις παλιές πληροφορίες του, αλλά τα εικονοστοιχεία υπάρχουν εδώ και πολύ καιρό, επομένως οι τεχνικές εξακολουθούν να είναι πολύ σχετικές.

Οδηγός Pixel Art: 3 τρόποι για να δημιουργήσετε Pixel Art με το Photoshop