elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  Tutorial ROLLOVER en IMAGE READY
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] 2 Ir Abajo Respuesta Imprimir
Autor Tema: Tutorial ROLLOVER en IMAGE READY  (Leído 11,026 veces)
Sub_Cero
Colaborador
***
Desconectado Desconectado

Mensajes: 2.002


Sub Cero


Ver Perfil WWW
Tutorial ROLLOVER en IMAGE READY
« 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].



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 Desconectado

Mensajes: 95


¿Que se supone que tenog que poner aquí?


Ver Perfil WWW
Re: Tutorial ROLLOVER en IMAGE READY
« Respuesta #1 en: 4 Abril 2005, 00:45 am »

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


En línea

Sub_Cero
Colaborador
***
Desconectado Desconectado

Mensajes: 2.002


Sub Cero


Ver Perfil WWW
Re: Tutorial ROLLOVER en IMAGE READY
« Respuesta #2 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.
En línea

Villamil

Desconectado Desconectado

Mensajes: 95


¿Que se supone que tenog que poner aquí?


Ver Perfil WWW
Re: Tutorial ROLLOVER en IMAGE READY
« Respuesta #3 en: 4 Abril 2005, 04:22 am »

Ahora ya lo entiendo, gracias.  ;)
En línea

-[C][L4RiO][N]-

Desconectado Desconectado

Mensajes: 275


Ver Perfil WWW
Re: Tutorial ROLLOVER en IMAGE READY
« Respuesta #4 en: 7 Abril 2005, 00:21 am »

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






Clari0n.
En línea

Sub_Cero
Colaborador
***
Desconectado Desconectado

Mensajes: 2.002


Sub Cero


Ver Perfil WWW
Re: Tutorial ROLLOVER en IMAGE READY
« Respuesta #5 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
En línea

-[C][L4RiO][N]-

Desconectado Desconectado

Mensajes: 275


Ver Perfil WWW
Re: Tutorial ROLLOVER en IMAGE READY
« Respuesta #6 en: 7 Abril 2005, 20:40 pm »

Muchas Gracias Sub__Cero por aqui estare dendome mis vueltas ;)






Clari0n.
En línea

White^^croW

Desconectado Desconectado

Mensajes: 67

guitarra soy!


Ver Perfil
Re: Tutorial ROLLOVER en IMAGE READY
« Respuesta #7 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 ???
En línea

Sub_Cero
Colaborador
***
Desconectado Desconectado

Mensajes: 2.002


Sub Cero


Ver Perfil WWW
Re: Tutorial ROLLOVER en IMAGE READY
« Respuesta #8 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
En línea

White^^croW

Desconectado Desconectado

Mensajes: 67

guitarra soy!


Ver Perfil
Re: Tutorial ROLLOVER en IMAGE READY
« Respuesta #9 en: 17 Abril 2005, 23:17 pm »

am oks esque lo guardaba mal :-X
En línea

Páginas: [1] 2 Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Ready To Program?
Java
Urbe Tecnologica 1 5,814 Último mensaje 29 Marzo 2011, 02:42 am
por NetJava
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines