El post que buscas se encuentra eliminado, pero este también te puede interesar

Crear sector URL en imagen con Photoshop

Hola queridos linces y lincesas, aquí traigo una manera de crear un sector o botón dentro de una imagen con Photoshop para insertar en un sitio web o crear una plantilla de e-mail, desde los cuales podrán redireccionar a una dirección web sin links a la vista ni necesidad de código CSS, algo simple y sencillo. El programa lo que hace es crear una tabla con la respectiva imagen separando la misma por sectores desde el punto del sector seleccionado, al terminar se crea un archivo HTML con la imagen automaticamente, y una vez realizado se copia la tabla que se ha generado luego de guardar, podemos hacer la copia dentro del código fuente del archivo HTML, y así obtendremos nuestra imagen con el botón o sector seleccionado para pegar en nuestra página web o e-mail, y de está forma poder acceder a una página de aterrizaje (landingpage) con la URL que queremos.

ABRIMOS LA IMAGEN
Crear sector URL en imagen con Photoshop

ELEGIMOS HERRAMIENTA DE SECTOR
html


SELECCIONAMOS EL SECTOR QUE DESEAMOS
photoshop

HACEMOS DOBLE CLIC EN DONDE SELECCIONAMOS O CLIC DERECHO Y ELEGIMOS LA OPCIÓN "MODIFICAR OPCIONES DE SECTOR...", COLOCAMOS LA URL Y DEMÁS ATRIBUTOS Y OK
programacion web

GUARDAMOS PARA WEB...
Diseno Grafico


SELECCIONAMOS TIPO DE IMAGEN (GIF, PNG, JPG), CALIDAD Y GUARDARboton en imagen html

SALDRÁ OTRA VENTANA DONDE NOS INDICA DONDE QUEREMOS GUARDAR NUESTRO ARCHIVO, VERIFICAMOS QUE EL FORMATO SEA HTML E IMAGENES Y GUARDAMOS
boton con photoshop

UNA VEZ GUARDADO ABRIMOS EL ARCHIVO EN EL NAVEGADOR Y VEREMOS LA IMAGEN, HACEMOS CLIC DONDE SELECCIONAMOS Y SE ABRIRÁ LA PÁGINA DE LA URL DEL SITIO WEB QUE DESEAMOS.
Crear sector URL en imagen con Photoshop

ESTE ES EL CODIGO FUENTE QUE SE GENERO UNA VEZ GUARDADO, COPIAMOS LA TABLA QUE FIGURA EN EL CODIGO Y PEGAMOS EN EL ARCHIVO WEB DE NUESTRA ELECCIÓN, Y YA TENEMOS LA IMAGEN CON UN BOTÓN PARA REDIRECCIONAR A OTRA URL.
html

ESO ES TODO Y COMPARTIR ES AGRADECER.

Anuncios

2 comentarios - Crear sector URL en imagen con Photoshop