Este documento proporciona instrucciones paso a paso para crear un botón en el que el texto dentro del botón cambia cuando el usuario pasa el cursor sobre él. Explica cómo dibujar un rectángulo, aplicar estilos para darle relieve, asignarle un comportamiento de botón, y crear fotogramas clave para distintos estados del botón que muestren texto diferente cuando el cursor esté encima. El objetivo es demostrar cómo crear un botón interactivo cuyo contenido cambia al pasar sobre él.
Crear un movimiento multidireccional encadenando interpolaciones de movimiento.
Práctica 15
1. Práctica 15
Crear un Botón que cambie su contenido al pasar el
cursor
Ejercicio paso a paso.
1 Dibujamos un rectángulo en el área de trabajo.
2 Seleccionamos el fondo.
3 Cambiamos el color de fondo del rectángulo.
4 Con la herramienta texto escribimos el texto que queramos en
el interior del rectángulo.
Ahora que ya tenemos el molde, vamos a crear un sencillo
efecto de relieve.
2. 5 Seleccionamos los bordes izquierda y superior.
6 Modificamos el color de dichos bordes. Le damos el color
blanco.
7 Seleccionamos ahora el borde inferior y aplicamos un color
gris oscuro.
Ya va tomando relieve, ahora vamos a crear los diferentes
estados.
8 Seleccionamos el botón.
9 Activamos la opción de menú Insertar → Nuevo Símbolo...
3. 10 Marcamos el comportamiento de botón y le damos un nombre. Pulsa
Aceptar.
11 Hacemos doble clic sobre el botón para editarlo.
12 Mediante F6 creamos fotogramas clave en cada uno de los fotogramas
correspondientes a los estados del botón.
13 Seleccionamos el fotograma Sobre.
4. 14 Modifiquemos el Texto y escribamos “Iniciar.
Respecto a los fotogramas Zona activa y presionado , los dejaremos tal y
como están puesto que no deseamos que haga nada mientras no
pulsemos el botón y el área de acción es la que comprende nuestro
rectángulo.
El resultado obtenido es el siguiente. Podemos pinchar sobre él y
comprobar el efecto.