SlideShare una empresa de Scribd logo
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.

Más contenido relacionado

DOCX
Práctica 14
DOCX
DOCX
Practica14 121003123456-phpapp01
DOCX
Practica 14
DOCX
Practica 14
PPTX
Practica14
DOCX
Práctica 14
Practica14 121003123456-phpapp01
Practica 14
Practica 14
Practica14

La actualidad más candente (19)

DOCX
Practica 14
DOCX
Practica 14
PPTX
DOC
Practica 14
DOCX
Practica 14
DOCX
DOCX
Practica#14
PPTX
Practica 14
DOCX
Practica 14
PPTX
Practica15
PPTX
Prã¡ctica 15
DOCX
Práctica 14 ♥
PPTX
Practica 14 "CREAR UN BOTÓN"
DOCX
Practica 14 gaem
PPTX
Practica 15
PDF
Photoshop - Aplicando efectos al texto
Practica 14
Practica 14
Practica 14
Practica 14
Practica#14
Practica 14
Practica 14
Practica15
Prã¡ctica 15
Práctica 14 ♥
Practica 14 "CREAR UN BOTÓN"
Practica 14 gaem
Practica 15
Photoshop - Aplicando efectos al texto
Publicidad

Destacado (7)

PPTX
Ejercicio g1
PPTX
Ejercicios textos
DOCX
4.2 introducción a la programación con action script
DOCX
Práctica 27
DOCX
Cuestionario unidad 4
DOCX
Práctica 25
DOCX
Práctica 17
Ejercicio g1
Ejercicios textos
4.2 introducción a la programación con action script
Práctica 27
Cuestionario unidad 4
Práctica 25
Práctica 17
Publicidad

Similar a Práctica 15 (14)

DOCX
Practica 14
DOCX
Practica 14
PPTX
PPTX
Practica'14
PDF
Ejercicios de-corel-draw
DOC
Practica 15
DOCX
DOCX
Práctica 14 "Crear un botón con relieve"
DOCX
Práctica 14 "Crear un botón con relieve"
PPT
PresentacióN1
PPT
PresentacióN1
PPT
PresentacióN1
PDF
Actividad 1 INICIACIÓN
PDF
Practica corel draw 3 x octubre 2013
Practica 14
Practica 14
Practica'14
Ejercicios de-corel-draw
Practica 15
Práctica 14 "Crear un botón con relieve"
Práctica 14 "Crear un botón con relieve"
PresentacióN1
PresentacióN1
PresentacióN1
Actividad 1 INICIACIÓN
Practica corel draw 3 x octubre 2013

Más de Rurus9 (20)

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