Como hago estos botoncitos???

Iniciado por DaRk_EyeS, 29 Marzo 2009, 04:06 AM

0 Miembros y 1 Visitante están viendo este tema.

Darioxhcx

pasa el mouse sobre ese link
vas aver qe aparecer una imsgen :P

es obvio que el link no anda , es un ejemplo

DaRk_EyeS

Cita de: Darioxhcx en 30 Marzo 2009, 21:19 PM
pasa el mouse sobre ese link
vas aver qe aparecer una imsgen :P

es obvio que el link no anda , es un ejemplo

Tampoco me sale nada


+ enrique ZP

Aqui te dejo un tutorial para crear un rollover en ImageReady que hice hace un tiempito atras, espero que te sea util.

CitarPhotoshop Tutorial: Rollover
Autor: Enrique Gutierrez Barrios

En este tutorial les voy a enseñar como crear un Rollover en Imageready, es algo que aprendi hasta hace poco, y es muy util para todo diseñador web, ya que le da mas vida a todas nuestras plantillas.

Lo primero que vamos a hacer es escoger el diseño al cual le vamos a querer dar el rollover. Yo estare utilizando este boton que hice en Adobe Photoshop.



Ahora nos vamos a Edit in ImageReady (Shift+Ctrl+M)



Una vez abierto el Imageready y con tu boton ahi, duplica la capa del boton y le cambias el color al texto para que se note el rollover.

Nota: Puedes hacer cualquier efecto que quieras, cambiar el color al texto, al boton, que se difumine el boton, lo que quieras...



Ahora agarra el Slice Tool (K) y has una seleccion del boton entero.



Ahora en Web Content vamos a buscar el boton con el slice y le vamos a dar Add Rollover State



Hecho esto vas a ver que se agrega un simbolo al recorte que hisimos con el Slice Tool.



Ahora esconde la capa de texto que agreaste. Es decir la ultima capa.



Listo hemos terminado. Ahora te vas a Save Optimezed As

Resultado:

http://www.zonaphotoshop.com/tutoriales/rollover/Rollover.html


Si te gusto el tutorial, porfavor visita! - Aqui -