Πώς να φτιάξετε έναν χάρτη εικόνας χρησιμοποιώντας το Photoshop

Εκκινήστε το Photoshop και ανοίξτε μια εικόνα που θέλετε να μετατρέψετε σε χάρτη εικόνας. Κάντε κλικ και κρατήστε πατημένο το εργαλείο "Περικοπή" για να εμφανιστεί ένα μενού που περιέχει άλλα εργαλεία. Κάντε κλικ στο εργαλείο "Slice" για να το επιλέξετε.

Κάντε κλικ σε ένα σημείο μέσα στην εικόνα και σύρετε το εργαλείο Slice για να σχεδιάσετε ένα πλαίσιο οριοθέτησης γύρω από το τμήμα της εικόνας που θέλετε να κάνετε κλικ. Το Photoshop σχεδιάζει πρόσθετες "αυτόματες φέτες" γύρω από άλλα μέρη της εικόνας. Αυτά τα αυτόματα slices διασφαλίζουν ότι όλα τα μέρη μιας εικόνας περιλαμβάνονται σε ένα slice.

Κάντε δεξί κλικ στο εσωτερικό του τμήματος που δημιουργήσατε και επιλέξτε "Επεξεργασία επιλογών τομής" για να ανοίξετε το παράθυρο Επιλογές τομής. Πληκτρολογήστε τη διεύθυνση URL που θέλετε να συσχετίσετε με το κομμάτι. Μπορείτε επίσης να αντικαταστήσετε το προεπιλεγμένο όνομα που έδωσε το Photoshop στο slice πληκτρολογώντας ένα νέο στο πλαίσιο κειμένου "Όνομα".

Κάντε κλικ στο "OK" για να κλείσετε το παράθυρο Επιλογές τομής και να επιστρέψετε στην εικόνα. Κάντε κλικ σε άλλο σημείο μέσα στην εικόνα και σύρετε το εργαλείο Slice για να δημιουργήσετε πρόσθετες φέτες όπως απαιτείται.

Επιλέξτε το "Εργαλείο επιλογής τμημάτων" από τη γραμμή εργαλείων και κάντε κλικ μέσα σε ένα κομμάτι που θέλετε να μετακινήσετε.

Κρατήστε πατημένο το αριστερό κουμπί του ποντικιού και σύρετε το κομμάτι σε μια νέα θέση.

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

Κάντε κλικ στο "Αρχείο" και στη συνέχεια στο "Αποθήκευση για Web" για να ανοίξετε το παράθυρο Αποθήκευση για Web.

Κάντε κλικ στο "Preset" και επιλέξτε μία από τις επιλογές τύπου αρχείου που εμφανίζονται. Οι επιλογές περιλαμβάνουν GIF 128 Dithered, JPEG High και PNG-24.

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

Κάντε κλικ στο αναπτυσσόμενο μενού "Μορφή" και επιλέξτε "HTML και εικόνες". Κάντε κλικ στο "Αποθήκευση" για να αποθηκεύσετε όλα τα αρχεία στον φάκελο που ορίσατε.

Το Photoshop αποθηκεύει κάθε κομμάτι ως ξεχωριστή εικόνα σε ένα φάκελο εικόνων. Το πρόγραμμα αποθηκεύει επίσης ένα έγγραφο HTML που έχει το ίδιο όνομα με το όνομα που πληκτρολογήσατε στο πλαίσιο κειμένου "Όνομα αρχείου". Εάν βρείτε αυτό το αρχείο HTML στην Εξερεύνηση αρχείων και κάνετε διπλό κλικ στο αρχείο, το πρόγραμμα περιήγησής σας ανοίγει και εμφανίζει τον χάρτη της εικόνας σας. Κάντε κλικ σε διάφορα μέρη του χάρτη εικόνας για να πλοηγηθείτε στις διευθύνσεις URL που έχετε εκχωρήσει στα τμήματα. Για παράδειγμα, εάν διαιρέσατε έναν χάρτη των ΗΠΑ σε πολιτείες δημιουργώντας ένα τμήμα για κάθε πολιτεία, μπορείτε να κάνετε κλικ σε μια κατάσταση για να μεταβείτε στη διεύθυνση URL που έχει εκχωρηθεί στο τμήμα αυτής της πολιτείας.

Δώστε στα κομμάτια ονόματα με νόημα και θα είναι πιο εύκολο να τα αναγνωρίσετε εάν θέλετε να τροποποιήσετε τον κώδικα HTML που δημιούργησε το Photoshop. Για παράδειγμα, αν δημιουργήσατε ένα κομμάτι που περιέβαλλε την πολιτεία της Αϊόβα, θα μπορούσατε να ονομάσετε το κομμάτι Αϊόβα.

Πιθανότατα θα θέλετε να αποθηκεύσετε τις εικόνες χάρτη εικόνων στην ίδια μορφή με την αρχική εικόνα. Για παράδειγμα, εάν είναι JPEG, επιλέξτε μία από τις επιλογές JPEG από το αναπτυσσόμενο μενού Προεπιλογή στο παράθυρο Αποθήκευση για Web. Επιλέξτε "JPEG Low", για παράδειγμα, και το Photoshop δημιουργεί εικόνες JPEG χαμηλής ποιότητας. Όσο χαμηλότερη είναι η ποιότητα μιας εικόνας, τόσο πιο γρήγορα φορτώνεται σε ένα πρόγραμμα περιήγησης Ιστού.

Αυτό το άρθρο ισχύει για το Adobe Photoshop CC, έκδοση 2014. Ορισμένες πληροφορίες ενδέχεται να διαφέρουν σε άλλες εκδόσεις του λογισμικού.