Δημιουργήστε τους δικούς σας χάρτες (με δωρεάν πρότυπο)

Δημιουργήστε και σχεδιάστε τους δικούς σας χάρτες (με δωρεάν πρότυπο)

Dr. Jens Hammerschmidt
Δημοσιεύθηκε:

Που βρίσκεται η επιχείρησή σας και πού είναι σε λειτουργία; Αν θέλετε να αντιμετωπίσετε εικαστικά τέτοιες και παρόμοιες ερωτήσεις, τότε απλά βάλτε τις απαντήσεις σας στο χάρτη! Σας δείχνουμε πώς μπορείτε να δημιουργήσετε τους δικούς σας χάρτες, χρησιμοποιώντας τα πρότυπα μας βασισμένα σε διανύσματα με τα χρώματα που επιθυμείτε και τις κατάλληλες γραμματοσειρές. Οδηγίες βήμα προς βήμα, συμπεριλαμβανομένου ενός βίντεο και μια δωρεάν πρότυπη για αναπαραγωγή.


Γρήγορη Πλοήγηση

Η TutKit σε Δράση: Επιχειρήσεις που εφαρμόζουν πλήρως το σχεδιασμό τους στους χάρτες μας!

Είναι πραγματικά μεγάλη μας χαρά να βλέπουμε τα Assets και τα πρότυπα από το TutKit.com σε πραγματική χρήση - για παράδειγμα τους χάρτες. Στο βίντεο, ο Matthias Petri σας δείχνει μερικά παραδείγματα από επιχειρήσεις που εφαρμόζουν πλήρως τον σχεδιασμό τους στους χάρτες μας. Επιπλέον, θα λάβετε οδηγίες για το πως μπορείτε να δημιουργήσετε τους χάρτες στο Photoshop ...

Ατομικοί χάρτες στις ιστοσελίδες των επιχειρήσεων, βασισμένοι στα πρότυπα χαρτών μας.
Εξατομικευμένοι χάρτες σε ιστοσελίδες επιχειρήσεων, με βάση τα πρότυπα χαρτών μας: αριστερά warensberg.de, δεξιά solar-landpacht.de (Κατάσταση 02/2023).
Ατομικοί χάρτες σε μια ιστοσελίδα επιχείρησης, με βάση τα πρότυπα χαρτών μας.
Εξατομικευμένοι χάρτες σε μια ιστοσελίδα επιχείρησης, με βάση τα πρότυπα χαρτών μας: lenz-wild.de (Κατάσταση 02/2023).

Βήμα 1: Επιλέξτε το πρότυπο χάρτη σας

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

Οι χάρτες των ομοσπονδιών μπορούν να επεξεργαστούν σε Adobe Illustrator και Adobe Photoshop. Επιπλέον, είναι διαθέσιμοι ως αρχεία PNG, SVG και EPS.

Για την παρακάτω οδηγία, θα επιλέξουμε τον χάρτη της Hessen. Εκείνο που θα κάνουμε είναι να επιλέξουμε το πρότυπο Photoshop, το οποίο περιλαμβάνει τις λεγόμενες αυτοκινητόδρομους της Hessen. Μετά τη λήψη και την αποσυμπίεση του αρχείου ZIP, θα ανοίξουμε την έκδοση RGB, καθώς ο χάρτης θα χρησιμοποιηθεί τελικά στο διαδίκτυο. Αν επιθυμείτε στη συνέχεια να εκτυπώσετε το χάρτη σας, θα πρέπει να χρησιμοποιήσετε την εναλλακτική CMYK έκδοση.

Κατεβάστε χάρτες από το TutKit.com.
Τα πρότυπα χαρτών είναι διαθέσιμα σε δύο εκδόσεις σχεδίασης (με διαφορετικά χρώματα και μονόχρωμες περιοχές) καθώς και με ή χωρίς αυτοκινητόδρομους. Επίσης, έχετε τη δυνατότητα να επιλέξετε αν θέλετε να κατεβάσετε τους χάρτες για Illustrator, Photoshop, ως αρχεία EPS, PNG ή SVG. Μετά τη λήψη, επιλέγετε εάν θέλετε να χρησιμοποιήσετε την έκδοση RGB (για το Ϩηφιακό) ή την έκδοση CMYK (για εκτύπωση).

Βήμα 2: Ποιος θα είναι ο σχεδιασμός;

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

Βασικά, είναι αδιάφορο ποιο σχέδιο θα επιλέξετε, επειδή τελικά μπορείτε να κάνετε το μονόχρωμο σχέδιο

Βήμα 3: Μεταφέρετε το χάρτη σε έναν ξεχωριστό φάκελο

Στη συνέχεια, δημιουργούμε ένα νέο αρχείο στο Photoshop με τις τιμές που χρειαζόμαστε για την εμφάνιση του χάρτη μας. Στην περίπτωσή μας, αυτό θα ήταν μια επιφάνεια εργασίας 900 x 900 pixels με ανάλυση 72 dpi. Μπορείτε να επιλέξετε ελεύθερα τις ρυθμίσεις σας. Οι χάρτες βασίζονται σε διανυσματικά σχήματα και διατηρούν την οξύτητά τους τόσο σε μικρή όσο και σε μεγάλη κλίμακα.

Στη μάσκα στρωμάτων του αρχείου προτύπου, επιλέγουμε τον φάκελο με το επιθυμητό σχεδιασμό χάρτη. Κρατώντας πατημένο το πλήκτρο Ctrl- κάνουμε κλικ στον χάρτη και τον μετακινούμε από το αρχείο προτύπου στο νέο αρχείο. Εκεί, προσαρμόζουμε το μέγεθος του χάρτη με τη μέθοδο μετασχηματισμού (Ctrl + T). Κλείνουμε το αρχείο προτύπου. Έτσι παραμένει ανέγγιχτο και μπορούμε αργότερα να επιστρέψουμε στον αρχικό σχεδιασμό.

Πριν ξεκινήσετε την επεξεργασία, ρίξτε μια ματιά στα στρώματα: Στα χάρτες των γερμανικών ομοσπονδιών μπορείτε να ενεργοποιήσετε ή να απενεργοποιήσετε όλες τις εμφανιζόμενες πόλεις, νομούς, αλλά και τις αυτοκινητόδρομους και τις αρίθμησή τους. Έτσι, αν θέλετε να εμφανίσετε μόνο τα Kassel, Fulda και Frankfurt am Main στο συγκεκριμένο παράδειγμα, απλά απενεργοποιήστε τις άλλες πόλεις. Αλλά θα φτάσουμε και εκεί σύντομα. Κάντε κλικ για να περιηγηθείτε άνετα στους διαθέσιμους φακέλους και στρώματα.

Επεξεργασία χάρτη στο Photoshop - Επισκόπηση
Αρχικά, κάντε μια γενική επισκόπηση στη δομή των στρωμάτων του προτύπου στο Photoshop.

Βήμα 4: Απόκρυψε ό,τι δεν χρειάζεσαι

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

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

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

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

Για ενεργοποίηση ή απενεργοποίηση των πόλεων, ανοίγετε τον φάκελο "Πόλεις" και κάνετε κλικ ξανά στα εικονίδια με το μάτι μπροστά από τους φακέλους.

Σχεδιάζοντας χάρτη στο Photoshop - Επιλέξτε πόλεις
Στον φάκελο των πόλεων μπορείτε να ενεργοποιήσετε και να απενεργοποιήσετε το εικονίδιο τοποθεσίας και το όνομα κάθε μεμονωμένης πόλης. Κάντε κλικ στο εικονίδιο μάτι μπροστά από τον αντίστοιχο φάκελο.

Βήμα 5: Χάρτες με τη γραμματοσειρά του σπιτιού σας

Αν σας ενδιαφέρει το Corporate Design σας, είναι σίγουρο ότι θα θέλετε να χρησιμοποιήσετε την προσωπική γραμματοσειρά σας στον δικό σας χάρτη. Για να προσαρμόσετε όλα τα ονόματα των πόλεων με μια κίνηση, ακολουθήστε αυτά τα βήματα: Ενεργοποιήστε το εργαλεί. Μετακινήστε (συντόμευση V), κρατήστε πατημένο το πλήκτρο Shift- και κάντε κλικ σε κάθε ονομασία πόλης. Έτσι επιλέγετε όλα τα επίπεδα κειμένου με τα ονόματα των πόλεων.

Στη συνέχεια, μεταβείτε στο Εργαλείο Κειμένου (συντόμευση T) και ορίστε την γραμματοσειρά, το στυλ γραφής καθώς και το μέγεθος γραμμάτων από τη γραμμή μενού. Στο παράδειγμά μας, χρησιμοποιούμε τη Rubik σε Medium στο μέγεθος 18 σημείων.

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

Βήμα 6: Χάρτες στα χρώματα του σπιτιού σας

Όπως και με τη γραφή, τα χρώματά σας πιθανώς πρέπει να ταιριάζουν με το Corporate Design! Ίσως όμως δεν σας αρέσει γενικά το μπλε που έχουμε προετοιμάσει και επιθυμείτε ένα εντελώς διαφορετικό χρώμα χάρτη. Εάν λοιπόν επιθυμείτε να αλλάξετε τα χρώματα, μπορείτε να χρησιμοποιήσετε επικαλύψεις χρωμάτων και μάσκες. Πώς λειτουργεί αυτό, σας δείχνει ο Matthias Petri στο βίντεο στην αρχή της ανάρτησης στο Blog.

Προσαρμογή χρωμάτων χαρτών με χρωματικές επικαλύψεις
Για να προσαρμόσετε τα χρώματα των χαρτών, μπορείτε να χρησιμοποιήσετε επικαλύψεις χρωμάτων στο Photoshop. Πώς λειτουργεί αυτό, σας εξηγεί ο Matthias Petri στο βίντεο που θα βρείτε στην αρχή αυτής της ανάρτησης στο Blog.

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

Δημιουργία δικών σας πεδίων χρωμάτων στο Photoshop.
Δημιουργία χρωματικών πεδίων στο Photoshop: Κάντε κλικ στο τετράγωνο για το χρώμα του προσκηνίου στην μπάρα εργαλείων. Ρυθμίστε το χρώμα στο παράθυρο "Επιλογή Χρωμάτων (Χρώμα Προσκηνίου)". Κάντε κλικ στο "Προσθήκη στα Χρώματα". Μπορείτε να ταξινομήσετε τα χρωματικά πεδία σας στο διάλογο "Χρωματικά Πεδία" ανάλογα με τις ανάγκες σας.

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

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

Σχεδιάζοντας χάρτες στο Photoshop - Αλλαγή χρώματος των κομμένων επαρχιών
Αλλαγή χρωμάτων στους χάρτες: (1) Κρατήστε πατημένο το Shift και κάντε κλικ σε όλες τις περιοχές που θέλετε να εμφανίζονται στο ίδιο χρώμα. (2) Ενεργοποιήστε το εργαλείο σχήματος με το συντόμευση πλήκτρο U. (3) Στο μενού σύνταξης πάνω ρυθμίστε τα χρώματα για τις επιφάνειες και τα περίγραμματα.

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

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

Βήμα 7: Γρήγορη προσαρμογή των αυτοκινητόδρομων

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

Δημιουργία χαρτών στο Photoshop - Επεξεργασία αυτοκινητόδρομων
Δημιουργία δικών σας χαρτών στο Photoshop - ολοκληρώστε
Ολοκληρώστε: Ελέγξτε ξανά τα πάντα και τοποθετήστε, για παράδειγμα, τα ονόματα των πόλεων σε κατάλληλες θέσεις.

Εκτός Θέματος: Εμφάνιση περιοχών εφαρμογής

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

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

Δημιουργία δικών σας χαρτών στο Photoshop - Τονίστε τις περιοχές χρήσης.
Σκουραίνετε νομούς, Βήμα 1: Επιλέξτε όλους τους νομούς που επιθυμείτε να σκουραίνετε. Δημιουργήστε αντίγραφα. Ομαδοποιήστε αυτά τα αντίγραφα σε μια νέα ομάδα που πρέπει να βρίσκεται στο παράθυρο διαχείρισης επιπέδων πάνω από τους υπόλοιπους νομούς.

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

Συμβουλή: Φυσικά, μπορείτε επίσης να δουλέψετε ξανά με επικαλύψεις χρωμάτων για αυτήν τη διαδικασία (δείτε για παράδειγμα το βίντεο στην αρχή της ανάρτησης του blog).

Σχεδιάστε τους δικούς σας χάρτες στο Photoshop - Τονίστε τις περιοχές χρήσης.
Σκουραίνετε νομούς, Βήμα 2: Συγχωνεύστε όλους τους αντιγραμμένους νομούς με το Strg + E σε ένα επίπεδο. Επιλέξτε την επιφάνεια και γεμίστε με μαύρο. Μειώστε στη συνέχεια τη διαφάνεια του επιπέδου.

Εκτός Θέματος: Εμφάνιση τοποθεσιών σε χάρτες

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

Στο παράδειγμά μας, τοποθετούμε την φανταστική μας επιχείρηση στο Γκρίμπεργκ της Εσσης και χρησιμοποιούμε ένα μπλε εικονίδιο τοποθεσίας:

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

Δωρεάν λήψη χάρτη για δοκιμή

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

Και για μια ακόμη υπενθύμιση: Όλα τα πρ

Σου ευχόμαστε μια καλή περιήγηση επεξεργασίας με τους προσωπικούς σου χάρτες!

Δημοσιεύθηκε στις από το Dr. Jens Hammerschmidt
Δημοσιεύθηκε στις:
Από το Dr. Jens Hammerschmidt
Καθημερινά στα πλήκτρα για το TutKit.com.
Πίσω στην επισκόπηση