Οδηγός Illustrator: Συνταγές ροής εργασίας και σχεδιασμού με λεπτομέρεια

Χαρτογραφία (σχεδιασμός χαρτών κατεύθυνσης) με τον Illustrator - Μέρος 4

Όλα τα βίντεο του μαθήματος Οδηγίες για τον Illustrator: Συνταγές workflow και design με λεπτομερή αιχμηρότητα

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

Σχεδίαση χώρου πρασίνου

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

Χαρτογραφία (σχεδίαση χαρτών πρόσβασης) με τον Illustrator - Μέρος 4

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

Χαρτογραφία (σχεδίαση χαρτών πρόσβασης) με Illustrator - Μέρος 4

Και στη συνέχεια θα γεμίσουμε ανάλογα την επιφάνεια:

Χαρτογραφία (σχεδιασμός χάρτη πλοήγησης) με το Illustrator - Μέρος 4

Χρωματίζοντας τον χώρο πρασίνου

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

Χαρτογραφία (σχεδίαση χαρτών πλοήγησης) με Illustrator - Μέρος 4

... επειδή μόνο τότε μπορούμε να εισάγουμε την ακόλουθη δεκαεξαδική τιμή: Χρώμα: #cbcc98.

Χαρτογραφία (σχεδίαση χάρτη κατεύθυνσης) με το Illustrator - Μέρος 4

Κάνουμε διπλό κλικ και στον δεξιό ρυθμιστή, τον μετατρέπουμε επίσης σε RGB ...

Χαρτογραφία (σχεδιασμός χαρτών καθοδήγησης) με Illustrator - Μέρος 4

... και του δίνουμε το χρώμα: #dbe6b6 ...,

Χαρτογραφία (σχεδιασμός χαρτών κατεύθυνσης) με το Illustrator - Μέρος 4

... πατάμε το πλήκτρο Enter και έχουμε μια όμορφη πράσινη επιφάνεια.

Χαρτογραφία (σχεδιασμός χαρτών κυκλοφορίας) με Illustrator - Μέρος 4

Για να μην είναι τόσο λεία η επιφάνειά μας από το σκούρο στο φωτεινό, δίνουμε στο πάνελ Εφέ μεταβολής μια Γωνία: 94°. Έτσι θα έχουμε έναν όμορφο φυσικό Μετασχηματισμό, που δε θα φαίνεται πια τόσο τεχνητός.

Χαρτογραφία (σχεδίαση χάρτη πρόσβασης) με Illustrator - Μέρος 4

Δομή λιβαδιού

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

fx>(Εφέ Photoshop) Φίλτρα Δομής>Να οριζοντίως δομηθεί.

Χαρτογραφία (σχεδιασμός χαρτών κατευθύνσεων) με τον Illustrator - Μέρος 4

Δομή: Πέτρα
Κλίμακα: 200 %
Ύψος Ανάγλυφου: 3
Φως: Πάνω δεξιά

Με το Ύψος Ανάγλυφου των 3, το Ανάγλυφο εμφανίζεται λιγότερο έντονο από την οικιστική περιοχή μας και γι' αυτό είναι ιδανικό για ένα λιβάδι.

Χαρτογραφία (σχεδιασμός χαρτών κατεύθυνσης) με το Illustrator - Μέρος 4

Πατάμε OK και έτσι έχει εφαρμοστεί το φίλτρο μας.

Χαρτογραφία (σχεδίαση διαδρομών) με το Illustrator - Μέρος 4

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

Επιλογές λιβαδιών

Επιλογή 1

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

Χαρτογραφία (σχεδιασμός χαρτών κατεύθυνσης) με τον Illustrator - Μέρος 4

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

Χαρτογραφία (σχεδίαση χαρτών πρόσβασης) με τον Illustrator - Μέρος 4.

Εκεί πηγαίνουμε απλά πάνω ...

Χαρτογραφία (σχεδίαση χαρτών πρόσβασης) με Illustrator - Μέρος 4

... και βλέπουμε τι έχουμε εκεί ... εκεί βρίσκουμε ένα σύμβολο που, όταν το στριμώξουμε, ονομάζεται Καρτογραφία RGB - Επίπεδο.

Χαρτογραφία ( σχεδιάζοντας χάρτες κατεύθυνσης) με τον Illustrator - Μέρος 4

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

Χαρτογραφία (σχεδιάζοντας χάρτες κατεύθυνσης) με τον Illustrator - Μέρος 4

Επιλογή 2

Έχουμε εδώ μια άλλη επιλογή, η οποία ονομάζεται Χλοώδες RGB και αν τώρα πάω εδώ πάνω μια φορά, μπορώ επίσης να ενεργοποιήσω αυτή τη Δομή.

Χαρτογραφία (σχεδίαση χαρτών κατευθύνσεως) με το Illustrator - Μέρος 4

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

Χαρτογραφία (σχεδιασμός χαρτών πλοήγησης) με Illustrator - Μέρος 4

Εδάφη

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

Χαρτογραφία (σχεδιασμός χάρτη πρόσβασης) με Illustrator - Μέρος 4

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

Χρώμα: #f1efd8

Χαρτογραφία (σχεδιασμός χαρτών κατεύθυνσης) με τον Illustrator - Μέρος 4

Πατάμε μια φορά Enter και έτσι έχουμε το κατάλληλο χρώμα άμμου μας. Στη συνέχεια παίρνουμε το εργαλείο Ορθογώνιο και σχεδιάζουμε μεγάλο ένα Ορθογώνιο πάνω σε ολόκληρη την επιφάνεια του χάρτη, το οποίο εμφανίζεται αμέσως στο κατάλληλο χρώμα.

Χαρτογραφία (σχεδιασμός χαρτών κατεύθυνσης) με Illustrator - Μέρος 4

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

Εμφάνιση>fx>(Φίλτρα Photoshop) Φίλτρα δομής>Δομή επάνω.

Χαρτογραφία (σχεδιασμός χαρτών κίνησης) με το Illustrator - Μέρος 4

Ανοίγει το παράθυρο διαλόγου.

Δομή: Αμμόλιθος
Κλίμακα: 100 %
Ύψος εκτύπωσης: 4
Φως: Πάνω δεξιά

Επειδή πρέπει να είναι ένα πολύ λεπτό έδαφος, θέτουμε την Κλίμακα στο 100 % και το Ύψος εκτύπωσης στο 4, ώστε να γίνει λίγο πιο εμφανές. Έτσι έχουμε μια πραγματικά όμορφη υφή πέτρας.

Χαρτογραφία (σχεδίαση χαρτών κατεύθυνσης) με Illustrator - Μέρος 4

Πατώντας μία φορά στο ΟΚ θα εφαρμοστεί το φίλτρο. Και έτσι έχουμε ξανά μια υπέροχη υφή πάνω του.

Χαρτογραφία (σχεδίαση χαρτών κατεύθυνσης) με τον Illustrator - Μέρος 4

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

Υδάτινα

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

Χαρτογραφία (σχεδιασμός χαρτών κατεύθυνσης) με Illustrator - Μέρος 4

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

Με το πινέλο σταγόνας ζωγραφίζουμε επιφάνειες, χωρίς να χρειάζεται να βάλουμε μεμονωμένα σημεία. Απλά ζωγραφίζουμε πάνω στην επιφάνεια και όταν τελειώσουμε με αυτό, ...

Χαρτογραφία (σχεδίαση χαρτών κυκλοφορίας) με τον Illustrator - Μέρος 4

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

Χαρτογραφία (σχεδιασμός χαρτών πρόσβασης) με τον Illustrator - Μέρος 4

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

Μέγεθος: 5 Pt

Χαρτογραφία (σχεδίαση χαρτών πρόσβασης) με Illustrator - Μέρος 4

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

Χαρτογραφία (σχεδίαση χαρτών κατεύθυνσης) με το Illustrator - Μέρος 4

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

Ισιώσεις

Και αν τώρα κοιτάξουμε τις σχεδιασμένες μας καμπύλες, βλέπουμε ότι δεν είναι εντελώς βέλτιστες.

Χαρτογραφία (Σχεδιασμός χαρτών κατεύθυνσης) με το Illustrator - Μέρος 4

Εδώ υπάρχει ένα γωνάκι και εκεί πάλι μια γωνίτσα. Το νερό δε ρέει γωνιώδώς. :) Και υπάρχει μια υπέροχη λύση γι' αυτό, δηλαδή πατάμε τώρα μία φορά το πλήκτρο Ctrl και κάνουμε κλικ στο Μονοπάτι. Τότε βλέπουμε όλα τα σημεία μονοπατιού που προέκυψαν εξαιτίας αυτού. Και βλέπουμε αμέσως: Είναι πολύ πολλά. Για να τα απαλύνουμε ωραία, πατάμε μία φορά το πλήκτρο Alt- και μεταβαίνουμε προσωρινά στο εργαλείο Λείανσης. Και αν περάσουμε μερικές φορές πάνω από τις καμπύλες, θα διαγραφούν τα περιττά σημεία μονοπατιού και το μονοπάτι θα ισιωθεί. Με αυτόν τον τρόπο μπορούμε να φέρουμε τη ροή του ποταμού στο ρεύμα. :D

Alt (κρατημένο): (προσωρινή εναλλαγή σε) Εργαλείο Λείανσης.

Χαρτογραφία (σχεδιάζοντας χάρτες πρόσβασης) με τον Illustrator - Μέρος 4

Και έχουμε πραγματικά ένα υπέροχο αποτέλεσμα εδώ.

Χαρτογραφία (σχεδίαση χαρτών κατεύθυνσης) με τον Illustrator - Μέρος 4

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

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

Χαρτογραφία (σχεδίαση χαρτών πρόσβασης) με το Illustrator - Μέρος 4

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

Χαρτογραφία (Σκίτσο διαδρομής) με Illustrator - Μέρος 4

Και με το υπόλοιπο ήδη βλέπουμε το ενδιάμεσο αποτέλεσμά μας:

Χαρτογραφία (σχεδιάστε χάρτες κατευθύνσεων) με Illustrator - Μέρος 4

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