Unidad 4 flash 1

CURSO DE ADOBE FLASH PROFESSIONAL CS5.5

UNIDAD 4.

INTERACCIONES Y ANIMACIÓN

1

UNIDAD 4

En la presente unidad de Adobe Flash Professional CS5.5, aprenderá a crear códigos y animaciones.

Tiempo de Formación

Temas de la Unidad 4 Tema 1.

Símbolos

Se explica como crear un botón, un clip de película y un gráfico.

2 Horas

Tema 2.

Botones

Se enseña paso a paso a manejar los estados de los botones y cómo modificarlos.

1 Hora

Tema 3.

Animación

Se maneja fotogramas e interpolación de movimiento y forma.

3 Horas

Tema 4.

Organización Se enseña de símbolos elementos.

Tema 5.

Acciones y animación

a

utilizar

la

biblioteca

de

Se enseña el proceso para desarrollar acciones en las animaciones y clips de películas.

2 Horas

2 Horas

Tabla 7.

2

TEMA 1. Símbolos Flash Professional cuenta con tres tipos de símbolo, clip de película, botón y gráfico.

Los símbolos de Flash Professional, son utilizados para realizar contenidos animados y soportar acciones en un documento Flash, cada símbolo cuenta con su propia línea de tiempo. Los Botones son usados para ejercer acciones en el documento y los Clip de película para animar.

Crear un botón Para convertir un objeto del Escenario en un Botón, realizar lo siguiente: 1. Con la herramienta de selección, dar clic sobre el objeto que va convertir en Botón, en este caso el primer rectángulo que dibujó.

2. Seleccionar Modificar de la barra del menú.

3. Escoger la opción Convertir en símbolo…, para abrir la ventana Convertir en símbolo…, también puede usar el atajo del teclado, presionar la tecla F8.

4. Escribir el nombre para el Botón en la opción Nombre, en este caso Boton_1.

5. Seleccionar la opción Botón, de la opción Tipo.

6. Dar clic en el botón Aceptar.

2

1. Dar clic sobre el objeto que se va convertir en Botón

3

1

Figura 129.

3

4

6

5 6

Figura 130.

El objeto queda convertido en un bot贸n.

Figura 131.

4

Crear clip de película Para convertir un objeto del Escenario en un Clip de película, hacer lo siguiente: 1. Seleccionar la herramienta de Selección, ubicada en el panel herramientas.

2. Dar clic sobre el objeto que se va convertir en Clip de película, en este caso el segundo rectángulo que se dibujó.

3. Escoger Modificar del menú.

4. Seleccionar la opción Convertir en símbolo….En el teclado, presionar la tecla F8.

5. Escribir el apelativo para el Clip de película en la opción Nombre, en este caso Clip_1.

6. Seleccionar la opción Clip de película, de la opción Tipo.

7. Dar clic en el botón Aceptar.

3

1 4

2

5

7

6 2

Figura 132.

5

El objeto queda convertido en un clip de película.

Figura 133.

Crear gráfico Para convertir un objeto del Escenario en un Gráfico, ejecutar lo siguiente: 1. Escoger la herramienta de Selección ubicada en el panel de herramientas.

2. Dar clic sobre el objeto que se va convertir en Gráfico, en este caso el tercer rectángulo que se dibujó.

3. Seleccionar Modificar de la barra del menú.

4. Seleccionar la opción Convertir en símbolo…, asimismo es posible usar el atajo del teclado, presionar la tecla F8.

5. Escribir el nombre para el Gráfico en la opción Nombre, en este caso Gráfico_1.

6. Seleccionar la opción Gráfico, de la opción Tipo.

7. Dar clic en el botón Aceptar.

6

3

1 4

2

7

5 6

6

Figura 134.

El objeto queda convertido en un clip de grรกfico.

Figura 135.

7

TEMA 2. Botones Estados de un botón.

Los símbolos de tipo botón, tienen tres estados o posiciones, reposo, sobre y presionado. En cada estado, se pueden tener formas o animaciones diferentes; además se cuenta con la zona de detección, esta es la demarcación en la que el botón será activado. Si no se tiene ningún objeto, el botón pasará a ser accionado por los elementos que se encuentren en el fotograma reposo.

Para modificar los estados del botón, para cambiarle el color, realizar lo siguiente: 1. Ubicarse sobre la Línea de tiempo, dar doble clic sobre el botón Botón_1, accederá a la línea de tiempo del botón.

2. Dar clic sobre el fotograma uno y presionar la tecla F6 para insertar un fotograma clave.

3. Dar clic sobre el objeto botón para seleccionar el relleno.

4. Posicionarse en el panel propiedades y dar clic en la opción Color de relleno, seleccionar el color que desea y dar clic.

5. Ubicarse en la Línea de tiempo, dar clic sobre el fotograma dos y presionar la tecla F6 para insertar un fotograma clave.

6. Dar clic sobre el objeto botón para seleccionar el relleno.

7. Ubicarse en el panel propiedades y hacer clic en la opción Color de relleno, seleccionar el color que desea.

8. Para salir de la línea de tiempo del botón, dar clic dos veces sobre una zona vacía del Escenario.

9. Ubicarse en la Línea de tiempo, dar clic sobre el fotograma tres y presionar la tecla F6 para insertar un fotograma clave.

10. Para seleccionar el relleno, dar clic sobre el objeto botón.

11. Ubicar el panel propiedades y dar clic sobre la opción Color de relleno, seleccionar el color que desea.

12. Para salir de la línea de tiempo del botón, dar clic dos veces sobre una zona vacía del Escenario.

8

1 3

4

Se accede a la l铆nea de tiempo del bot贸n.

2

5

Figura 136.

6

5

7

8

5

5

Figura 137.

9

10

11

12

10

9

5

Figura 138.

El objeto queda con colores en los distintos fotogramas.

Observa dando clic en cada fotograma, c贸mo cambia el color del objeto

Figura 139.

10