Paso 1. Comenzar con tu imagen del botón. Crearla en Photoshop.
Paso 2. Ahora crear una nueva capa, cómo quisieras que el botón mirara cuando el ratón rueda sobre él. (Puedes hacerlo fácilmente usando estilos de la capa)
Paso 3. Ver cómo el rollover mirará antes y después simplemente dando vuelta por intervalos a la capa superior en Photoshop.
Ahora tenemos las imágenes listas. Tiempo entonces a hacer en rollovers en ImageReady.
La imagen en el fondo con la capa 2 ocultado
La imagen en el fondo con la capa 2 visible
Paso 4. Cambiar a ImageReady, simplemente chascando en el botón en el fondo de la gama de colores de las herramientas. ImageReady lanzará con tus capas intactas.
Paso 5. Ir a la gama de colores del rollover. (Ahora llamado la gama de colores del aspecto en el CS de Photoshop y más nuevo) cerciorarte de que la capa superior esté ocultada y tu “estado normal” (cómo mira antes de que el ratón lo toque) será fijado.
Paso 6. Chascar encendido el botón nuevo del estado y se crea el “estado del excedente”. Esto es aparecerá en el Web page cuando el ratón se mueve sobre la imagen. Cambiar tu apperance haciendo la capa superior visable. Cada estado reflejará cuál es visable en la gama de colores de las capas.
Paso 7. Ahora chascar encendido la lengüeta de la rebanada y asignar un URL a tu rollover.del URL quisieras que el acoplamiento te tomara. Si es un sitio diferente entonces utilizar una dirección de http://. Si vas a un HTML page differant en el mismo Web site entonces cerciorarte de utilizar una extensión de .htm.
Paso 8. Puedes probar tu rollover chascando el botón de prueba en la gama de colores de la herramienta.
Ahora el efecto del rollover: File>Save optimizado, da a tu página un nombre e Imageready hará todo el trabajo para ti incluyendo crear el HTML page. El copy el documento del HTML y la carpeta nueva que contienen las imágenes a tu web server y ti ahora está en negocio.
RSS Feed (xml)