Curso Básico De Flash 8 (Símbolos De Tipo Botón) Parte 17

Creación de símbolos de Tipo Botón

Los símbolos del Tipo Botón son de mucha importancia en las animaciones Flash, con estos botones se puede controlar las animaciones a lo largo de la Línea de tiempo, también puedes enlazar los botones a ubicaciones web, o controlar una pagina web 100 % Flash. En este punto solamente te enfocare en conocer la Línea de tiempo del símbolo Botón, así también se trabajara en el diseño básico de un botón de tres estados Reposo, Sobre y Presionado.

• El símbolo de Tipo Botón se crea igual que el símbolo Clip de película y símbolo Tipo Gráfico, esto es siguiendo la ruta Insertar >> Nuevo símbolo o presionando en el teclado ctrl. + F8 o haciendo clic en el icono que corresponde para crear un nuevo símbolo en el Panel de Biblioteca.

• Luego de haber seguido uno de estos métodos en el Panel de Crear un nuevo símbolo colocar un Nombre que describa al símbolo, después simplemente seleccionar en la opción Tipo Botón. En este caso nombrar al símbolo botón redondo y en la opción Tipo seleccionar Botón.

• Al Aceptar el paso anterior te colocara en el símbolo de Tipo Botón. La Línea de tiempo de este símbolo difiere en comparación a la del símbolo Clip de película y Gráfico.
• La Línea de tiempo del símbolo Botón cuanta con cuatro frames, sin embargo, en esta ocasión solamente se utilizan tres de los cuatro frames estos son; Reposo, Sobre y Presionado.
• En el primer fotograma Reposo, indica que el botón permanecerá en una sola posición y solamente tendrá la propiedad de ser botón en el archivo SWF.
• El fotograma de Sobre indica que cuando se pasa el cursor sobre el botón este cambiara de posición o color según haya sido diseñado.
• Y el estado de Presionado te indica que cuando presiones el botón este cambiara también de color o de posición. Estas tres acciones solo son visualizadas cuando el símbolo botón es puesto en la Escena y es publicado en un archivo SWF.

• A continuación se diseñara un botón con borde redondeado en el símbolo que ya creaste. Presionar la herramienta rectángulo (R), luego seleccionar la herramienta de establecer Radio de esquina en el Panel emergente de Configuración de rectángulo escribir 10 como Radio de esquina.

• Una vez que se estableció el Radio de esquina, colocar las propiedades al rectángulo de color. Hacer visible el Panel de Mezclador de colores shift + F9, anular el color de borde, seleccionar como color de relleno un estilo degradado de Tipo Lineal, los colores a usar son #FFFFFF y #000000.

• Dibujar un rectángulo de dimensiones 100.0 * 20.0 píxeles de ancho y alto y colocarlo en coordenadas X: 0.0 y Y: 0.0.

• Insertar un fotograma clave F6 en el segundo Estado de la línea de tiempo (Sobre), seleccionar la forma vectorial de este fotograma y con el Panel de Mezclador de clores aun visible cambiar el Estilo de relleno a Tipo Radial, los colores seguirán siendo #FFFFFF y #000000.

• Insertar el tercer fotograma clave F6 en el fotograma Presionado, seleccionar la forma vectorial de este fotograma y con ayuda del Panel de Mezclador cambiar nuevamente el Estilo de relleno a Tipo Lineal.

• Insertar una segunda capa en la cual se colocara un Campo de texto estático (T) con la palabra botón prueba, tipo de fuente Arial, tamaño de fuente 14 y color de fuente #FFFFFF, mover este texto a Coordenadas X: 6.6 y Y: 0.2.

• Regresar a la Escena y arrastrar desde el Panel de Biblioteca ctrl. + L el símbolo botón redondo, presionar ctrl. + Enter y ver como trabaja el botón de tres estados.

Curso Básico De Flash 8 Parte 1

Curso Básico De Flash 8 Parte 2

Curso Básico De Flash 8 Parte 3

Curso Básico De Flash 8 Parte 4

Curso Básico De Flash 8 Parte 5

Curso Básico De Flash 8 Parte 6

Curso Básico De Flash 8 Parte 7

Curso Básico De Flash 8 Parte 8

Curso Básico De Flash 8 Parte 9

Curso Básico De Flash 8 Parte 10

Curso Básico De Flash 8 Parte 11

Curso Básico De Flash 8 Parte 12

Curso Básico De Flash 8 Parte 13

Curso Básico de flash 8 Parte 14

Curso Básico De Flash 8 Parte 15

Curso Básico De Flash 8 Parte 16

Curso Básico De Flash 8 Parte 18

Curso Básico De Flash 8 Parte 19

Curso Básico de Flash 8 Parte 20

Curo Básico De Flash 8 Parte 21

Curo Básico De Flash 8 Parte 22

Búsquedas:

• botones en flash 8
• simbolos de flash
• imagenes de 399 pixeles de ancho
• botones de flash 8
• que es un simbolo en flash 8
• simbolos de flash 8
• 399 pixeles de ancho
• simbolos en flash
• botones flash 8
• tutorial flash 8 botones

Artículos relacionados:

• Curso Básico De Flash 8 (Edición De Capas, Símbolos E Incorporación De Paneles) Parte 15
• Curso Básico De Flash 8 (Interpolación De Movimiento) Parte 16
• Curso Básico De Flash 8 (Movimiento De Formas Vectoriales) Parte 11
• Curso Básico De Flash 8 (Edicón De Movimiento) Parte 13