Inicie Photoshop y abra una imagen que desee convertir en un mapa de imágenes. Haga clic y mantenga presionada la herramienta "Recortar" para mostrar un menú que contiene otras herramientas. Haga clic en la herramienta "Cortar" para seleccionarla.
Haga clic en un punto dentro de la imagen y arrastre la herramienta Cortar para dibujar un cuadro delimitador alrededor de la parte de la imagen en la que desea hacer clic. Photoshop dibuja "cortes automáticos" adicionales alrededor de otras partes de la imagen. Estos cortes automáticos garantizan que todas las partes de una imagen se incluyan en un corte.
Haga clic con el botón derecho dentro del sector que creó y seleccione "Editar opciones de sector" para abrir la ventana Opciones de sector. Escriba la URL que desea asociar con el segmento. También puede reemplazar el nombre predeterminado que Photoshop le dio al sector escribiendo uno nuevo en el cuadro de texto "Nombre".
Haga clic en "Aceptar" para cerrar la ventana Opciones de sector y volver a la imagen. Haga clic en otro punto dentro de la imagen y arrastre la herramienta Cortar para crear cortes adicionales según sea necesario.
Seleccione la "Herramienta de selección de sector" de la barra de herramientas y haga clic dentro de un sector que desee mover.
Mantenga presionado el botón izquierdo del mouse y arrastre el sector a una nueva ubicación.
Mantenga el cursor del mouse sobre uno de los bordes del corte y aparecerá una línea con flechas en cada extremo. Haga clic en esa línea, mantenga presionado el botón izquierdo del mouse y arrastre el mouse si necesita hacer que el corte sea más grande o más pequeño.
Haga clic en "Archivo" seguido de "Guardar para Web" para abrir la ventana Guardar para Web.
Haga clic en "Preestablecer" y seleccione una de las opciones de tipo de archivo que aparecen. Las opciones incluyen GIF 128 difuminado, JPEG alto y PNG-24.
Haga clic en "Guardar" para abrir una ventana que muestra los archivos y carpetas de su disco duro. Busque la carpeta donde desea guardar los archivos de mapa de imagen y escriba un nombre para el mapa de imagen en el cuadro de texto Nombre de archivo.
Haz clic en el menú desplegable "Formato" y selecciona "HTML e imágenes". Haga clic en "Guardar" para guardar todos los archivos en la carpeta que especificó.
Photoshop guarda cada sector como una imagen separada en una carpeta de imágenes. El programa también guarda un documento HTML que tiene el mismo nombre que el que escribió en el cuadro de texto "Nombre de archivo". Si encuentra ese archivo HTML en el Explorador de archivos y hace doble clic en el archivo, su navegador se abre y muestra su mapa de imagen. Haga clic en diferentes partes del mapa de imagen para navegar a las URL que asignó a los sectores. Por ejemplo, si dividió un mapa de EE. UU. En estados al crear un sector para cada estado, puede hacer clic en un estado para ir a la URL asignada al sector de ese estado.
Asigne nombres significativos a los sectores y le resultará más fácil identificarlos si alguna vez desea modificar el código HTML que generó Photoshop. Por ejemplo, si creó una porción que rodea el estado de Iowa, podría nombrar la porción Iowa.
Probablemente desee guardar las imágenes del mapa de imágenes en el mismo formato que la imagen original. Por ejemplo, si es un JPEG, elija una de las opciones de JPEG del menú desplegable Preestablecido en la ventana Guardar para Web. Elija "JPEG bajo", por ejemplo, y Photoshop generará imágenes JPEG de baja calidad. Cuanto menor es la calidad de una imagen, más rápido se carga en un navegador web.
Este artículo es aplicable a Adobe Photoshop CC, versión 2014. Alguna información puede variar en otras versiones del software.
