Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: Sub_Cero en 31 Marzo 2005, 03:51 am



Título: Tutorial ROLLOVER en IMAGE READY
Publicado por: Sub_Cero en 31 Marzo 2005, 03:51 am
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].

(http://img195.exs.cx/img195/7031/10xp.gif)

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

(http://img195.exs.cx/img195/2077/26gt.gif)

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.

(http://img195.exs.cx/img195/9706/37lx.gif)

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.

(http://img195.exs.cx/img195/2253/42vb.gif)

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.

(http://img195.exs.cx/img195/6130/54id.gif)

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

_________________________________________________________________


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: Villamil en 4 Abril 2005, 00:45 am
Pero como hago para ponerlo en una web? Porque a mi me lo guarda como html...  ???


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: Sub_Cero en 4 Abril 2005, 01:01 am
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.


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: Villamil en 4 Abril 2005, 04:22 am
Ahora ya lo entiendo, gracias.  ;)


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: -[C][L4RiO][N]- en 7 Abril 2005, 00:21 am
Pues todavia no lo e probado pero se mira muy facil de entender me gusta  ;D






Clari0n.


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: Sub_Cero en 7 Abril 2005, 16:19 pm
Veo que has venido a este foro ;), espero verte activo y que colabores ;) ;).

Cualquier duda ya sabes ;), pregunta :D


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: -[C][L4RiO][N]- en 7 Abril 2005, 20:40 pm
Muchas Gracias Sub__Cero por aqui estare dendome mis vueltas ;)






Clari0n.


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: White^^croW en 17 Abril 2005, 15:53 pm
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 ???


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: Sub_Cero en 17 Abril 2005, 16:35 pm
Citar
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


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: White^^croW en 17 Abril 2005, 23:17 pm
am oks esque lo guardaba mal :-X


Título: Re: Tutorial ROLLOVER en IMAGE READY
Publicado por: rebeldpunk en 21 Junio 2006, 15:58 pm
excelete es lo que estaba buscando en google