Tecnología

Inicio

Cómo hacer un botón de imagen cambiante en Adobe Flash CS5

Cómo hacer un botón de imagen cambiante en Adobe Flash CS5


los botones del rollover cambian su apariencia cuando un usuario pasa el cursor del ratón sobre ellos. Se puede crear una animación simple vuelco en Flash CS5, un programa de animación líder, mediante la edición de estados de ratón del símbolo de botón. Crear el botón con el dibujo y texto herramientas de Flash, lo convierten en un símbolo de botón, y luego cambiar el aspecto del botón en estado Sobre del símbolo.

Instrucciones

1 Abrir una película existente FLA de Flash en el que desea crear un botón de imagen cambiante, o iniciar una nueva película haciendo clic en el menú "Archivo" y seleccionando "Nuevo". Esto abre el cuadro de diálogo "Nuevo documento". Seleccione "ActionScript 3.0" en la lista Tipo. Escriba el ancho de su nueva película en el campo "Ancho" y la altura en el campo "Altura" y, a continuación, haga clic en Aceptar.

2 Seleccione la "Herramienta Rectángulo" en el panel Herramientas.

3 Ir a la sección Relleno y borde del panel Propiedades, haga clic en el "Stroke" muestra de color (el icono de lápiz) y elegir el color del borde de este botón.

4 Ir a la sección Relleno y borde del panel Propiedades, haga clic en el "relleno" de la muestra de color (el icono del cubo de pintura) y elegir el color de relleno para su botón.

5 Ajuste el control deslizante "Stroke" para ajustar el peso, o el espesor, de la frontera.

6 Vaya a la sección "Opciones de formato rectangular" del panel Propiedades y ajustar el control deslizante para establecer la esquina redondez de este botón. Un valor de 25 crea un botón de aspecto agradable, de forma ovalada.

7 Dibujar un rectángulo tamaño de un botón en el escenario. Puede utilizar las opciones de "Altura" "Ancho" y en la sección Posición y tamaño del panel Propiedades para establecer las dimensiones de Button a un tamaño exacto.

8 Seleccione la "Herramienta de texto" en el panel Herramientas.

9 Vaya al panel Propiedades y establecer el tipo de letra, color y tamaño para el texto de la etiqueta del botón.

10 Haga clic en el rectángulo en el escenario y escriba su etiqueta de botón, a continuación, seleccione la etiqueta y el rectángulo.

11 Haga clic en el rectángulo en el escenario y escriba su etiqueta del botón, y luego seleccione la etiqueta y el rectángulo. Para seleccionar ambos objetos, haga clic en uno de ellos, y luego Shift + Click del segundo objeto.

12 Haga clic en el menú "Window" y seleccione "Align" para abrir el panel Alinear. Haga clic en el botón "Alinear horizontalmente respecto al centro" y, a continuación, haga clic en el botón "Alinear verticalmente respecto al centro". Esto alinea la etiqueta al centro del rectángulo.

13 Haga clic en los objetos seleccionados y seleccione "Convertir en símbolo" del menú emergente. Esto abre el cuadro de diálogo Convertir en símbolo. Nombrar el símbolo en el campo "Nombre", "haga clic en el" "menú desplegable y elegir la opción" Tipo de botón ", y haga clic en" Aceptar ". Flash combina los dos objetos y los convierte en un símbolo de botón.

14 Haga clic en el símbolo de botón y elegir la opción "Editar" en el menú emergente. Esto coloca el símbolo en modo de edición.

15 Ir al panel Línea de tiempo, haga clic en el "sobre" el marco y elegir la opción "Insertar fotograma clave." Desde aquí se pueden hacer cambios a su botón, de modo que cambia de aspecto en el estado Sobre. Puede, por ejemplo, cambiar el rectángulo o el color del texto, o ambos. También puede hacer que el rectángulo un poco más grande o más pequeño, o moverlo ligeramente. Cualquier cambio que realice en este marco se mostrará cuando el usuario pasa su cursor del ratón sobre el botón.

dieciséis Hacer los cambios deseados en el botón y, a continuación, haga clic en "Escena 1" en la esquina superior derecha de la ventana del documento para volver al escenario principal.

17 Haga clic en el menú "Control" y elegir la opción "Habilitar botones simples." Pase el cursor del ratón sobre el símbolo de botón para visualizar la animación vuelco.

Consejos y advertencias

  • También puede agregar un estado de Down a su botón, de modo que el botón cambia de apariencia cuando el usuario hace clic en el botón. Añadir un fotograma clave en el marco de "abajo" en la línea de tiempo del símbolo de botón, a continuación, hacer los cambios deseados en el área del botón y la etiqueta.
  • Puede añadir un bisel, sombra, u otros efectos especiales de la sección Filtros del panel Propiedades. Seleccione el símbolo, haga clic en el botón "Añadir filtro" en la esquina inferior izquierda de la sección Filtros del panel Propiedades y, a continuación, seleccione el efecto deseado en el menú emergente.