knorrigt.com

Home > Ordenadores > Cómo hacer un mapa de imágenes con Photoshop

Cómo hacer un mapa de imágenes con Photoshop

Advertisement

Cómo hacer un mapa de imágenes con Photoshop


Al hacer clic en la parte de imagen de una página web y el navegador salta a una página Web diferente, un mapa de imagen es probablemente responsable de esa acción. los diseñadores de sitios pueden escribir código HTML que crea puntos calientes se puede hacer clic en cualquier foto. La construcción de mapas de imagen con la mano es mucho tiempo, ya que debe identificar las coordenadas exactas de cada punto caliente. Con la herramienta División en Photoshop, se dibuja puntos calientes en una imagen para generar el código HTML que necesita de forma automática.

Crear imagen Mapa

Lanzar Photoshop y abrir una imagen que desea convertir en un mapa de imágenes. Haga clic y mantenga la herramienta "Recortar" para mostrar un menú que contiene otras herramientas. Haga clic en la herramienta de la "rebanada" para seleccionarlo.

Haga clic en un punto dentro de la imagen y arrastre la herramienta División para dibujar un rectángulo de selección alrededor de la parte de la imagen que desea hacer clic. Photoshop llama "sectores automáticos" adicionales alrededor de otras partes de la imagen. Estos sectores automáticos aseguran que todas las partes de una imagen se incluyen en una rebanada.

Haga clic dentro de la división que creó y seleccione "Opciones de sector Editar" para abrir la ventana Opciones de sector. Escriba la dirección URL que desea asociar con la rebanada. También puede reemplazar el nombre predeterminado que Photoshop dio la rebanada escribiendo una nueva 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 División para crear cortes adicionales según sea necesario.

Ajuste de mapa de imagen Rebanadas

Seleccione la "Herramienta de selección de rebanada" de la barra de herramientas y haga clic en el interior de una rebanada que desea mover.

Mantenga pulsado el botón izquierdo del ratón y arrastre el sector a una nueva ubicación.

Mantenga el cursor del ratón sobre uno de los bordes de la rebanada y una línea con flechas en cada extremo aparece. Haga clic en esa línea, mantenga pulsado el botón izquierdo del ratón y arrastrar el ratón, si usted necesita para hacer la rebanada más grande o más pequeño.

Guardar imagen Mapa

Haga clic en "Archivo" y luego "Guardar para Web" para abrir la ventana de Guardar para Web.

Haga clic en "Preset" y seleccione una de las opciones de tipo de archivo que aparecen. Las opciones incluyen GIF 128 con tramado, JPEG y PNG de alta-24.

Haga clic en "Guardar" para abrir una ventana que muestra los archivos y carpetas de su disco duro. Vaya a la carpeta en la que 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.

Haga clic en el menú desplegable "Formato" y seleccione "HTML e imágenes." Haga clic en "Guardar" para guardar todos los archivos a la carpeta especificada.

Consejos y advertencias

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 nombre que escribió en el cuadro de texto "Nombre de archivo". Si encuentra que el archivo HTML en el explorador de archivos y haga doble clic en el archivo, el navegador se abre y muestra el mapa de imágenes. Haga clic en diferentes partes del mapa de imagen para navegar hasta las URL que ha asignado a las rebanadas. Por ejemplo, si usted dividió un mapa de Estados Unidos en estados mediante la creación de un sector para cada estado, puede hacer clic en un estado para ir a la URL asignada a la rebanada de ese estado.

Dar rebanadas nombres significativos y encontrará más fácil identificar si alguna vez desea modificar el código HTML que genera Photoshop. Por ejemplo, si ha creado una rebanada que rodeaba el estado de Iowa, usted podría nombrar la rodaja de Iowa.

Es probable que desee guardar las imágenes de mapa de imágenes en el mismo formato que la imagen original. Por ejemplo, si se trata de un archivo JPEG, seleccione una de las opciones JPEG desde el menú desplegable de preajuste en el Guardar para Web ventana. Seleccione la opción "JPEG baja", por ejemplo, y Photoshop genera imágenes JPEG de baja calidad. La calidad de una imagen más baja, más rápido se carga en un navegador Web.

Este artículo es aplicable a Adobe Photoshop CC 2014 versión. Parte de la información puede variar en otras versiones de software.

Cómo agregar texto a una imagen con Photoshop
Para añadir texto a una imagen con Photoshop, seleccione la herramienta de texto, haga clic en la imagen donde el texto se va a agregar y escriba las palabras deseadas. Selecciona el texto en Photoshop para editar o cambiar la fuente o el tamaño al c
Como hacer un mapa de imágenes se puede hacer clic con el GIMP
Si utiliza Blogger (o cualquier otra plataforma de blogs) para su sitio web, mapas de imagen seleccionables pueden añadir todo tipo de funcionalidad a su blog / sitio - tales como fichas de navegación en su cabecera. Y mapas de imagen seleccionables
Cómo hacer que algo parezca Metal Con Photoshop
Adobe Photoshop CC es compatible con pinceles personalizados para crear texturas de metal, pero se puede lograr resultados similares usando capas y filtros que se incluyen con el software. El efecto funciona mejor con superficies planas y las letras,
Cómo agregar locas cosas a Imágenes con Photoshop CS2
Se pueden hacer muchas cosas creativas con Photoshop CS2, incluyendo la realización de fotografías surrealistas mediante la combinación de varias imágenes juntas de forma extraña. Por ejemplo, se puede tomar una foto de un amigo mirando a una carrete
Cómo crear un mapa de imagen con enlace en FrontPage
Un mapa de imagen creado en FrontPage tiene áreas se puede hacer clic, conocidos como "puntos calientes", que los usuarios directos a diferentes partes de un sitio Web. Aprende a crear mapas de imagen "puntos calientes" mediante la adi
Cómo hacer un CD de imágenes con la música
computadoras y el software de hoy en día pueden hacer que las tareas que antes estaban sólo al alcance de los profesionales de algo que el usuario medio puede lograr. Uno de estos puestos de trabajo que antes se reservan para aquellos con los más mod
Los mapas de imagen son fotografías con regiones seleccionables también conocidos como "puntos calientes". Cuando los usuarios hacen clic en uno de los puntos de acceso, que están dirigidos a la página que usted designe. Dreamweaver 3.0 le permi
Puede utilizar un plug-in de jQuery en su página web para hacer un carrusel de imágenes. Esta función le permite mostrar un gran número de imágenes en su página, sin recargar la página. El ciclo carrusel voluntad a través de todas las imágenes que se
Cómo hacer una plantilla de Blogger Con Photoshop
Blogger ofrece un número determinado de plantillas predeterminadas con el que construir su blog. Sin embargo, usted puede personalizar su blog mediante la modificación de las plantillas preexistentes con sus propias imágenes de cabecera, barra latera
modelos del damasco son patrones estilizados y repetibles a menudo utilizados en la industria textil y de la confección. Si está trabajando en un proyecto que requiere un modelo del damasco de fondo a una página web, publicidad o volante, usted podrí
Cómo hacer un álbum de fotos con Photoshop CS
Muchas personas les gusta compartir las fotos que toman con los demás. Una forma de hacer esto que también le permite hacer un beneficio de su trabajo es crear un álbum de fotos. Un álbum de fotos es un grupo de fotografías dispuestas en las páginas
Un efecto aerógrafo se utiliza para eliminar defectos e imperfecciones de una fotografía, tales como líneas y manchas que desfiguran el rostro de un modelo. Fotógrafos y artistas utilizan para utilizar un aerógrafo real para conseguir este efecto. Ho
Picasa es un programa de edición de fotos gratis y fácil de usar para descargar proporcionado por Google. Picasa tiene muchas características, tales como la edición, la carga, la creación de CDs y hacer un collage. Sólo se necesita un poco de tiempo
Cómo hacer un collage de imágenes Con MS Paint
La fotografía digital ofrece la mayoría de las personas con una variedad de materiales digitales para los collages. Microsoft Paint es una sencilla herramienta gráfica que se incluye con todas las versiones de Windows. A pesar de que no cuentan con l
Mientras que usted puede confiar en el software de Microsoft Word para escribir letras, portadas, informes y otros documentos de texto lleno, no se descarta el componente de procesamiento de textos de la suite Microsoft Office para sus requerimientos
Puede crear un mapa del sitio visual y visualizarla, imprimirla o añadirlo a una página Web con Dreamweaver 3.0. Utilice el mapa del sitio, ya sea para comprobar la estructura de su sitio y asegúrese de que coincida con sus intenciones o para dar a s
Cómo hacer un arco iris 3D con Photoshop
Para hacer un arco iris en tres dimensiones usando herramientas de Photoshop, insertar una forma pre-hechos en una nueva gama de colores, utilice la herramienta de relieve para que sea 3D, y utilizar la herramienta de colorear para cambiar el tono y
Cómo hacer una presentación de imágenes con música de YouTube
Nuevas bandas, cantantes y músicos pueden tener sus actuaciones y vídeos difundidos a nivel internacional gracias a YouTube. También es una manera eficiente de compartir información de presentación o la publicación de un vídeo a una página web. Una p
Cómo hacer un mapa con enlace a la Web
La mayoría de las imágenes sólo pueden enlazar a una sola página web. Creación de un mapa de imágenes se puede hacer clic permite una sola imagen para enlazar a varias páginas. Un mapa de imagen rompe una sola imagen en regiones, que son conocidos co