¿Cómo creo un hipervínculo en Photoshop?

Al utilizar la herramienta Slice en Adobe Photoshop CC, puede convertir cualquier imagen, o parte de una imagen, en un hipervínculo en el que se puede hacer clic. El problema de esta característica es que para que el hipervínculo funcione, debe guardar la imagen como un archivo HTML en lugar de un JPG o PNG simple. Afortunadamente, esta es una característica que cualquiera puede usar, incluso si no eres un experto en codificación. Photoshop crea el código HTML por usted e incrusta la imagen en un formato de imagen compatible con la Web.

Paso 1

Abre cualquier imagen en Photoshop. Idealmente, debería ser algo lo suficientemente grande como para mostrarse bien en un navegador web. Seleccione la "Herramienta de corte" de la caja de herramientas. Si no está visible, haga clic y mantenga presionada la esquina inferior derecha de la herramienta Recortar, u otra herramienta en su grupo que esté visible, luego seleccione la "Herramienta Sector".

Paso 2

Arrastre el cursor sobre el área en la que desea que se pueda hacer clic. Para crear un solo hipervínculo en una imagen, puede arrastrar el cursor sobre la imagen completa.

Paso 3

Arrastre el cursor de la herramienta Slice sobre solo una parte de la imagen si desea más de un hipervínculo. Después de soltar el botón del mouse, puede crear un segundo segmento para el siguiente hipervínculo. Si lo desea, puede crear una docena o más de hipervínculos en una sola imagen.

Paso 4

Haga doble clic en un sector con la herramienta Sector para abrir la ventana Opciones de sector. Para crear un hipervínculo, debe escribir la dirección de la página web en el campo "URL". Mientras que los otros campos son opcionales, usar un nombre ayudará a distinguir un enlace de otro. Agregar "_blank" al campo Destino especifica que el enlace debe abrirse en una nueva pestaña del navegador web. El campo Etiqueta alternativa es el texto que se muestra si su imagen no está visible en navegadores no gráficos o mientras la imagen se está cargando. El campo Texto del mensaje es lo que muestra el navegador en lugar de la URL en su barra de estado.

Paso 5

Seleccione "Guardar para Web" en el menú Archivo una vez que haya completado sus enlaces. Seleccione "PNG-24" o "JPG" como preajuste, luego haga clic en el botón "Guardar". Haz clic en el menú "Formato" y selecciona "HTML e imágenes". Esto cambia el formato del archivo a HTML. Después de hacer clic en "Guardar", Photoshop crea una sola página HTML usando la imagen y los enlaces que creó. El archivo de imagen en sí se guarda en una carpeta Imágenes. Cargue el archivo HTML y la carpeta Imágenes en el mismo directorio de su sitio web mediante su cliente FTP favorito.

Consejo

Con un editor de texto básico como el Bloc de notas, puede editar el código del archivo HTML como lo haría con cualquier página web. Por ejemplo, si prefiere mantener las imágenes de su sitio web en una carpeta diferente, puede cambiar la carpeta "/images" especificada a cualquier carpeta que elija y luego mover la imagen a esa carpeta.

No necesita Photoshop para agregar un hipervínculo a una imagen dentro de una página web o correo electrónico. La mayoría de los programas de correo electrónico incluyen una función de hipervínculo, normalmente disponible simplemente haciendo clic derecho en la imagen después de insertarla en su mensaje. Si carga la imagen en su sitio web, puede agregarla como una imagen en la que se puede hacer clic en cualquier página mediante el uso de código HTML5 como: