Μάθετε τα πάντα για τις διακεκομμένες γραμμές στο Illustrator

Η σειρά Adobe Illustrator έχει σχεδιαστεί για να σας βοηθήσει να μάθετε πώς να δημιουργείτε εφέ στο λογισμικό διανυσματικής σχεδίασης. Είμαστε εδώ για να βοηθήσουμε να απλοποιήσετε τη διαδικασία σχεδίασης για όλους, από αρχάριους έως βετεράνους! Σήμερα εστιάζουμε στο πώς να δημιουργείτε διακεκομμένες γραμμές.

Το Adobe Illustrator είναι ένα ισχυρό εργαλείο που χρησιμοποιείται παγκοσμίως για τον σχεδιασμό γραφικών και την εικονογράφηση.

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

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

Πότε θα πρέπει να χρησιμοποιήσετε μια διακεκομμένη γραμμή στο σχεδιασμό γραφικών;

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

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

Πηγή εικόνας: Dreamstime

Πώς να δημιουργήσετε μια διακεκομμένη γραμμή στο Illustrator

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

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

Επιλογή 1: Δημιουργία διακεκομμένων και διακεκομμένων γραμμών με το εργαλείο Stroke Tool

• Αρχικά, ξεκινήστε τραβώντας μια γραμμή.
• Στη συνέχεια, ανοίξτε τον πίνακα εμφάνισης, μεταβαίνοντας στην επιλογή properties-> appearance ή χρησιμοποιώντας τη συντόμευση F6 για τα Windows και Shift+F6 για Mac.
• Μόλις ανοίξει ο πίνακας εμφάνισης, επιλέξτε "Stroke". Αυτό θα ανοίξει τον πίνακα "Strokes" και θα σας δώσει διάφορες επιλογές εγκεφαλικών επεισοδίων.
• Επιλέξτε την επιλογή "διακεκομμένη γραμμή" στην παλέτα Stroke. Αυτό θα δημιουργήσει, όπως φαντάζεστε, μια διακεκομμένη γραμμή.
• Τώρα επιλέξτε "στρογγυλεμένο καπάκι" για να κάνετε στρογγυλεμένες παύλες.

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

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

Επιλογή 2: Δημιουργήστε ένα πινέλο με βούλες με το εργαλείο πινέλου

Για αυτή τη μέθοδο, θα ξεκινήσετε δημιουργώντας έναν κύκλο.

• Επιλέξτε το εργαλείο σχήματος στον Πίνακα εμφάνισης στα αριστερά. Αυτό θα σας δώσει τις επιλογές: εργαλείο ορθογωνίου, εργαλείο στρογγυλεμένου ορθογωνίου, εργαλείο έλλειψης, εργαλείο πολυγώνου, εργαλείο αστεριού και εργαλείο φωτοβολίδας. Θα επιλέξετε το "εργαλείο έλλειψης".
• Κρατήστε πατημένο το "shift" και σύρετε το ποντίκι για να δημιουργήσετε έναν κύκλο.
• Μπορείτε να επεξεργαστείτε τον κύκλο που έχετε δημιουργήσει προσθέτοντας ένα γέμισμα, αλλάζοντας το χρώμα και ρυθμίζοντας το μέγεθος.
• Μόλις είστε ευχαριστημένοι με τον κύκλο σας, μεταβείτε στο window-> brushes. Θα εμφανιστεί το παράθυρο brushes.
• Τώρα, κάντε κλικ και σύρετε τον κύκλο σας στην ενότητα προκαθορισμένων ρυθμίσεων.
• Τώρα θα εμφανιστεί ένα παράθυρο διαλόγου που θα λέει: "Επιλέξτε έναν νέο τύπο πινέλου". Θα σας δώσει τη δυνατότητα να επιλέξετε "Scatter Brush", "Art Brush" ή "Pattern Brush".

• Επιλέξτε "Scatter Brush" και πατήστε "Ok".
• Θα εμφανιστεί ένα άλλο παράθυρο με περαιτέρω επιλογές "Scatter Brush". Επιλέξτε "Ok".
• Τώρα, θα πάτε στο εργαλείο γραμμής και θα σύρετε τη γραμμή εκεί που θέλετε να εμφανιστεί η διακεκομμένη γραμμή σας.
• Τώρα επιλέξτε το πινέλο που μόλις δημιουργήσατε.
• Ορίστε! Μια διακεκομμένη γραμμή θα εμφανιστεί στο σημείο που μόλις δημιουργήσατε τη γραμμή σας.

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

• Θα εμφανιστεί ένα νέο παράθυρο όπου μπορείτε να ρυθμίσετε το μέγεθος, το χρώμα και το βάρος της διακεκομμένης γραμμής σας και το διάστημα μεταξύ των κουκκίδων. Μπορείτε να προσαρμόσετε αυτές τις ρυθμίσεις σύροντας τα ρυθμιστικά. Μπορείτε ακόμη και να ρυθμίσετε τυχαία το διάστημα για να δημιουργήσετε μια διακεκομμένη γραμμή με ακανόνιστη απόσταση μεταξύ των κουκκίδων.
• Όταν είστε ευχαριστημένοι με τις επεξεργασίες, πατήστε "Ok" και "Apply To Strokes".

Επιλογή 3: Εργαλείο ανάμειξης

Μπορείτε επίσης να δημιουργήσετε μια διακεκομμένη γραμμή χρησιμοποιώντας το εργαλείο ανάμειξης στο Illustrator.

• Ξεκινήστε δημιουργώντας μια γραμμή με το εργαλείο γραμμής.
• Τώρα, δημιουργήστε έναν κύκλο χρησιμοποιώντας το εργαλείο έλλειψης. Κρατήστε πατημένο το shift ενώ σχεδιάζετε τον κύκλο σας για να σχηματίσετε έναν τέλειο κύκλο.
• Στη συνέχεια, θα διπλασιάσετε τον κύκλο. Πρώτα, μεταβείτε στο εργαλείο "Selection" (Επιλογή).
• Στη συνέχεια, κρατήστε πατημένο το πλήκτρο alt, κάντε κλικ στον κύκλο και σύρετε. Έτσι θα δημιουργήσετε ένα αντίγραφο του κύκλου.

Μωβ κύκλοι με μωβ linea

• Τώρα, επιλέξτε και τους δύο κύκλους και πλοηγηθείτε στο "Αντικείμενο"-> "Ανάμειξη"-> "Δημιουργία." Θα μπορούσατε επίσης να επιτύχετε το ίδιο αποτέλεσμα επιλέγοντας και τους δύο κύκλους, μεταβαίνοντας στο εργαλείο ανάμειξης και, στη συνέχεια, κάνοντας κλικ στον ένα κύκλο και στη συνέχεια στον άλλο για να δημιουργήσετε μια ανάμειξη.

• Στη συνέχεια, επιλέξτε τόσο το μείγμα όσο και τη γραμμή με το εργαλείο επιλογής.
• Πλοηγηθείτε στο "Object"-> "Blend"-> "Replace Spine".

• Τώρα, πλοηγηθείτε στο "Object-> "Blend"-> "Blend Options".
• Θα εμφανιστεί ένα παράθυρο διαλόγου με επιλογές για την απόσταση και τον προσανατολισμό.
• Δίπλα στην επιλογή "Spacing", επιλέξτε "Specified Steps" (Καθορισμένα βήματα) από το αναπτυσσόμενο μενού.
• Τώρα, πληκτρολογήστε τον αριθμό των σημείων που θέλετε να υπάρχουν μεταξύ των δύο πρώτων σημείων που δημιουργήσατε για να επιτύχετε την επιθυμητή απόσταση. Για παράδειγμα, αν πληκτρολογήσετε "2", θα υπάρχουν τώρα μόνο δύο κύκλοι μεταξύ των δύο αρχικών που δημιουργήσατε.

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

Δοκιμάστε μια εναλλακτική λύση Illustrator

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

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

• Αρχικά, ξεκινήστε δημιουργώντας μια γραμμή με το εργαλείο στυλό.Αν χρειάζεστε βοήθεια για να μάθετε πώς να εργάζεστε με το εργαλείο στυλό, μπορείτε να ενημερωθείτε εδώ.
• Μπορείτε να δημιουργήσετε μια ευθεία γραμμή, μια καμπύλη γραμμή ή ένα ολόκληρο σχήμα.
• Μόλις είστε ικανοποιημένοι με τη γραμμή, μεταβείτε στον Επιθεωρητή σας στη δεξιά πλευρά της οθόνης και κάντε κλικ στο κουμπί δίπλα στο "Stroke" για να το ενεργοποιήσετε.
• Τώρα θα εμφανιστεί το μενού εγκεφαλικών επεισοδίων.
• Μέσα από αυτό το μενού μπορείτε να προσαρμόσετε όλες τις ρυθμίσεις του εγκεφαλικού σας, από το πλάτος του εγκεφαλικού μέχρι το σχήμα και το χρώμα του καπακιού.
• Παρόμοια με το Illustrator, θα επιλέξετε ένα στρογγυλεμένο κενό για να επιτύχετε μια διακεκομμένη γραμμή.
• Για να αλλάξετε τη γραμμή σε διακεκομμένη ή διακεκομμένη γραμμή, μεταβείτε στην ενότητα "Dash" (παύλα) στο μενού "stroke".
• Εισάγετε μια τιμή στο πλαίσιο στα αριστερά. Αυτό θα καθορίσει το μήκος κάθε κουκκίδας ή παύλας. Μπορείτε να επιλέξετε οποιαδήποτε τιμή για να ξεκινήσετε και να την προσαρμόσετε ανάλογα με τις ανάγκες σας καθώς προχωράτε.
• Τώρα μετακινηθείτε στην ενότητα "Gap" (Διάκενο) στο μενού εγκεφαλικών επεισοδίων και εισαγάγετε μια τιμή στο πλαίσιο στα αριστερά. Αυτό θα καθορίσει το μέγεθος του κενού μεταξύ των τελειών ή των παύλας.
• Για να κάνετε όλες τις κουκκίδες ίσες σε μέγεθος, με ίσες αποστάσεις μεταξύ τους, κάντε και τα δύο κουτάκια στα πεδία "Dash" και "Gap" να έχουν τις ίδιες τιμές.
• Για να δημιουργήσετε ποικιλία στο μοτίβο σας, μπορείτε να προσαρμόσετε τις τιμές σε κάθε πλαίσιο για να δημιουργήσετε διαφορετικά μεγέθη διακένου και μήκη παύλας.
• Αφού δημιουργήσετε την επιθυμητή διακεκομμένη γραμμή, μπορείτε να επιλέξετε οποιοδήποτε από τα ίδια εργαλεία για να σχεδιάσετε με αυτήν. Αυτό καθιστά πολύ εύκολη τη δημιουργία διακεκομμένων σχημάτων, όπως μια γραμμή, ένα τετράγωνο ή ένας κύκλος.

Κάποια έμπνευση από τη Dotted Line

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

Απεικόνιση της κίνησης σε χάρτη

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

Απεικονίστε οδηγίες κοπής

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

Πηγή εικόνας: Dreamstime

Υφή και διάσταση

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

Πηγή εικόνας: Dreamstime

Infographic

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

Πηγή εικόνας: Dreamstime

Έτοιμοι;

Ελπίζουμε ότι αισθάνεστε εμπνευσμένοι και εφοδιασμένοι με τις γνώσεις που χρειάζεστε για να δημιουργήσετε διακεκομμένες γραμμές και σχέδια με κουκκίδες στο Adobe Illustrator και το Vectornator.

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