Η προσθήκη δειγμάτων πραγματικής ζωής στη σχεδιαστική σας εργασία προσθέτει στοιχεία ρεαλισμού σε μια υπερκορεσμένη ψηφιακή αγορά. Δυστυχώς, η σάρωση ή η φωτογράφιση δειγμάτων υφής συνήθως έχει ως αποτέλεσμα μη κλιμακούμενες εικόνες ράστερ που γίνονται pixel όταν υποβάλλονται σε υπερβολική επεξεργασία.
Ευτυχώς, μπορείτε να δημιουργήσετε κλιμακούμενα διανύσματα πραγματικών υφών όπως ακουαρέλα, μπογιά ή μαρκαδόρο χρησιμοποιώντας το Photoshop και το Illustrator. Δείτε πώς.
Πώς να μετατρέψετε τις πραγματικές υφές σε διανύσματα
Εναπόκειται σε εσάς να δημιουργήσετε μόνοι σας την υφή ή να βρείτε ένα δείγμα στο διαδίκτυο για να το κάνετε διάνυσμα. Μπορείτε να χρησιμοποιήσετε οποιοδήποτε υλικό τέχνης με υφή, όπως στυλό, ινδικό μελάνι ή σταγόνες μπογιάς.
Βήμα 1: Ανοίξτε το Texture Swatch στο Photoshop
Εάν έχετε δημιουργήσει μόνοι σας την υφή, πρέπει να τη σαρώσετε σε έναν υπολογιστή στα 300 DPI. Αυτό εξασφαλίζει την υψηλότερη ποιότητα που αποφέρει τα καλύτερα αποτελέσματα.
Κατεβάσαμε μια φωτογραφία ενός δείγματος ακουαρέλας από Ξεβιδώστε να γίνει διάνυσμα. Κατεβάστε την ίδια φωτογραφία για να την ακολουθήσετε απευθείας ή μπορείτε να χρησιμοποιήσετε τις οδηγίες ως οδηγό σε μια δική σας εικόνα δείγματος.
Ανοίξτε την εικόνα σας στο Photoshop και περικόψτε την κοντά στο δείγμα που χρησιμοποιείτε. Εάν η εικόνα δεν είναι ήδη 300 DPI, πρέπει να είναι. Παω σε Εικόνα > Μέγεθος εικόνας και πληκτρολογήστε 300 μέσα στο Ανάλυση κουτί. Επιλέγω Εντάξει.
Τώρα έχετε μια εικόνα υψηλής ποιότητας που θα αποδοθεί σε λεπτομερές διάνυσμα αργότερα. Μπορείτε επίσης να αλλάξτε το DPI σε άλλα προγράμματα εάν δεν χρησιμοποιείτε Photoshop.
Βήμα 2: Καθαρίστε το φόντο
Το ίδιο το δείγμα πρέπει να απομονωθεί από το φόντο. Εάν έχετε σαρώσει το δείγμα σας ή έχετε χρησιμοποιήσει μια φωτογραφία με απλό λευκό ή μονόχρωμο φόντο, αυτό θα είναι πολύ πιο εύκολο για εσάς.
Δημιουργήστε ένα νέο επίπεδο στην παλέτα Layer και, στη συνέχεια, σύρετέ το κάτω από το επίπεδο εικόνας. Επιλέξτε το επίπεδο εικόνας.
Παω σε Επιλέγω > Χρωματικό εύρος. Επίλεξε το μισταγονόμετρο από το παράθυρο διαλόγου και χρησιμοποιήστε το για να επιλέξετε οποιοδήποτε μέρος του φόντου στον πίνακα γραφικών σας. Χρησιμοποιήστε το Ασάφεια ρυθμιστικό για να βεβαιωθείτε ότι η επιλογή είναι σφιχτή στο δείγμα σας. Στη συνέχεια πατήστε Εντάξει.
Μόλις επιστρέψετε στον πίνακα γραφικών, η περιοχή χρωματικής γκάμα θα έχει μυρμήγκια που θα εμφανίζουν την επιλογή. Κτύπημα Διαγράφω για να αφαιρέσετε το φόντο. Στη συνέχεια, αποεπιλέξτε την επιλογή πατώντας Cmd + ρε (Mac) ή Ctrl + ρε (Windows). Εάν το φόντο σας είναι απλό χωρίς σκιά ή υφή, αυτό είναι το μόνο που έχετε να κάνετε.
Εάν το φόντο σας είναι πολύχρωμο, έχει σκιές ή άλλες υφές, ίσως χρειαστεί να επαναλάβετε αυτή τη διαδικασία μερικές φορές. Στο Χρωματικό εύρος παράθυρο διαλόγου, επιλέξτε διαφορετικά μέρη του φόντου με το μισταγονόμετρο και παίξτε με το Ασάφεια ρυθμιστικό για να επιλέξετε όσο περισσότερο από το φόντο μπορείτε. Επιλέγω Εντάξει και χτυπήστε Διαγράφω.
Καταργήστε την επιλογή πατώντας Cmd + ρε (Mac) ή Ctrl + ρε (Windows). Εάν απομένει ακόμα περισσότερο φόντο, κάντε ξανά τη διαδικασία Color Range, χρησιμοποιήστε το Γόμα εργαλείο (μι) για να αφαιρέσετε επίμονα pixel ή χρησιμοποιήστε το Λάσο εργαλείο (μεγάλο) για να επιλέξετε στενά γύρω από το δείγμα σας και μετά Διαγράφω η επιλογή.
Τοποθετήστε ένα ορθογώνιο χρώματος με αντίθεση χρησιμοποιώντας το Ορθογώνιο παραλληλόγραμμο εργαλείο (U) κάτω από το επίπεδο δείγματος για να εκτεθούν τυχόν επιπλέον pixel που χρειάζονται αφαίρεση. Αφαιρέστε τα με το Γόμα. Θυμηθείτε να διαγράψετε το ορθογώνιο πριν αποθηκεύσετε την εικόνα σας.
Μόλις τελειώσετε, θα έχετε ένα απομονωμένο δείγμα βαφής με ένα διαφανές φόντο που το περιβάλλει. Αποθηκεύστε το δείγμα σας ως PNG.
Αν δεν έχετε Photoshop, υπάρχουν εναλλακτικές τρόποι για να κάνετε ένα διαφανές φόντο εικόνας. Στη συνέχεια, μπορείτε να φέρετε αυτήν την εικόνα κατευθείαν στο Illustrator και να συνεχίσετε από εδώ.
Βήμα 3: Ανοίξτε την εικόνα στο Illustrator
Ανοίξτε το νέο σας δείγμα PNG στο Illustrator. Μπορείτε να επιλέξετε και να σύρετε την εικόνα σας από το artboard για να ελέγξετε ότι το φόντο είναι ακόμα διαφανές. Ωστόσο, δεν θα παραμείνει έτσι στο επόμενο βήμα. Σε αυτό το σημείο, το δείγμα σας εξακολουθεί να είναι ράστερ, οπότε θα γίνει εικονοστοιχείο εάν κλιμακωθεί.
Ο συνδυασμός Photoshop και Illustrator για ένα έργο είναι ένας πολύ καλός τρόπος για να χρησιμοποιήσετε το Adobe Creative Cloud. Υπάρχουν πολλά άλλα λειτουργίες σε όλο το Creative Cloud που μπορείτε να δοκιμάσετε.
Βήμα 4: Διανυσματοποίηση της εικόνας
Ανοίξτε τον πίνακα Ιδιότητες μεταβαίνοντας στο Παράθυρο > Ιδιότητες. Μπορείτε να μεγιστοποιήσετε ή να ελαχιστοποιήσετε τον πίνακα επιλέγοντάς τον από τη δεξιά κάθετη γραμμή εργαλείων.
Επιλέξτε την εικόνα σας και, στη συνέχεια, κάντε κύλιση στο κάτω μέρος της Ιδιότητες πίνακα και επιλέξτε Ίχνη εικόνας > Φωτογραφία υψηλής πιστότητας. Εάν επιλέξετε Image Trace από το μενού Object, θα είναι προεπιλεγμένο ένα ασπρόμαυρο ίχνος, το οποίο δεν πρόκειται να διατηρήσει την υφή του δείγματός σας. Μπορείτε να χρησιμοποιήσετε τη λειτουργία Image Trace με πολλούς τρόπους διανυσματική διαμόρφωση εικόνων στο Illustrator.
Βήμα 5: Καθαρίστε και αφαιρέστε το φόντο
Ανοίξτε το πλαίσιο Image Trace επιλέγοντας το εικονίδιο δίπλα στο αναπτυσσόμενο μενού Image Trace στον πίνακα Properties. Κάτω από Χρώμα, μετακινήστε το ρυθμιστικό προς τα δεξιά, κάπου μεταξύ 85% και 98%. Αυτό αυξάνει τις λεπτομέρειες των χρωμάτων στο ανάγλυφο δείγμα σας, δίνοντάς του ένα πιο ρεαλιστικό αποτέλεσμα.
Ανοιξε το Προχωρημένος ρυθμίσεις και μετακινήστε το Μονοπάτια σύρετε προς τα δεξιά. Και πάλι, η ρύθμιση μεταξύ 85% και 98% είναι ιδανική. Όσο περισσότερες διαδρομές υπάρχουν, τόσο περισσότερες λεπτομέρειες σχεδιάζονται στο διάνυσμά σας. Εάν υπάρχουν λιγότερα μονοπάτια, η εικόνα θα φαίνεται ασταθής και σαν καρτούν.
Ελαχιστοποιήστε τα πλαίσια Image Trace και Properties και το δείγμα σας θα καλυφθεί με μπλε γραμμές διαδρομής. Εάν θέλετε να μετακινήσετε το διάνυσμα δείγματος, θα χρειαστεί να χρησιμοποιήσετε το Επιλογή εργαλείο (V) για να διασφαλιστεί ότι κινείται ως σύνολο. Αλλά μπορείτε να μετακινήσετε μεμονωμένες διαδρομές, εάν χρειάζεται, χρησιμοποιώντας το Άμεση Επιλογή εργαλείο.
Επίλεξε το Άμεση Επιλογή εργαλείο (ΕΝΑ) και κάντε κλικ στο γραφικό σας για να καταργήσετε την επιλογή της εικόνας. Στη συνέχεια, επιλέξτε το λευκό φόντο που περιβάλλει το δείγμα σας. Κτύπημα Διαγράφω στο πληκτρολόγιό σας για να επαναφέρετε το διαφανές φόντο σας. Μπορείτε να προσθέσετε ένα έγχρωμο ορθογώνιο κάτω από το δείγμα σας για να ελέγξετε τη διαφάνεια.
Βήμα 6: Χρησιμοποιήστε το Swatch Vector
Τώρα έχετε ένα ολοκληρωμένο δείγμα υφής. Είτε αποφασίσατε να φτιάξετε ένα κομμάτι ακουαρέλας όπως το σεμινάριο μας, είτε ίσως φτιάξατε ένα χρωματιστό δείγμα μολυβιού, έχετε τώρα ένα πλήρως κλιμακούμενο δείγμα υφής πραγματικής ζωής.
Δυστυχώς, λόγω όλων των περίπλοκων μονοπατιών, θα ήταν δύσκολο —αλλά όχι αδύνατο— να ξαναχρωματίσετε το δείγμα σας. Για να χρησιμοποιήσετε το διάνυσμα, θα πρέπει να διατηρήσετε το χρώμα το ίδιο. Αν θέλετε να το ξαναχρωματίσετε, θα πρέπει πρώτα να το χρωματίσετε στο Photoshop πριν φέρετε το δείγμα σας στο Illustrator.
Μπορείτε να χρησιμοποιήσετε το διάνυσμά σας όπως κάθε άλλο διάνυσμα. Κλιμακώστε το προς τα πάνω ή προς τα κάτω, χρησιμοποιήστε το ως πολυεπίπεδο στοιχείο σε σχέδια και μπορείτε ακόμη και να εφαρμόσετε φίλτρα σε αυτό, όπως λοξή και παραμόρφωση.
Αποθηκεύστε το διάνυσμά σας ως PNG για να διασφαλίσετε ότι παραμένει διαφανές. Δείτε τον οδηγό μας για δημιουργώντας διαφανή φόντο στο Illustrator για περισσότερα.
Δημιουργήστε διανύσματα από πραγματικές υφές με το Photoshop και το Illustrator
Η χρήση διανυσμάτων στη σχεδιαστική σας εργασία βελτιώνει την παραγωγικότητα και την ποιότητα των τελικών σχεδίων σας. Όχι μόνο αυτό το ένα διάνυσμα έχει πολλαπλές χρήσεις, αλλά χρησιμοποιώντας ένα διανυσματικό γραφικό αντί για ένα γραφικό ράστερ σημαίνει ότι δεν χρειάζεται να ανησυχείτε ξανά για την εικονοστοιχεία.
Η διανυσματοποίηση πραγματικών υφών σημαίνει ότι μπορείτε να προσθέσετε δείγματα χρώματος σε οποιοδήποτε στοιχείο σχεδίασης, κάνοντάς το να μοιάζει με το πραγματικό. Ανατρέξτε ξανά σε αυτόν τον οδηγό για να μετατρέψετε τις πραγματικές υφές σε ψηφιακά διανύσματα.