Σχετικά με εκείνο το διαστημικό παράδειγμα συνεχίζετε να βλέπετε

Η διαδικασία σκέψης μου για την επιλογή χρώματος και στυλ απεικόνισης. Αρχικά δημοσιεύθηκε στο επίσημο blog της Adobe

Ήταν το 2013. Κάθισα, έπαιξα κάποια μουσική, μου άρεσε τα φώτα και άνοιξα τον φορητό υπολογιστή μου. Είχε ένα τόνο σκατά να κάνει. Σε μια προσπάθεια να καλέσω την έμπνευση, άρχισα χωρίς νόημα γραμμές από τη μια γωνία της οθόνης στο άλλο, όταν ξαφνικά σχηματίστηκε ένας κομήτης. "Hm ...", ο εγκέφαλός μου ξυπνούσε σιγά-σιγά, "τι γίνεται αν συνδέσω τις γραμμές και προσθέσω κάποιους πλανήτες". Όντας ο κύριος αργοπορητής είμαι, το έκανα ακριβώς αυτό. Και έκανα μερικά ακόμα πράγματα μετά από αυτό. Λίγες ώρες αργότερα είχα το πιο δημοφιλές μου Dribbble shot, καθώς και τη δημοφιλέστερη μου εικόνα πάντα.

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

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

Όταν διάβασα αυτό εγώ όμως "Wow. Αυτό είναι αληθινό. Δεν το φαντάζομαι ".

Έτσι, έχοντας μια δέσμη των αιτημάτων tutorial συνεχώς έρχεται ο τρόπος μου, είμαι τελικά μοιράζοντας ένα πώς-και, το πιο σημαντικό, τη διαδικασία σκέψης πίσω από αυτό. Απολαμβάνω!

Το στυλ απεικόνισης

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

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

Η απεικόνιση χώρου έχει δύο από αυτούς τους κανόνες.

Το στρογγυλεμένο κυματιστό μοτίβο

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

Αρχικά, σχεδιάστε μερικά ορθογώνια με το ίδιο ύψος. Η απόσταση μεταξύ των ορθογωνίων πρέπει να είναι το ύψος ενός ορθογωνίου. Μπορείτε να ενεργοποιήσετε το "Show Grid" και το "Snap to Grid" για να το κάνετε πιο εύκολο.

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

Τέλος, σύρετε τις ζωντανές γωνίες για να τις στρογγυλέψετε μέχρι να σχηματίσουν τέλειους ημικυκλικούς κύκλους. Ta-da! Απλώς τραβήξατε μια δέσμη ζελατινών που στοιβάζονται μαζί.

Συνδυάζοντας διάφορα μήκη και μεγέθη ζεστού νερού, μπορείτε ήδη να ξεκινήσετε να διαμορφώνετε αντικείμενα:

Η κλίση 30 °

Κάθε αντικείμενο στην εικόνα κλίνει σε 30 °.
Γιατί ακόμη και η κλίση στην πρώτη θέση; Τα αντικείμενα στην απεικόνιση είναι πράγματα που επιπλέουν στο διάστημα, τα οποία εξ ορισμού είναι αποσυνδεδεμένα, επειδή είναι ... καλά, επιπλέουν στο διάστημα. Επομένως, ο συγχρονισμός της κατεύθυνσής τους δημιουργεί μια ωραία ενότητα.

Εντάξει, αλλά γιατί η κλίση στα 30 °; Μια ορθή γωνία ή μια οριζόντια κατεύθυνση είναι πολύ συμμετρική και υποτιμητική. Η διαγώνια κλίση σπάει τη συμμετρία με συγχρονισμό. Ο λόγος για τον οποίο 30 °, και όχι 45, ή 20, ή 15 ... είναι ακριβώς ότι μου αρέσει καλύτερα. Επειδή ο 30 ° είναι σαφώς η καλύτερη γωνία στον κόσμο, ποτέ.

Σε αυτό το σημείο, έχουμε τα σχήματα και την κλίση, που μοιάζει με αυτό:

Τα χρώματα

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

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

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

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

Η τρισδιάστατη παλέτα χρωμάτων

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

Δείτε πώς φαίνεται αυτό το χρώμα στον τροχό:

Υπόσχομαι ότι δεν προτίθεμαι να σχεδιάσω ένα σημάδι ειρήνης

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

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

Διακόπτες μοτίβων

Πολύ συχνά εικόνες που δημιουργούνται με αυστηρούς κανόνες τείνουν να είναι λίγο πολύ .... patterny; Προβλέψιμο και βαρετό, ακριβώς πάρα πολύ το ίδιο πράγμα. Όπως, πάρα πολλοί hotdogs. Έτσι έψαχνα τρόπους να σπάσω το πρότυπο με τρόπο που να μην σπάει τους κανόνες.

Η λάμψη

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

Η γυάλινη ατμόσφαιρα

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

  1. Προσθέστε ένα γερό κύκλο μεταξύ του μεγάλου πλανήτη και των αντικειμένων πίσω του. Προσθέστε λεπτή λάμψη στο στρώμα κύκλου, χρησιμοποιώντας την επικάλυψη ως λειτουργία ανάμειξης.
  2. Δημιουργήστε ένα αντίγραφο των αντικειμένων, τοποθετήστε τα πάνω στο στρώμα του κύκλου και, προαιρετικά, τροποποιήστε τα χρώματα ώστε να είναι ελαφρώς ελαφρύτερα.
  3. Δημιουργήστε μια μάσκα ψαλιδίσματος. Επιλέξτε τα αντίγραφα των αντικειμένων και κάντε δεξί κλικ> Δημιουργία μάσκας αποκοπής.

Είναι ένα περιτύλιγμα!

Μετά την εφαρμογή των hotdogs, της κλίσης, των χρωμάτων, της λάμψης και της γυάλινης ατμόσφαιρας, θα πρέπει να το κάνετε μέχρι τώρα! Ακολουθεί μια γρήγορη ανασκόπηση:

Είμαι περίεργος να δούμε πώς εφαρμόζετε τις τεχνικές στις δικές σας εικόνες, οπότε παρακαλώ στείλτε τα πειράματά μου με τον τρόπο μου. Ευχαριστούμε που το διαβάσατε! (◉ᴗ◉)

Ελέγξτε τα πράγματα μου στο Behance ή το Dribbble και αισθανθείτε ελεύθερος να χτυπήσετε με το Twitter!