? Botones rollover son las imágenes que se ven cuando se pasa el ratón sobre muchos botones de página Web . Otros estados de botón pueden tener sus propias imágenes, incluyendo los estados hicieron clic y discapacitados . Hacer botones rollover en Photoshop distingue su programa o en la página Web de otros medios de comunicación. También le permite crear botones con formas interactivas que se relacionan con la función de la aplicación. Para un juego que representa a los dragones , por ejemplo , podría crear un botón cuya apariencia normal es el ojo cerrado de un dragón , y cuya renovación aspecto es el ojo de dragón abrió . Instrucciones
1
clic comando " Nuevo" del menú " Archivo" , luego haga clic en la opción " Web " de la "Preset " control desplegable .
2
Click el icono de la paleta de herramientas en forma de rectángulo redondeado para ejecutar la herramienta " rectángulo redondeado " , haga clic en la muestra de color sobre el lienzo. Haga clic en un color que usted quisiera para el botón de la paleta que aparece.
3
Click hacia el lado izquierdo del lienzo , y luego hacia la derecha para definir el botón. Suelte el botón para completar la forma del botón. Haga clic en el tema " Estilos " en el menú "Windows " para mostrar una paleta de estilos de botones predefinidos.
4
Pase el ratón sobre la galería de iconos de estilo , a continuación, haga clic en uno de los estilos cuyo nombre incluya "normal ". Por ejemplo , haga clic en el estilo " biselado normal" . El término "normal " indica que el estilo es para el , estado no activado rollover del botón.
5
Haga clic en el icono de " T" en la paleta de herramientas para ejecutar la herramienta "Texto" , a continuación, arrastre sobre el botón para definir un cuadro de texto. Escriba el texto que desea para el botón en el cuadro de texto , a continuación, haga clic en el icono de marca de verificación situada por encima de la lona para finalizar el texto del cuadro de texto .
6
Haga clic en el " Merge visible" comando de el menú " Capas " para fusionar el texto y efectos en una sola imagen . Haga clic en el comando "Duplicar " del menú "Capa" para duplicar el botón correspondiente al estado de rollover .
7
Utilice las instrucciones desde el paso 4 para aplicar un estilo de botón para el botón Duplicar . Sin embargo , haga clic en un estilo cuyo nombre incluya " mouseover " en lugar de "normal ". Por ejemplo , haga clic en el " mouseover biselado " estilo. Este será el aspecto del botón cuando el usuario pasa el ratón por encima
8
Utilice las instrucciones del paso 4 al aplicar un estilo de botón para el botón Duplicar . Sin embargo , haga clic en un estilo cuyo nombre incluya " MouseDown " en lugar de "normal ". Por ejemplo , haga clic en el " mousedown biselado " estilo. Este será el aspecto del botón cuando el ratón está sobre ella y que se ha pulsado .
9
clic en la pestaña del menú "Archivo ", "Guardar para Web " de comandos, a continuación, haga clic en " 4 -up " para ver cuatro imágenes que muestran diferentes calidades de imagen para el botón seleccionado. Haga clic en una imagen cuya calidad que encuentre aceptable , y cuyo texto debajo de la imagen incluye el tipo de archivo " GIF ". Los botones son por lo general en el formato GIF , en gran parte debido a que por lo general requieren poca memoria de disco.
10
clic en "Guardar" para abrir el cuadro de diálogo "Guardar optimizada " . Escriba un nombre en el cuadro de texto "Nombre ", que indica que la imagen es el botón de conversión , no la normal. Por ejemplo, escriba " rollover.gif . " Haga clic en " Guardar" para guardar el botón de conversión .
11
Utilice las instrucciones desde el paso 8 para ocultar la capa del botón de rollover y revelar la capa del botón normal. Utilice las instrucciones de los pasos 9 y 10 para salvar el botón normal con un nombre como " normal.gif " o " enabled.gif . "
