Tecnología

Inicio

¿Cómo hacer rollover Imágenes

Una imagen de sustitución es un efecto en la imagen cambia al mover el ratón sobre él. Por ejemplo, si se mueve el puntero del ratón a una imagen en una página web a continuación, la imagen puede iluminar o ser tridimensional. El uso de las aplicaciones de Adobe Photoshop e ImageReady puede crear fácilmente una imagen con el efecto de vuelco que cumpla con sus preferencias. Después de que la imagen de sustitución se ha creado con éxito puede agregar la imagen a su sitio web.

Instrucciones

1 Abra el archivo de Adobe Photoshop en su ordenador que desea trabajar. Cree dos botones o imágenes que son del mismo tamaño dentro de la misma capa. Las dos imágenes también deben tener una diferencia específica, como el color del texto, por lo que la imagen cambiará a con el efecto de vuelco en su lugar.

2 Seleccione la capa para el botón o la imagen de la paleta Capas. Haga clic en la opción "Capa" y haga clic en la opción "Nueva capa de base de la rebanada".

3 Haga clic en la opción "File" del menú de la barra de herramientas superior y luego haga clic en la opción "Guardar" para guardar su progreso.

4 Haga clic en la opción "Archivo" y de nuevo a continuación, haga clic en la opción "Editar en ImageReady". La aplicación ImageReady se abrirá en la pantalla y aparecerá las dos imágenes.

5 Haga clic en la opción "Ventana" del menú de la barra de herramientas superior y luego haga clic en la opción "Capas". Haga clic en la opción "Ventana" y de nuevo después haga clic en la opción "Contenido Web".

6 Seleccionar la opción "Normal" de la paleta de contenido Web, y luego asegurarse de que las capas correctas para su imagen son visibles en la paleta Capas. Haga clic en el icono "ojo" para ocultar cualquier capa.

7 Haga clic en la división que creó para su imagen desde la paleta de contenido Web y, a continuación, haga clic en el botón "Crear estado de rollover" de la parte inferior de la paleta de contenido web. Las dos imágenes se reunirán con el efecto de vuelco en su lugar.

8 Una vista previa del estado de rollover de la imagen haciendo clic en el botón "Vista previa de documento" de la barra de herramientas superior. Mover el puntero del ratón sobre la imagen para ver el efecto de vuelco.

9 Haga clic en la opción "Archivo" y luego haga clic en la opción "Guardar como". Seleccione "HTML" y "Imágenes" en el campo "Guardar como tipo" y luego haga clic en el botón "Guardar".

10 Abra el archivo de imagen de sustitución guardado que contenga el código HTML para su sitio web o blog. Vista previa de la página para asegurarse de que la imagen de sustitución aparece la forma en que desea y luego publicar la página con la nueva imagen.