SlideShare a Scribd company logo
1 of 4
Práctica 14
               Crear un Botón con Relieve


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 Presionado.




14 Modifiquemos ahora el borde inferior y el derecho del botón
aplicándole el color blanco.
15 Finalmente seleccionemos los bordes superior e izquierdo y démosle el
color negro.




Respecto a los fotogramas Sobre y Zona activa, 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.

More Related Content

What's hot (19)

Practica 14
Practica 14Practica 14
Practica 14
 
Practica#15
Practica#15Practica#15
Practica#15
 
Practica14
Practica14Practica14
Practica14
 
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
 
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
 
Práctica 14 ♥
Práctica 14  ♥Práctica 14  ♥
Práctica 14 ♥
 
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"
 
Prã¡ctica 15
Prã¡ctica 15Prã¡ctica 15
Prã¡ctica 15
 
Practica 15
Practica 15Practica 15
Practica 15
 

Viewers also liked

Oracion de agradecimiento
Oracion de agradecimientoOracion de agradecimiento
Oracion de agradecimientoNicoq03
 
ARQUITECTURA DE COMPUTADORES
ARQUITECTURA DE COMPUTADORESARQUITECTURA DE COMPUTADORES
ARQUITECTURA DE COMPUTADORESmilen17
 
La educación a distancia
La educación a distanciaLa educación a distancia
La educación a distanciaAsnitcov
 
Unidad 1
Unidad 1Unidad 1
Unidad 1Rurus9
 

Viewers also liked (9)

Eva (fotos dap)
Eva (fotos dap)Eva (fotos dap)
Eva (fotos dap)
 
Virus y vacunas informáticos
Virus y vacunas informáticos Virus y vacunas informáticos
Virus y vacunas informáticos
 
Mile[1]
Mile[1]Mile[1]
Mile[1]
 
Oracion de agradecimiento
Oracion de agradecimientoOracion de agradecimiento
Oracion de agradecimiento
 
Presentación facebook
Presentación facebookPresentación facebook
Presentación facebook
 
ARQUITECTURA DE COMPUTADORES
ARQUITECTURA DE COMPUTADORESARQUITECTURA DE COMPUTADORES
ARQUITECTURA DE COMPUTADORES
 
Macas 2012
Macas 2012Macas 2012
Macas 2012
 
La educación a distancia
La educación a distanciaLa educación a distancia
La educación a distancia
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 

Similar to Práctica 14

Similar to Práctica 14 (13)

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 15
Practica 15Practica 15
Practica 15
 
Practica14
Practica14 Practica14
Practica14
 
Practica15
Practica15Practica15
Practica15
 
UNIDADES PASO A PASO N-7
UNIDADES PASO A PASO N-7UNIDADES PASO A PASO N-7
UNIDADES PASO A PASO N-7
 
Ejercicios de-corel-draw
Ejercicios de-corel-drawEjercicios de-corel-draw
Ejercicios de-corel-draw
 
Curso de computación
Curso de computaciónCurso de computación
Curso de computación
 
(5)accesoriosii (1)
(5)accesoriosii (1)(5)accesoriosii (1)
(5)accesoriosii (1)
 
Guia de ejercicios flash novenos
Guia de ejercicios flash novenosGuia de ejercicios flash novenos
Guia de ejercicios flash novenos
 
Guia de ejercicios flash decimos
Guia de ejercicios flash decimosGuia de ejercicios flash decimos
Guia de ejercicios flash decimos
 

More from Rurus9

Unidad 3
Unidad 3Unidad 3
Unidad 3Rurus9
 
Unidad 2
Unidad 2Unidad 2
Unidad 2Rurus9
 
Práctica 26
Práctica 26Práctica 26
Práctica 26Rurus9
 
Práctica 25
Práctica 25Práctica 25
Práctica 25Rurus9
 
Práctica 24
Práctica 24Práctica 24
Práctica 24Rurus9
 
Unidad 6
Unidad 6Unidad 6
Unidad 6Rurus9
 
Práctica 27
Práctica 27Práctica 27
Práctica 27Rurus9
 
Práctica 23
Práctica 23Práctica 23
Práctica 23Rurus9
 
Práctica 21
Práctica 21Práctica 21
Práctica 21Rurus9
 
Cuestionario unidad 4
Cuestionario unidad 4Cuestionario unidad 4
Cuestionario unidad 4Rurus9
 
Unidad 5
Unidad 5Unidad 5
Unidad 5Rurus9
 
Práctica 22
Práctica 22Práctica 22
Práctica 22Rurus9
 
Práctica 20
Práctica 20Práctica 20
Práctica 20Rurus9
 
Práctica 18
Práctica 18Práctica 18
Práctica 18Rurus9
 
Práctica 17
Práctica 17Práctica 17
Práctica 17Rurus9
 
Práctica 16
Práctica 16Práctica 16
Práctica 16Rurus9
 
Práctica 19
Práctica 19Práctica 19
Práctica 19Rurus9
 
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 scriptRurus9
 
Unidad 4
Unidad 4Unidad 4
Unidad 4Rurus9
 
Práctica 13 forma a texto
Práctica 13 forma a textoPráctica 13 forma a texto
Práctica 13 forma a textoRurus9
 

More from Rurus9 (20)

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 25
Práctica 25Práctica 25
Práctica 25
 
Práctica 24
Práctica 24Práctica 24
Práctica 24
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
 
Práctica 23
Práctica 23Práctica 23
Práctica 23
 
Práctica 21
Práctica 21Práctica 21
Práctica 21
 
Cuestionario unidad 4
Cuestionario unidad 4Cuestionario unidad 4
Cuestionario unidad 4
 
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 17
Práctica 17Práctica 17
Práctica 17
 
Práctica 16
Práctica 16Práctica 16
Práctica 16
 
Práctica 19
Práctica 19Práctica 19
Práctica 19
 
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
 
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 14

  • 1. Práctica 14 Crear un Botón con Relieve 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 Presionado. 14 Modifiquemos ahora el borde inferior y el derecho del botón aplicándole el color blanco.
  • 4. 15 Finalmente seleccionemos los bordes superior e izquierdo y démosle el color negro. Respecto a los fotogramas Sobre y Zona activa, 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.