Tutorial ROLLOVER en IMAGE READY

[Sub_Cero]

Abrimos Image Ready y creamos un archivo nuevo de 200 px X 200 px con el fondo blanco.

Creamos una nueva capa (CONTROL+MAYUS+N) y pulsamos OK.

Ahora dibujamos con la herramienta MARCO ELIPTICO (M) un círculo, y lo rellenamos con el BOTE DE PINTURA (G) de un color [en este caso lo he hecho de rojo].



El siguiente paso será crear una nueva capa, y rellenar el círculo k habiamos hecho de otro color [en etes caso azul].



Ahora, vamos a VENTANA --> CONTENIDO WEB, y nos saldrá una nueva ventana.
Vamos a seleccionar la herramienta SECTOR (K) y vamos ha hacer un recuadro alrededor de el circulo.



Ahora vemos que en la ventana de CONTENIDO WEB k hemos sacado antes ha aparecido una nueva imagen, la última k hemos hecho, pues pulsamos con el botón derecho sobre la imagen y despues le damos a AÑADIR ESTADO DE ROLLOVER.



Por último, vamos a quitarle el OJO que sale al lado de la última capa que hemos creado para que cuando pongamos el cursor encima de el circulo se vea la capa roja.



Solo falta guardarlo.

Archivo --> Guardar optimizada como..., le ponemos un nombre y ya está listo
_________________________________________________________________
Y aquí termina mi tutorial, espero que os guste.

Podeis modificar el estado de el rollover, si dais boton derecho sobre la imagen que nos sale despues de darle a AÑADIR ESTADO DE ROLLOVER, podeis canviar el estado, que por defecto es SOBRE, que quiere decir que cuando pongas el cursor SOBRE la imagen, se substituya por la imagen k hay despues de la que allamos quitado el OJO

_________________________________________________________________

[Villamil]

Pero como hago para ponerlo en una web? Porque a mi me lo guarda como html...  ???

[Sub_Cero]

Esk tu tienes k poner el codigo k te aparece dentro de el archivo HTML k te hace en tu web, y lasimagenes ponerlas en un directorio y especificar en el archivo html la direccion de esas imagenes.

Si no entiendes esto prguntalo en la sección webmasters , pork yo solo me dedico ha hacerlos, no los he usado nunca.

[Villamil]

Ahora ya lo entiendo, gracias. 

[-[C][L4RiO][N]-]

Pues todavia no lo e probado pero se mira muy facil de entender me gusta 






Clari0n.

[Sub_Cero]

Veo que has venido a este foro , espero verte activo y que colabores .

Cualquier duda ya sabes , pregunta

[-[C][L4RiO][N]-]

Muchas Gracias Sub__Cero por aqui estare dendome mis vueltas






Clari0n.

[White^^croW]

Olas sub pues queria saber como probarlo para saber si funciona esuqe se me guarda una carpeta(images) y dentro las cosas pero no se como probarlo ???

[Sub_Cero]

Solo falta guardarlo.

Archivo --> Guardar optimizada como..., le ponemos un nombre y ya está listo

se te  tiene k guardar en un archivo html.

Cuando le das a guardar optimizada como..., le pones un nombre y lo guardas, y te tiene k salir un archivo .html, con el icono del internet explorer, y la carpetita esa de images, k tiene las imagenes.

Solo tienes k darle dos clicks a el archivo HTML

[White^^croW]

am oks esque lo guardaba mal