Πώς να δημιουργήσετε έναν υπερσύνδεσμο στο Photoshop;

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

• Το Photoshop έχει διαφορετικές εκδόσεις και έχει διαφορετικές δυνατότητες για τη δημιουργία υπερσυνδέσμων. Το Photoshop CS και CS2 θα χρειαστεί το συνοδευτικό του πρόγραμμα, το Image Ready για να δημιουργήσει τον πραγματικό υπερσύνδεσμο. Στις υψηλότερες εκδόσεις του Photoshop η λειτουργικότητα περιλαμβάνεται ήδη στις πολλές δυνατότητες του Photoshop.
• Ξεκινήστε το Photoshop και ανοίξτε το αρχείο εικόνας στο οποίο θέλετε να επεξεργαστείτε και προσθέστε έναν υπερσύνδεσμο. Επεξεργαστείτε το αρχείο εικόνας όπως κρίνετε κατάλληλο. Θα μπορούσε να είναι μια φωτογραφία ή ένα γραφικό που έχετε δημιουργήσει. Γνωρίζετε το μέγεθος της εικόνας που θα χρειαστείτε για τον ιστότοπό σας, μπορείτε να αλλάξετε το μέγεθος της εικόνας τώρα ή να το κάνετε αργότερα.
• Δημιουργήστε έναν νέο φάκελο στην επιφάνεια εργασίας σας ή όποιον οδηγείτε χρησιμοποιείτε για να αποθηκεύσετε τα αρχεία που πρόκειται να χρησιμοποιήσετε για τον ιστότοπό σας, έτσι ώστε τα αρχεία να βρίσκονται μόνο σε μία τοποθεσία. Αποθηκεύστε το αρχείο αφού ολοκληρώσετε την επεξεργασία του. Δώστε ένα όνομα στο αρχείο, το οποίο είναι εύκολο να θυμηθείτε και να χρησιμοποιήσετε το. επέκταση psd.
• Εκκινήστε το Image Ready και ανοίξτε το αρχείο εικόνας που μόλις αποθηκεύσατε. Εάν δεν έχετε μειώσει ακόμη το μέγεθος της εικόνας, μπορείτε να το κάνετε στο Image Ready. Μόλις επεξεργαστείτε το αρχείο σύμφωνα με τις προτιμήσεις σας, εντοπίστε τον Χάρτη εικόνας από τη γραμμή εργαλείων και κάντε κλικ σε αυτό. Με το δάχτυλό σας πατημένο στο αριστερό κουμπί του ποντικιού, σύρετέ το κατά μήκος της εικόνας για να επιλέξετε την περιοχή που θα χρησιμοποιηθεί για τον υπερσύνδεσμο.

  

• Εντοπίστε το κουμπί Slices στην κάτω δεξιά γωνία του παραθύρου επεξεργασίας ετοιμότητας εικόνων. Κάντε κλικ στο κουμπί, ώστε να μπορείτε να δώσετε ένα νέο όνομα στο αρχείο εικόνας. Θα υπάρχει ένα κενό κάτω από το όνομα όπου θα πρέπει να επικολλήσετε ή να πληκτρολογήσετε τη διεύθυνση URL του ιστότοπου όπου θέλετε να συνδέσετε την εικόνα.
• Το Image Ready θα δημιουργήσει αυτόματα έναν κώδικα html για τον υπερσύνδεσμο. Δώστε στο αρχείο ένα όνομα και αποθηκεύστε το αρχείο, επιλέγοντας Αποθήκευση ως βελτιστοποιημένη και επιλέξτε HTML και Εικόνες στην ενότητα μορφής. Βεβαιωθείτε ότι αυτό το αρχείο είναι αποθηκευμένο στο φάκελο που έχετε δημιουργήσει νωρίτερα.
• Ελέγξτε εάν το αρχείο έχει αποθηκευτεί όπως θα έπρεπε. Εντοπίστε το φάκελο και ανοίξτε τον. Αναζητήστε το αρχείο εικόνας. Θα θέλετε να υπάρχουν φέτες της εικόνας που έχετε επιλέξει, καθώς και ένας κωδικός html για τον υπερσύνδεσμο.

Αυτή είναι η διαδικασία δημιουργίας υπερσύνδεσης στο Photoshop. Να θυμάστε ότι πρέπει να καθορίσετε τη θέση της εικόνας και να επικολλήσετε τον κώδικα html για τον υπερσύνδεσμο στο σενάριο html για τη σελίδα όπου θα εμφανιστεί η υπερσυνδεδεμένη εικόνα. Θυμηθείτε επίσης ότι πρέπει να επεξεργαστείτε το σενάριο html εάν μετακινήσατε το αρχείο σε άλλη τοποθεσία στον υπολογιστή σας.