“Conocimientos software>Photoshop

¿Cómo hago botones rollover en Photoshop

2014/8/22
? 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 tu propio anillo de oro en Photoshop
Ampliar fotos con Photoshop
Hechizo Photoshop Effects
Cómo cambiar el tamaño del lienzo en Photoshop
Cómo hacer un reverso Blanco y Negro Foto Con Adobe Photoshop Elements 8
Cómo crear un fondo digital Uso de Photoshop CS3
Cómo mantener la configuración del espacio de trabajo personalizado Cuando Photoshop CS3 Restablece los valores predeterminados
Cómo convertir un PDF a HTML en Photoshop
Conocimientos Informáticos © http://www.ordenador.online