Inserción de enlace hipertexto en imagen de Photoshop
Cerrado
Lison
-
voka -
voka -
Hola,
Actualmente estoy en práctica y me han pedido que cree una firma de correo en forma de imagen con un enlace hipertexto que redirija al sitio web de la empresa incluido en esta imagen. (¿Está claro?)
En resumen, voy a crear mi imagen en Photoshop e insertar un texto etiquetado con "Nuevo Sitio" "Sra. tal..." etc. Hasta aquí todo va bien ^^
El problema es poder insertar un enlace hipertexto en el texto "nuevo sitio" y que este último sobreviva a la aplanación de las capas y a la extensión jpeg.
¿Saben cómo puedo realizar esta hazaña? ^^
¡Les agradezco su ayuda!!!
Actualmente estoy en práctica y me han pedido que cree una firma de correo en forma de imagen con un enlace hipertexto que redirija al sitio web de la empresa incluido en esta imagen. (¿Está claro?)
En resumen, voy a crear mi imagen en Photoshop e insertar un texto etiquetado con "Nuevo Sitio" "Sra. tal..." etc. Hasta aquí todo va bien ^^
El problema es poder insertar un enlace hipertexto en el texto "nuevo sitio" y que este último sobreviva a la aplanación de las capas y a la extensión jpeg.
¿Saben cómo puedo realizar esta hazaña? ^^
¡Les agradezco su ayuda!!!
Configuración: Windows XP Internet Explorer 7.0
12 respuestas
La asignación de una URL a una porción transforma toda la superficie de la porción en un enlace en la página web obtenida. Cuando un usuario hace clic en este enlace, el navegador web accede a la URL especificada y al marco objetivo. Esta opción solo está disponible para las porciones de imagen.
Para asignar información de enlace a una porción de imagen:
1. Seleccione una porción. Si está utilizando Photoshop, haga doble clic en la porción con la herramienta Selección de porciones para mostrar el cuadro de diálogo Opciones de porción.
2. En el cuadro de diálogo Opciones de porción (Photoshop) o en la paleta de Porción (ImageReady), ingrese una URL en el cuadro de texto URL o elija una URL existente en el menú desplegable. Puede ingresar una URL relativa o completa. Si ingresa una URL absoluta, asegúrese de incluir el protocolo adecuado (por ejemplo, ingrese https://www.adobe.com/es/ y no www.adobe.es para un enlace HTML). Para obtener más detalles sobre el uso de URL relativas y completas, consulte una documentación sobre HTML (en papel o en la web).
3. Si es necesario, ingrese el nombre de un marco objetivo en el cuadro de texto Objetivo o elija una opción en el menú desplegable. Un nombre de marco debe corresponder a una imagen previamente definida en el archivo HTML del documento. Cuando un usuario hace clic en el enlace, el archivo indicado se muestra en la nueva imagen:
* _blank, para mostrar el archivo vinculado en una nueva ventana mientras mantiene abierta la ventana del navegador original.
* _self, para mostrar el archivo vinculado en el mismo marco que el archivo original.
* _parent, para mostrar el archivo vinculado en su propio marco de imagen padre original. Use esta opción si el documento HTML contiene marcos y el marco actual es un hijo. El archivo vinculado se muestra en el marco padre actual.
* _top, para reemplazar toda la ventana del navegador con el archivo vinculado eliminando todos los marcos actuales.
Para asignar información de enlace a una porción de imagen:
1. Seleccione una porción. Si está utilizando Photoshop, haga doble clic en la porción con la herramienta Selección de porciones para mostrar el cuadro de diálogo Opciones de porción.
2. En el cuadro de diálogo Opciones de porción (Photoshop) o en la paleta de Porción (ImageReady), ingrese una URL en el cuadro de texto URL o elija una URL existente en el menú desplegable. Puede ingresar una URL relativa o completa. Si ingresa una URL absoluta, asegúrese de incluir el protocolo adecuado (por ejemplo, ingrese https://www.adobe.com/es/ y no www.adobe.es para un enlace HTML). Para obtener más detalles sobre el uso de URL relativas y completas, consulte una documentación sobre HTML (en papel o en la web).
3. Si es necesario, ingrese el nombre de un marco objetivo en el cuadro de texto Objetivo o elija una opción en el menú desplegable. Un nombre de marco debe corresponder a una imagen previamente definida en el archivo HTML del documento. Cuando un usuario hace clic en el enlace, el archivo indicado se muestra en la nueva imagen:
* _blank, para mostrar el archivo vinculado en una nueva ventana mientras mantiene abierta la ventana del navegador original.
* _self, para mostrar el archivo vinculado en el mismo marco que el archivo original.
* _parent, para mostrar el archivo vinculado en su propio marco de imagen padre original. Use esta opción si el documento HTML contiene marcos y el marco actual es un hijo. El archivo vinculado se muestra en el marco padre actual.
* _top, para reemplazar toda la ventana del navegador con el archivo vinculado eliminando todos los marcos actuales.
he realizado un banner animado .gif en Photoshop CS3 para que redirija a una dirección web.
He seguido tus consejos anteriores con éxito, pero tengo un problema después de guardar.
Al momento de visualizar la vista previa en la web, todo funciona como debería, así que lo guardo en mi escritorio.
Después de abrirlo, ya no puedo hacer clic.
¿Tienes alguna idea de dónde puede venir el problema?
Gracias de antemano por tu ayuda.
He seguido tu consejo, pero al momento de guardar, si elijo la opción de imagen, el archivo se guarda en jpg. Cuando hago clic en el ícono jpg, la imagen se muestra pero el enlace no funciona.
Si guardo en formato de imagen y htlm, el archivo se guarda en htlm.
De hecho, me gustaría poder crear una imagen jpg con un enlace a mi sitio.
Gracias por tus consejos.