Πώς να μετατρέψετε μια φωτογραφία σε διανυσματικό σχέδιο

Πώς να μετατρέψετε μια φωτογραφία σε διανυσματικό σχέδιο
Rick Davis

Γεια σε όλους στην κοινότητα Vectornator!

Ετοιμάζουμε για εσάς ένα νέο σεμινάριο με την ταλαντούχα εσωτερική Senior Designer, Berenika Godlewska!

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

Μπορείτε να μετατρέψετε οποιοδήποτε έργο τέχνης σε διανυσματικά σχήματα με το Auto Trace!

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

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

Κάναμε μερικές απίστευτες βελτιώσεις στη λειτουργία Auto Trace το 2022 και θα θέλαμε να σας δείξουμε πώς μπορείτε να μετατρέψετε εικόνες σε διανυσματικά σχήματα υψηλής ποιότητας σε δευτερόλεπτα. Η λειτουργία Auto Trace μετατρέπει τις εικόνες σας σε προσαρμόσιμα διανυσματικά γραφικά.

Είναι καθαρή διανυσματική μαγεία!

Διαβάστε περισσότερα για τη νέα και βελτιωμένη λειτουργία Auto Trace στο Vectornator.

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

Συμβουλή επαγγελματία - Μπορείτε να ακολουθήσετε το σεμινάριο και στον Mac. Μπορείτε να πλοηγηθείτε στο περιβάλλον εργασίας του Mac, επισκεπτόμενοι τον Κόμβο Μάθησης για Mac. Ρυθμίστε την εναλλαγή σε κάθε συνδεδεμένη τοποθεσία σε αυτό το σεμινάριο από iPad σε Mac και θα δείτε το αντίστοιχο περιβάλλον εργασίας για Mac.

Θα εκπλαγείτε από το πόσο γρήγορα μπορείτε να δημιουργήσετε ένα σχέδιο χωρίς να χρειαστεί να σχεδιάσετε ούτε μια διαδρομή! Είναι εύκολο, γρήγορο και δείχνει επαγγελματικό!

Ας πάρουμε τον εξοπλισμό μας και ας ξεκινήσουμε το σεμινάριο!

Τι θα χρειαστείτε

- iPad

- Apple Pencil

- Η τελευταία έκδοση του Vectornator Τι θα μάθετε

Δείτε επίσης: 16 Καλύτερα μαθήματα γραφικών σε απευθείας σύνδεση

- Πώς να χρησιμοποιήσετε το Auto Trace

- Πώς να ομαδοποιήσετε αντικείμενα

- Πώς να δημιουργήσετε πίνακες τέχνης

- Πώς να χρησιμοποιήσετε το εργαλείο κειμένου ⚙️ Ρυθμίσεις καμβά: τετράγωνο σχήμα, 2000 px x 2000 px

🎨 Κωδικός χρώματος: Fill: #EDE8E2; Stroke: #990B4A Διαβάστε περισσότερα για τον κώδικα χρώματος Hex στην ενότητα LH. Βήμα 1

Προετοιμάστε το έγγραφο

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

Ανοίξτε ένα νέο έγγραφο στο Vectornator πατώντας το κουμπί +. Ορίστε το μέγεθος του εγγράφου σας χειροκίνητα ή χρησιμοποιήστε ένα πρότυπο. Δώστε στο νεοδημιουργημένο πρότυπο το όνομα: "Photo to Logo".

Δημιουργήστε ένα τετράγωνο Artboard με διαστάσεις 2000 px x 2000 px.

Διαβάστε περισσότερα για τα Artboards και τις λειτουργίες τους στο Vectornator.

Δημιουργήστε μια νέα στρώση στην καρτέλα Layers (Στρώσεις) πατώντας το εικονίδιο + στην ενότητα κεφαλίδας της καρτέλας Layers (Στρώσεις) και στο αναδυόμενο μενού επιλέξτε New Layer (Νέα στρώση).

Συμβουλή επαγγελματία - Διατηρήστε τις στρώσεις σας οργανωμένες και με σωστή ονομασία. Από την καρτέλα Layers, μπορείτε να περιηγηθείτε και να διαχειριστείτε όλα τα αντικείμενά σας (όπως Artboards, στρώσεις, ομάδες, μάσκες ή απλά σχήματα). Μπορείτε να αλλάξετε τη σειρά των στοιχείων σας, σύροντας και αφήνοντας τις επιλογές σας από μια στρώση, Artboard ή ομάδα σε ένα άλλο Artboard, ομάδα ή στρώση.

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

Πατήστε στον καμβά και σύρετε το σχήμα στο επιθυμητό μέγεθος.

Συμβουλή επαγγελματία - Κρατώντας ένα δεύτερο δάχτυλο στον καμβά μπορείτε να σχεδιάσετε ένα τέλειο τετράγωνο.

Ορίστε το Fill σε #EDE8E2 και το stroke σε #990B4A στο Color Widget ή στα Style Sections.

Κάντε τη νεοσύστατη στρώση αόρατη κάνοντας κλικ στο σύμβολο του ματιού στη στρώση σας.

Οργανώστε προσεκτικά και ονομάστε τις στρώσεις σας, όπως έκανε ο καλλιτέχνης στις εικόνες αναφοράς. Βήμα 2

Εισαγωγή των φωτογραφιών

Στο επόμενο βήμα του σεμιναρίου μας, θα εισάγουμε τις φωτογραφίες στο έγγραφο Vectornator.

Για τις φωτογραφίες, μπορείτε να κάνετε αναζήτηση στο Google ή να τις βρείτε στη βιβλιοθήκη Unsplash ή στη βιβλιοθήκη Heritage ή να κάνετε επιδρομή στο Google Drive σας για εικόνες.

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

Εισάγετε τις φωτογραφίες που κατεβάσατε στο έγγραφο Vectornator με την εφαρμογή Photos App, το Camera Roll ή με drag & amp; drop.

Μάθετε περισσότερα για τις επιλογές εισαγωγής του Vectornator.

Τακτοποιήστε τις εισαγόμενες φωτογραφίες στον καμβά σας χρησιμοποιώντας το εργαλείο Selection Tool.

Βήμα 3

Ανίχνευση των εισαγόμενων εικόνων

Στο επόμενο βήμα του σεμιναρίου μας, θα χρησιμοποιήσουμε τη νέα ενημερωμένη ισχυρή λειτουργία Auto Trace του Vectornator.

Μάθετε τα πάντα για τη λειτουργία Auto Trace του Vectornator.

Μπορείτε να αποκτήσετε πρόσβαση στον πίνακα αυτόματης ανίχνευσης περιεχομένου στην καρτέλα Γρήγορες ενέργειες ή στον επιθεωρητή.

Δείτε επίσης: 10 παιχνιδιάρικα καλοκαιρινά στυλ γραμματοσειράς για να αναβαθμίσετε τα σχέδιά σας

Μπορείτε να επιλέξετε μεταξύ των λειτουργιών Sketch Mode και Photography Mode στον πίνακα Auto Trace Panel.

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

Μια χαμηλότερη τιμή στο ρυθμιστικό Πολυπλοκότητα θα ομαδοποιήσει μικρότερες περιοχές και αντίστροφα. Εικόνες με απλή σύνθεση σχημάτων (ένα προσκήνιο και ένα απλό μονοχρωματικό φόντο, π.χ.) χρειάζονται χαμηλότερη τιμή πολυπλοκότητας. Εικόνες με σύνθετη σύνθεση σχημάτων (ένα προσκήνιο με ένα σύνθετο πανόραμα πόλης ως φόντο, π.χ.) χρειάζονται υψηλότερη τιμή πολυπλοκότητας.

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

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

Στο σεμινάριό μας, η Berenika έχει ορίσει την τιμή του ρυθμιστικού πολυπλοκότητας στο 40% και του ρυθμιστικού αντίθεσης στην τιμή 75%. Ίσως να θέλετε να πειραματιστείτε με τις ρυθμίσεις για να επιτύχετε βέλτιστα αποτελέσματα ανίχνευσης.

Δεν υπάρχουν κανόνες για το βέλτιστο αποτέλεσμα ανίχνευσης, δοκιμάστε και πειραματιστείτε μέχρι να είστε ικανοποιημένοι με τα αποτελέσματα!

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

Βήμα 4

Ομαδοποιήστε τις εικόνες που εντοπίστηκαν

Στο επόμενο βήμα, θα ομαδοποιήσουμε τις εικόνες που ανιχνεύονται.

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

Όταν όλες οι εικόνες είναι επιλεγμένες, πατήστε το κουμπί Ομαδοποίηση στην καρτέλα Διάταξη.

Μπορείτε να παρακολουθήσετε ένα σύντομο βίντεο εδώ σχετικά με τον τρόπο ομαδοποίησης στοιχείων στο Vectornator:

Et voilá, όλες οι εικόνες που εντοπίστηκαν είναι τώρα ομαδοποιημένες!

Βήμα 5

Ορίστε το χρώμα γεμίσματος

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

Επιλέξτε την ομάδα και, στη συνέχεια, ενεργοποιήστε τη διαγράμμιση και το γέμισμα. Ορίστε το χρώμα γεμίσματος στο Color Widget ή στις ενότητες Style σε #990B4A, ένα βαθύ και πλούσιο σκούρο ροζ.

Θα βρείτε ρυθμιστικά χρωμάτων στο Widget Χρώμα ή στην ενότητα Στυλ. Μπορείτε να δημιουργήσετε μια προσωπική παλέτα χρωμάτων και σχέδια χρωμάτων στην καρτέλα Παλέτες.

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

Βήμα 6

Τακτοποιήστε τα σχήματα λουλουδιών και πεταλούδων

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

Το μικρό εσωτερικό τετράγωνο που κάναμε αόρατο στο Βήμα 1 επιστρέφει! Επιλέξτε το επίπεδο και στη συνέχεια κάντε το ορατό πατώντας το εικονίδιο του ματιού. Τώρα το εσωτερικό τετράγωνο καλύπτει τμήματα των ιχνογραφημένων λουλουδιών και πεταλούδων.

Θυμηθείτε να διατηρήσετε τα στοιχεία των επιπέδων οργανωμένα στην καρτέλα Επίπεδα με την ίδια ιεραρχική σειρά όπως έκανε η Berenika στην εικόνα αναφοράς μας.

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

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

Επιλέξτε ένα σχήμα και ενεργοποιήστε τη λειτουργία Duplicate Mode στις επιλογές του Selection Tool για να δημιουργήσετε ένα αντίγραφο. Μετακινήστε, περιστρέψτε και κλιμακώστε τα σχήματα με το Selection Tool.

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

Ενώ κλιμακώνετε και μετακινείτε τα σχήματα, μπορείτε να ενεργοποιήσετε τη λειτουργία περιστροφής στο εργαλείο επιλογής και στη συνέχεια να σύρετε την πορτοκαλί λαβή για να περιστρέψετε το σχήμα.

Βήμα 7

Τακτοποιήστε τα στοιχεία πάνω από το εσωτερικό τετράγωνο

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

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

Τοποθετήστε τα σχήματα λουλουδιών και πεταλούδων σε μια όμορφη σύνθεση.

Βήμα 8

Δημιουργήστε το κείμενο της κάρτας

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

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

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

Μπορείτε να επεξεργαστείτε τα χαρακτηριστικά του κειμένου, όπως το χρώμα, το μέγεθος, τον τύπο γραμματοσειράς και το βασικό στυλ, στον πίνακα Text στο επάνω μέρος του Inspector. Το εργαλείο Text Tool στο Vectornator σας προσφέρει πολλές περισσότερες επιλογές για να διαμορφώσετε και να οργανώσετε τα στοιχεία κειμένου σας!

Στο παράδειγμά μας, η Berenika ρύθμισε το μέγεθος παρακολούθησης και πάτησε το Fit Bounds to Text Size.

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

Χρησιμοποιήστε τις επιλογές Ευθυγράμμιση στην καρτέλα Διάταξη για να τοποθετήσετε το κείμενο μέσα στο έγγραφο. Στο σεμινάριό μας, η Berekinka ευθυγράμμισε το κείμενο στο κέντρο.

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

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

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

Ελπίζουμε να σας εμπνεύσουμε να δημιουργήσετε σχέδια σε δευτερόλεπτα με την απίστευτη λειτουργία Auto Trace!

Στείλτε λίγη αγάπη με τις ευχετήριες κάρτες σας στους φίλους και τους αγαπημένους σας και σε εμάς στα μέσα κοινωνικής δικτύωσης ή στην κοινοτική γκαλερί τέχνης!

Κατεβάστε δωρεάν την τελευταία έκδοση του Vectornator και βελτιώστε την απίστευτη δύναμη και ακρίβεια του Auto Trace για τα σχέδιά σας!

Κατεβάστε το Vectornator για να ξεκινήσετε

Πηγαίνετε τα σχέδιά σας στο επόμενο επίπεδο.

Λήψη τώρα



Rick Davis
Rick Davis
Ο Rick Davis είναι έμπειρος γραφίστας και εικαστικός με πάνω από 10 χρόνια εμπειρίας στον κλάδο. Έχει συνεργαστεί με διάφορους πελάτες, από μικρές νεοφυείς επιχειρήσεις έως μεγάλες εταιρείες, βοηθώντας τους να επιτύχουν τους σχεδιαστικούς τους στόχους και να ανυψώσουν το brand τους μέσω αποτελεσματικών και εντυπωσιακών γραφικών.Απόφοιτος της Σχολής Εικαστικών Τεχνών της Νέας Υόρκης, ο Rick είναι παθιασμένος με την εξερεύνηση νέων τάσεων και τεχνολογιών σχεδιασμού και συνεχώς υπερβαίνοντας τα όρια του δυνατού στον τομέα. Έχει βαθιά εξειδίκευση στο λογισμικό γραφιστικής και είναι πάντα πρόθυμος να μοιραστεί τις γνώσεις και τις γνώσεις του με άλλους.Εκτός από τη δουλειά του ως σχεδιαστής, ο Rick είναι επίσης αφοσιωμένος blogger και είναι αφοσιωμένος στην κάλυψη των τελευταίων τάσεων και εξελίξεων στον κόσμο του λογισμικού γραφιστικής. Πιστεύει ότι η ανταλλαγή πληροφοριών και ιδεών είναι το κλειδί για την ενίσχυση μιας ισχυρής και ζωντανής κοινότητας σχεδιασμού και είναι πάντα πρόθυμος να συνδεθεί με άλλους σχεδιαστές και δημιουργικούς στο διαδίκτυο.Είτε σχεδιάζει ένα νέο λογότυπο για έναν πελάτη, είτε πειραματίζεται με τα πιο πρόσφατα εργαλεία και τεχνικές στο στούντιό του είτε γράφει ενημερωτικές και συναρπαστικές αναρτήσεις ιστολογίου, ο Rick δεσμεύεται πάντα να προσφέρει την καλύτερη δυνατή δουλειά και να βοηθά άλλους να επιτύχουν τους σχεδιαστικούς τους στόχους.