SlideShare ist ein Scribd-Unternehmen logo
1 von 4
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.
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...
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.
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.

Weitere ähnliche Inhalte

Was ist angesagt? (19)

Practica#15
Practica#15Practica#15
Practica#15
 
Practica 14
Practica 14Practica 14
Practica 14
 
Practica 14
Practica 14Practica 14
Practica 14
 
Practica 14
Practica 14Practica 14
Practica 14
 
Practica 14
Practica 14Practica 14
Practica 14
 
Practica 14
Practica 14Practica 14
Practica 14
 
Practica 14
Practica 14Practica 14
Practica 14
 
Practica#14
Practica#14Practica#14
Practica#14
 
Practica 14
Practica 14Practica 14
Practica 14
 
Practica 14
Practica 14Practica 14
Practica 14
 
14
1414
14
 
Practica15
Practica15Practica15
Practica15
 
Practica 14
Practica 14Practica 14
Practica 14
 
Prã¡ctica 15
Prã¡ctica 15Prã¡ctica 15
Prã¡ctica 15
 
Práctica 14 ♥
Práctica 14  ♥Práctica 14  ♥
Práctica 14 ♥
 
Practica 14 "CREAR UN BOTÓN"
Practica 14 "CREAR UN BOTÓN"Practica 14 "CREAR UN BOTÓN"
Practica 14 "CREAR UN BOTÓN"
 
Practica 14 gaem
Practica 14 gaemPractica 14 gaem
Practica 14 gaem
 
Practica 15
Practica 15Practica 15
Practica 15
 
Photoshop - Aplicando efectos al texto
Photoshop - Aplicando efectos al textoPhotoshop - Aplicando efectos al texto
Photoshop - Aplicando efectos al texto
 

Andere mochten auch

Ejercicio g1
Ejercicio g1Ejercicio g1
Ejercicio g1
Rurus9
 
Ejercicios textos
Ejercicios textosEjercicios textos
Ejercicios textos
Rurus9
 
4.2 introducción a la programación con action script
4.2 introducción a la programación con action script4.2 introducción a la programación con action script
4.2 introducción a la programación con action script
Rurus9
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
Rurus9
 
Cuestionario unidad 4
Cuestionario unidad 4Cuestionario unidad 4
Cuestionario unidad 4
Rurus9
 
Práctica 25
Práctica 25Práctica 25
Práctica 25
Rurus9
 
Práctica 17
Práctica 17Práctica 17
Práctica 17
Rurus9
 

Andere mochten auch (7)

Ejercicio g1
Ejercicio g1Ejercicio g1
Ejercicio g1
 
Ejercicios textos
Ejercicios textosEjercicios textos
Ejercicios textos
 
4.2 introducción a la programación con action script
4.2 introducción a la programación con action script4.2 introducción a la programación con action script
4.2 introducción a la programación con action script
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
 
Cuestionario unidad 4
Cuestionario unidad 4Cuestionario unidad 4
Cuestionario unidad 4
 
Práctica 25
Práctica 25Práctica 25
Práctica 25
 
Práctica 17
Práctica 17Práctica 17
Práctica 17
 

Ähnlich wie Práctica 15 (14)

Practica 14
Practica 14Practica 14
Practica 14
 
Practica 14
Practica 14Practica 14
Practica 14
 
Practica 14
Practica 14Practica 14
Practica 14
 
Practica'14
Practica'14Practica'14
Practica'14
 
Ejercicios de-corel-draw
Ejercicios de-corel-drawEjercicios de-corel-draw
Ejercicios de-corel-draw
 
Practica 15
Practica 15Practica 15
Practica 15
 
Practica14
Practica14 Practica14
Practica14
 
Práctica 14 "Crear un botón con relieve"
Práctica 14 "Crear un botón con relieve"Práctica 14 "Crear un botón con relieve"
Práctica 14 "Crear un botón con relieve"
 
Práctica 14 "Crear un botón con relieve"
Práctica 14 "Crear un botón con relieve"Práctica 14 "Crear un botón con relieve"
Práctica 14 "Crear un botón con relieve"
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Actividad 1 INICIACIÓN
Actividad 1 INICIACIÓNActividad 1 INICIACIÓN
Actividad 1 INICIACIÓN
 
Practica corel draw 3 x octubre 2013
Practica corel draw 3 x octubre 2013Practica corel draw 3 x octubre 2013
Practica corel draw 3 x octubre 2013
 

Mehr von Rurus9

Unidad 1
Unidad 1Unidad 1
Unidad 1
Rurus9
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
Rurus9
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
Rurus9
 
Práctica 26
Práctica 26Práctica 26
Práctica 26
Rurus9
 
Práctica 24
Práctica 24Práctica 24
Práctica 24
Rurus9
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
Rurus9
 
Práctica 23
Práctica 23Práctica 23
Práctica 23
Rurus9
 
Práctica 21
Práctica 21Práctica 21
Práctica 21
Rurus9
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
Rurus9
 
Práctica 22
Práctica 22Práctica 22
Práctica 22
Rurus9
 
Práctica 20
Práctica 20Práctica 20
Práctica 20
Rurus9
 
Práctica 18
Práctica 18Práctica 18
Práctica 18
Rurus9
 
Práctica 16
Práctica 16Práctica 16
Práctica 16
Rurus9
 
Práctica 19
Práctica 19Práctica 19
Práctica 19
Rurus9
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
Rurus9
 
Práctica 13 forma a texto
Práctica 13 forma a textoPráctica 13 forma a texto
Práctica 13 forma a texto
Rurus9
 
Práctica 12
Práctica 12Práctica 12
Práctica 12
Rurus9
 
Práctica 11 gaem
Práctica 11  gaemPráctica 11  gaem
Práctica 11 gaem
Rurus9
 
Práctica 10
Práctica 10Práctica 10
Práctica 10
Rurus9
 
Crear un movimiento multidireccional encadenando interpolaciones de movimiento.
Crear un movimiento multidireccional encadenando interpolaciones de movimiento.Crear un movimiento multidireccional encadenando interpolaciones de movimiento.
Crear un movimiento multidireccional encadenando interpolaciones de movimiento.
Rurus9
 

Mehr von Rurus9 (20)

Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Práctica 26
Práctica 26Práctica 26
Práctica 26
 
Práctica 24
Práctica 24Práctica 24
Práctica 24
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Práctica 23
Práctica 23Práctica 23
Práctica 23
 
Práctica 21
Práctica 21Práctica 21
Práctica 21
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Práctica 22
Práctica 22Práctica 22
Práctica 22
 
Práctica 20
Práctica 20Práctica 20
Práctica 20
 
Práctica 18
Práctica 18Práctica 18
Práctica 18
 
Práctica 16
Práctica 16Práctica 16
Práctica 16
 
Práctica 19
Práctica 19Práctica 19
Práctica 19
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Práctica 13 forma a texto
Práctica 13 forma a textoPráctica 13 forma a texto
Práctica 13 forma a texto
 
Práctica 12
Práctica 12Práctica 12
Práctica 12
 
Práctica 11 gaem
Práctica 11  gaemPráctica 11  gaem
Práctica 11 gaem
 
Práctica 10
Práctica 10Práctica 10
Práctica 10
 
Crear un movimiento multidireccional encadenando interpolaciones de movimiento.
Crear un movimiento multidireccional encadenando interpolaciones de movimiento.Crear un movimiento multidireccional encadenando interpolaciones de movimiento.
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.