“Conocimiento software>Photoshop

¿Cómo hago botones rollover en Photoshop

2011/6/18
? 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 . "

Photoshop
Cómo hacer un personaje cómico en Photoshop
Cómo crear un collage de fotos en Adobe Photoshop
Cómo crear un fondo abstracto en Photoshop
Cómo copiar un trazado en Photoshop
Cómo hacer un cilindro curvado en Photoshop 4
Cómo Gaussian Blur en Photoshop
Cómo hacer un resplandor Persona y Pop Uso de Photoshop
Cómo dibujar una luna en Photoshop
Conocimiento de la computadora © http://www.ordenador.online