Come creare un collegamento ipertestuale in Photoshop
Utilizzando lo strumento Sezione in Adobe Photoshop CC, puoi trasformare qualsiasi immagine, o parte di un'immagine, in un collegamento ipertestuale cliccabile. Il trucco di questa funzione è che, per far funzionare il collegamento ipertestuale, devi salvare l'immagine come file HTML invece che come semplice JPG o PNG. Fortunatamente, questa è una funzione che chiunque può usare, anche se non sei un esperto di codifica. Photoshop crea il codice HTML per te e incorpora l'immagine in un formato di immagine adatto al web.
Passaggio 1
Apri qualsiasi immagine in Photoshop. Idealmente, dovrebbe essere abbastanza grande da vedersi bene in un browser web. Seleziona lo "Strumento sezione" dalla Casella degli strumenti. Se non è visibile, clicca e tieni premuto l'angolo in basso a destra dello Strumento ritaglio, o di un altro strumento nel suo gruppo visibile, poi seleziona "Strumento sezione".
Passaggio 2
Trascina il cursore sull'area che vuoi rendere cliccabile. Per creare un singolo collegamento ipertestuale su un'immagine, puoi trascinare il cursore su tutta l'immagine.
Passaggio 3
Trascina il cursore dello Strumento sezione solo su una porzione dell'immagine se vuoi più di un collegamento ipertestuale. Dopo aver rilasciato il pulsante del mouse, puoi creare una seconda sezione per il prossimo collegamento ipertestuale. Se desiderato, puoi creare una dozzina o più collegamenti ipertestuali su una singola immagine.
Passaggio 4
Fai doppio clic su una sezione con lo Strumento sezione per aprire la finestra Opzioni sezione. Per creare un collegamento ipertestuale, devi digitare l'indirizzo della pagina web nel campo "URL". Mentre gli altri campi sono opzionali, usare un nome aiuterà a distinguere un link dall'altro. Aggiungere "_blank" al campo Target specifica che il link dovrebbe aprirsi in una nuova scheda del browser web. Il campo Tag Alt è il testo che viene visualizzato se la tua immagine non è visibile in browser non grafici o mentre l'immagine sta caricando. Il campo Testo messaggio è ciò che il browser visualizza al posto dell'URL nella sua barra di stato.
Passaggio 5
Seleziona "Salva per web" dal menu File una volta completati i tuoi link. Seleziona "PNG-24" o "JPG" come Predefinito, poi clicca il pulsante "Salva". Clicca il menu "Formato" e seleziona "HTML e immagini". Questo cambia il formato del file in HTML. Dopo aver cliccato "Salva", Photoshop crea una singola pagina HTML usando l'immagine e i link che hai creato. Il file immagine stesso viene salvato in una cartella Immagini. Carica sia il file HTML che la cartella Immagini nella stessa directory del tuo sito web usando il tuo client FTP preferito.
Suggerimento
Con un editor di testo base come Blocco note, puoi modificare il codice del file HTML come faresti con qualsiasi pagina web. Ad esempio, se preferisci tenere le immagini del tuo sito in una cartella diversa, puoi cambiare la cartella "/images" specificata in qualsiasi cartella tu scelga e poi spostare l'immagine in quella cartella.
Non hai bisogno di Photoshop per aggiungere un collegamento ipertestuale a un'immagine all'interno di una pagina web o email. La maggior parte dei programmi email include una funzione collegamento ipertestuale, normalmente disponibile semplicemente cliccando con il tasto destro sull'immagine dopo averla inserita nel messaggio. Se carichi l'immagine sul tuo sito web, puoi aggiungerla come immagine cliccabile a qualsiasi pagina usando codice HTML5 come: 