Autor
|
Tema: Tutorial ROLLOVER en IMAGE READY (Leído 11,220 veces)
|
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_________________________________________________________________
|
|
|
En línea
|
|
|
|
Villamil
Desconectado
Mensajes: 95
¿Que se supone que tenog que poner aquí?
|
Pero como hago para ponerlo en una web? Porque a mi me lo guarda como html... ???
|
|
|
En línea
|
|
|
|
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.
|
|
|
En línea
|
|
|
|
|
-[C][L4RiO][N]-
|
Pues todavia no lo e probado pero se mira muy facil de entender me gusta  Clari0n.
|
|
|
En línea
|
|
|
|
|
-[C][L4RiO][N]-
|
Muchas Gracias Sub__Cero por aqui estare dendome mis vueltas  Clari0n.
|
|
|
En línea
|
|
|
|
White^^croW
Desconectado
Mensajes: 67
guitarra soy!
|
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 ???
|
|
|
En línea
|
|
|
|
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
|
|
|
En línea
|
|
|
|
White^^croW
Desconectado
Mensajes: 67
guitarra soy!
|
am oks esque lo guardaba mal 
|
|
|
En línea
|
|
|
|
|
|