Που βρίσκεται η επιχείρησή σας και πού είναι σε λειτουργία; Αν θέλετε να αντιμετωπίσετε εικαστικά τέτοιες και παρόμοιες ερωτήσεις, τότε απλά βάλτε τις απαντήσεις σας στο χάρτη! Σας δείχνουμε πώς μπορείτε να δημιουργήσετε τους δικούς σας χάρτες, χρησιμοποιώντας τα πρότυπα μας βασισμένα σε διανύσματα με τα χρώματα που επιθυμείτε και τις κατάλληλες γραμματοσειρές. Οδηγίες βήμα προς βήμα, συμπεριλαμβανομένου ενός βίντεο και μια δωρεάν πρότυπη για αναπαραγωγή.
Γρήγορη Πλοήγηση
- Βίντεο για έμπνευση και οδηγίες: Επιχειρήσεις που εφαρμόζουν το σχεδιασμό τους στους χάρτες μας
- Βήμα προς Βήμα: Δημιουργία και σχεδιασμός χαρτών στο Photoshop (με βάση το πρότυπο για την περιοχή Hessen)
- Επισκόπηση: Αναπαράσταση των πεδίων εφαρμογής των εταιρειών στους χάρτες
- Επισκόπηση: Αναπαράσταση των τοποθεσιών των εταιρειών στους χάρτες
- Δωρεάν Πρότυπο Χαρτών για το Photoshop για Λήψη
Η TutKit σε Δράση: Επιχειρήσεις που εφαρμόζουν πλήρως το σχεδιασμό τους στους χάρτες μας!
Είναι πραγματικά μεγάλη μας χαρά να βλέπουμε τα Assets και τα πρότυπα από το TutKit.com σε πραγματική χρήση - για παράδειγμα τους χάρτες. Στο βίντεο, ο Matthias Petri σας δείχνει μερικά παραδείγματα από επιχειρήσεις που εφαρμόζουν πλήρως τον σχεδιασμό τους στους χάρτες μας. Επιπλέον, θα λάβετε οδηγίες για το πως μπορείτε να δημιουργήσετε τους χάρτες στο Photoshop ...


Βήμα 1: Επιλέξτε το πρότυπο χάρτη σας
Για το ιμπρεσούμ ή το τμήμα Σχετικά με εμάς της ιστοσελίδας σας - για φυλλάδια πληροφοριών, ενημερωτικά φυλλάδια ή την τελική σας διαφάνεια παρουσίασης: Αν θέλετε να αναπαραστήσετε την τοποθεσία ή το πεδίο δράσης της επιχείρησής σας, σας συνιστούμε τα πρότυπα χαρτών για τη Γερμανία, την Αυστρία και την Ελβετία, καθώς και τα 16 γερμανικά ομόσπονδα κρατίδια.
Οι χάρτες των ομοσπονδιών μπορούν να επεξεργαστούν σε Adobe Illustrator και Adobe Photoshop. Επιπλέον, είναι διαθέσιμοι ως αρχεία PNG, SVG και EPS.
Για την παρακάτω οδηγία, θα επιλέξουμε τον χάρτη της Hessen. Εκείνο που θα κάνουμε είναι να επιλέξουμε το πρότυπο Photoshop, το οποίο περιλαμβάνει τις λεγόμενες αυτοκινητόδρομους της Hessen. Μετά τη λήψη και την αποσυμπίεση του αρχείου ZIP, θα ανοίξουμε την έκδοση RGB, καθώς ο χάρτης θα χρησιμοποιηθεί τελικά στο διαδίκτυο. Αν επιθυμείτε στη συνέχεια να εκτυπώσετε το χάρτη σας, θα πρέπει να χρησιμοποιήσετε την εναλλακτική CMYK έκδοση.

Βήμα 2: Ποιος θα είναι ο σχεδιασμός;
Εάν έχετε επιλέξει επίσης ένα χάρτη με αυτοκινητόδρομους, μετά το άνοιγμα στο Photoshop, θα έχετε δύο διαφορετικά σχέδια: Αριστερά, τα περιγράμματα περιοχών των γερμανικών ομόσπονδων κρατιδίων εμφανίζονται με διαφορετικά χρώματα, από ανοιχτό μπλε μέχρι σκούρο μπλε. Δεξιά, υπάρχει μια μονόχρωμη εκδοχή, όπου τα περιγράμματα περιοχών των κρατιδίων χωρίζονται μεταξύ τους με κόρες.
Βασικά, είναι αδιάφορο ποιο σχέδιο θα επιλέξετε, επειδή τελικά μπορείτε να κάνετε το μονόχρωμο σχέδιο
Βήμα 3: Μεταφέρετε το χάρτη σε έναν ξεχωριστό φάκελο
Στη συνέχεια, δημιουργούμε ένα νέο αρχείο στο Photoshop με τις τιμές που χρειαζόμαστε για την εμφάνιση του χάρτη μας. Στην περίπτωσή μας, αυτό θα ήταν μια επιφάνεια εργασίας 900 x 900 pixels με ανάλυση 72 dpi. Μπορείτε να επιλέξετε ελεύθερα τις ρυθμίσεις σας. Οι χάρτες βασίζονται σε διανυσματικά σχήματα και διατηρούν την οξύτητά τους τόσο σε μικρή όσο και σε μεγάλη κλίμακα.
Στη μάσκα στρωμάτων του αρχείου προτύπου, επιλέγουμε τον φάκελο με το επιθυμητό σχεδιασμό χάρτη. Κρατώντας πατημένο το πλήκτρο Ctrl- κάνουμε κλικ στον χάρτη και τον μετακινούμε από το αρχείο προτύπου στο νέο αρχείο. Εκεί, προσαρμόζουμε το μέγεθος του χάρτη με τη μέθοδο μετασχηματισμού (Ctrl + T). Κλείνουμε το αρχείο προτύπου. Έτσι παραμένει ανέγγιχτο και μπορούμε αργότερα να επιστρέψουμε στον αρχικό σχεδιασμό.
Πριν ξεκινήσετε την επεξεργασία, ρίξτε μια ματιά στα στρώματα: Στα χάρτες των γερμανικών ομοσπονδιών μπορείτε να ενεργοποιήσετε ή να απενεργοποιήσετε όλες τις εμφανιζόμενες πόλεις, νομούς, αλλά και τις αυτοκινητόδρομους και τις αρίθμησή τους. Έτσι, αν θέλετε να εμφανίσετε μόνο τα Kassel, Fulda και Frankfurt am Main στο συγκεκριμένο παράδειγμα, απλά απενεργοποιήστε τις άλλες πόλεις. Αλλά θα φτάσουμε και εκεί σύντομα. Κάντε κλικ για να περιηγηθείτε άνετα στους διαθέσιμους φακέλους και στρώματα.

Βήμα 4: Απόκρυψε ό,τι δεν χρειάζεσαι
Και έτσι αρχίζουμε την πραγματική διαμόρφωση των χάρτων: Πρώτα από όλα, απόκρυψε ό,τι αφορά τις αυτοκινητόδρομους, επειδή θα ασχοληθούμε με αυτούς αργότερα. Κάντε κλικ πριν τον φάκελο "Σήματα κυκλοφορίας" και το επίπεδο "Αυτοκινητόδρομοι" στο εικονίδιο με το μάτι. Μπορείτε επίσης να αποκρύψετε το επίπεδο "Σύνορα των ομοσπονδιών".

Στους χάρτες των ομοσπονδιών έχουν σημειωθεί για εσάς οι θέσεις των περισσότερων πόλεων. Μπορείτε να αποφασίσετε εύκολα ποιες θέλετε να εμφανίσετε και ποιες όχι.
Για το παράδειγμά μας, φανταστείτε μια φανταστική επιχείρηση που βρίσκεται στο Grünberg της Hessen και ενεργεί κυρίως στους μέσους νομούς. Έτσι, εκεί παριστάνουμε περισσότερες πόλεις από ό,τι σε άλλες περιοχές. Μεγάλες πόλεις όπως το Kassel, το Wiesbaden, το Darmstadt και το Frankfurt am Main παραμένουν για πλοήγηση.
Για ενεργοποίηση ή απενεργοποίηση των πόλεων, ανοίγετε τον φάκελο "Πόλεις" και κάνετε κλικ ξανά στα εικονίδια με το μάτι μπροστά από τους φακέλους.

Βήμα 5: Χάρτες με τη γραμματοσειρά του σπιτιού σας
Αν σας ενδιαφέρει το Corporate Design σας, είναι σίγουρο ότι θα θέλετε να χρησιμοποιήσετε την προσωπική γραμματοσειρά σας στον δικό σας χάρτη. Για να προσαρμόσετε όλα τα ονόματα των πόλεων με μια κίνηση, ακολουθήστε αυτά τα βήματα: Ενεργοποιήστε το εργαλεί. Μετακινήστε (συντόμευση V), κρατήστε πατημένο το πλήκτρο Shift- και κάντε κλικ σε κάθε ονομασία πόλης. Έτσι επιλέγετε όλα τα επίπεδα κειμένου με τα ονόματα των πόλεων.
Στη συνέχεια, μεταβείτε στο Εργαλείο Κειμένου (συντόμευση T) και ορίστε την γραμματοσειρά, το στυλ γραφής καθώς και το μέγεθος γραμμάτων από τη γραμμή μενού. Στο παράδειγμά μας, χρησιμοποιούμε τη Rubik σε Medium στο μέγεθος 18 σημείων.
Όταν αλλάζετε τη γραμματοσειρά, τα ονόματα των πόλεων στο χάρτη θα μετακινηθούν λίγο. Ένα μικρό συμβουλευτικό κόλπο: Μπορείτε να επανατοποθετήσετε εν συντομία τα ονόματα χρησιμοποιώντας το Εργαλείο Μετακίνησης. Την τελική τοποθέτηση πρέπει όμως να την κάνετε στο τέλος, όταν φτάσετε σ
Βήμα 6: Χάρτες στα χρώματα του σπιτιού σας
Όπως και με τη γραφή, τα χρώματά σας πιθανώς πρέπει να ταιριάζουν με το Corporate Design! Ίσως όμως δεν σας αρέσει γενικά το μπλε που έχουμε προετοιμάσει και επιθυμείτε ένα εντελώς διαφορετικό χρώμα χάρτη. Εάν λοιπόν επιθυμείτε να αλλάξετε τα χρώματα, μπορείτε να χρησιμοποιήσετε επικαλύψεις χρωμάτων και μάσκες. Πώς λειτουργεί αυτό, σας δείχνει ο Matthias Petri στο βίντεο στην αρχή της ανάρτησης στο Blog.

Μια άλλη πιθανή επιλογή για την προσαρμογή των χρωμάτων περιγράφεται παρακάτω: Δημιουργήστε τέσσερα ή πέντε αποχρώσεις της επιθυμητής σας απόχρωσης με διαφορετική φωτεινότητα. Ιδανικά, δημιουργείτε δικά σας χρώματα. Γι' αυτό κάνετε κλικ στο τετράγωνο για το χρώμα του προσκηνίου στο μενού εργαλείων στην αριστερή πλευρά και ανοίγετε το παράθυρο για Επιλογή Χρωμάτων (Χρώμα Προσκηνίου). Ρυθμίστε εκεί τα χρώματα και κάντε κλικ σε κάθε ένδειξη Προσθήκη στα Χρώματα. Μετά την ανάθεση του ονόματος στο χρωματικό πεδίο, μπορείτε να ταξινομήσετε τα νέα χρωματικά πεδία στο αντίστοιχο μενού (Παράθυρο > Χρωματικά Πεδία) αν είναι απαραίτητο.

Έχετε επιλέξει τις σωστές αποχρώσεις; Τότε πίσω στο χάρτη: Όπως και πριν στις προσαρμογές των ονομάτων των πόλεων, τώρα επιλέγετε όλες τις περιοχές που θέλετε να δείτε σε μια απόχρωση. Κρατήστε λοιπόν πάλι πατημένο το πλήκτρο Shift και κάντε κλικ στις αντίστοιχες περιοχές στο χάρτη.
Ενεργοποιήστε τώρα ένα από τα εργαλεία σχήματος με το συντόμευση πλήκτρο U. Στο μενού σύνταξης επάνω μπορείτε τώρα να αλλάξετε το χρώμα για τις επιφάνειες και τα περίγραμμα των επιλεγμένων περιοχών. Κάντε κλικ πίσω στο Επιφάνεια ή Περίγραμμα στις εικονίδια και επιλέξτε από το μενού που ανοίγεται το επιθυμητό χρώμα από τα ετοιμασμένα χρωματικά πεδία σας. Αν δεν θέλετε να εμφανίζονται περιγράμματα, χρησιμοποιήστε το ίδιο χρώμα με την επιφάνεια.

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

Βήμα 7: Γρήγορη προσαρμογή των αυτοκινητόδρομων
Θυμάστε ακόμα το επίπεδο με τους αυτοκινητόδρομους και το φάκελο με τις οδικές σημάνσεις που είχαμε αποκρύψει εξαρχής; Ακριβώς αυτά εμφανίζουμε τώρα ξανά. Επιλέξτε το επίπεδο των αυτοκινητόδρομων και ενεργοποιήστε ξανά ένα εργαλείο σχήματος πατώντας το πλήκτρο U. Μέσω του μενού σύνταξης μπορείτε πίσω στις ρυθμίσεις πίσω από το Περίγραμμα να προσαρμόσετε το χρώμα, το πάχος και τη δομή των γραμμών.


Εκτός Θέματος: Εμφάνιση περιοχών εφαρμογής
Αν επιθυμείτε να δείξετε με έναν χάρτη πού είναι ενεργή η επιχείρησή σας και πού όχι τόσο, ακολουθεί εδώ μια ιδέα: Σκουραίνετε τις περιοχές στις οποίες δεν είστε ενεργοί.
Για να το επιτύχετε, μπορείτε να προχωρήσετε, για παράδειγμα, με τον ακόλουθο τρόπο: Επιλέξτε ξανά όλους τους νομούς που επιθυμείτε να σκουραίνετε χρησιμοποιώντας το Shift και πολλά κλικ. Δημιουργήστε αντίγραφα χρησιμοποιώντας το Strg + J και ομαδοποιήστε αυτά τα αντίγραφα με το Strg + G σε μια δική τους ομάδα. Βεβαιωθείτε ότι η ομάδα με τα αντίγραφα βρίσκεται πάνω από τους νομούς με τα υπόλοιπα.

Τώρα πηγαίνετε πολύ γρήγορα: Πατήστε Strg + E, για να συγχωνεύσετε τους αντιγραφένται νομούς σε ένα επίπεδο. Κρατήστε πατημένο το Strg και κάντε κλικ στη μικρογραφία των νέων δημιουργημένων επιπέδων ώστε να επιλέξετε τις επιφάνειες των νομών. Συμπληρώστε αυτές τις επιφάνειες με μαύρο (γίνεται, για παράδειγμα, αλλάζοντας το χρώμα προσκηνίου σε μαύρο και πατώντας τα πλήκτρα Alt- και Delete-). Τέλος, μειώστε την τιμή της Διαφάνειας ή της Επιφάνειας, μέχρι να σας αρέσει η ένταση του σκούρου χρώματος.
Συμβουλή: Φυσικά, μπορείτε επίσης να δουλέψετε ξανά με επικαλύψεις χρωμάτων για αυτήν τη διαδικασία (δείτε για παράδειγμα το βίντεο στην αρχή της ανάρτησης του blog).

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

Δωρεάν λήψη χάρτη για δοκιμή
Πώς λένε πάντα; Πολλοί δρόμοι οδηγούν στον ατομικό χάρτη. Αυτός που περιγράψαμε παραπάνω είναι μόνο ένας από αυτούς. Αν θέλετε να τον ακολουθήσετε ή να χαράξετε τους δικούς σας δρόμους: Κατεβάστε δωρεάν τώρα το πρότυπο χάρτη της Χέσσης για το Photoshop και δοκιμάστε το. Η λήψη περιλαμβάνει το χάρτη της Χέσσης με νομούς σε διάφορους βαθμούς χρωματισμού, χωρίς αυτοκινητόδρομους και προετοιμασμένο για RGB.
Και για μια ακόμη υπενθύμιση: Όλα τα πρ
Σου ευχόμαστε μια καλή περιήγηση επεξεργασίας με τους προσωπικούς σου χάρτες!