REGIONAL META                       Fecha: Abril 17 de 2012                                    INSTITUCION EDUCATIVA CAPIT...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                                    INSTITUCION EDUCATIVA CAPIT...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                                    INSTITUCION EDUCATIVA CAPIT...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                                    INSTITUCION EDUCATIVA CAPIT...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
REGIONAL META                       Fecha: Abril 17 de 2012                             INSTITUCION EDUCATIVA CAPITAN MIGU...
Próxima SlideShare
Cargando en…5
×

Act 5 flash 8

758 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
758
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
26
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Act 5 flash 8

  1. 1. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 1de 26 de la Calidad EDICIÓN DE CAPASCuando se trabaja con múltiples Capas es muy frecuente que puedas batallar para encontrar las formas que estándispuestas en una u otra Capa, por ello se te aconseja que cambies de nombre a cada una de las Capas y asípuedas ubicar cada uno de las formas vectoriales con una mayor facilidad. En el ejemplo anterior se trabajo con 5 Capas, pero no sabes con exactitud en donde se encuentra cada una de las formas. La solución a este conflicto es hacer doble clic sobre el nombre de la Capa y después cambiárselo por uno que describa el contenido de la Capa. Por ejemplo en la Capa 1 del trabajo anterior esta dibujado la base de la carita feliz, sustituir el nombre de Capa 1 por el de fondo amarrillo. En la Capa 2 esta dibujada la línea de la boca, sustituir el nombre de Capa 2 por el de boca. Cambiar el nombre de la Capa 3 por el de fondo de ojos, el de la Capa 4 por el de ojo izquierdo y cambiar el nombre de la Capa 5 por de ojo derecho. APLICACIÓN DE SÍMBOLOS E INCORPORACIÓN DE PANELESCuando se trabaja con animaciones un poco más elaboradas forzosamente tienes que incorporar los diferentessímbolos de Flash (Clip de película , Botón y Gráfico) así como también diferentes paneles de herramientascon los cuales te ayudaras para la realización de las animaciones, los paneles más utilizados son: Panel dePropiedades del Documento (ctrl. + J), Panel de Biblioteca (ctrl. + L o F11), Panel de Mezclador deColores (shift + F9), Panel de Transformar (ctrl. + T). Estos símbolos y paneles ya fueron descritos conanterioridad y ahora solamente te enfocaras en su aplicación.Creación de símbolos de Tipo Clip de películaCuando se diseña una animación en la que se involucre la participación de varias capas, es más recomendablehacer las animaciones en diferentes símbolos y después solamente colocar cada uno de los símbolos en laEscena para la visualización en aun archivo SWF. La animación que a continuación se te presenta esta realizada en un documento de Propiedades ctrl. + J, dimensiones del documento 250 * 250 píxeles, color de fondo #FFFFFF y velocidad de fotogramas 12 fps.
  2. 2. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 2de 26 de la CalidadEn el siguiente ejemplo trabajaras con animaciones de interpolación de movimiento en clips de película.En esta animación estarán involucrados parámetros tales como: movimiento girar, número de giros,color alfa, color tinta.Para crear un símbolo tienes tres opciones la primera es, seguir la siguiente ruta Insertar >> Nuevosímbolo, la segunda es mediante el Panel de Biblioteca haciendo clic en el icono correspondiente y latercera es presionando en el teclado ctrl. + F8.
  3. 3. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 3de 26 de la CalidadCuando aparece el panel de Crear un nuevo símbolo, cambiar las propiedades, colocar un nombre quedescriba la acción que se estará llevando acabo en el símbolo. Luego seleccionar el Tipo de símbolo conel cual se va a trabajar. En este caso colocar como nombre cuadrado girando y seleccionar la opciónClip de película.Una vez que te encuentres ubicado en el símbolo, dibujar un cuadrado (R) de dimensiones 200.0*200.0, colocar el cuadrado en coordenadas X: 0.0 y Y: 0.0, no usar colordeborde y colocar comocolorderelleno#00FF00. Así comenzaras a crear una animación de Interpolación de movimiento.Luego seleccionar el frame número 20 e insertar un fotograma clave F6, una vez que el fotograma clavehaya sido insertado seleccionar un punto entre el fotograma número 1 y el fotograma número 19 yhacer clic sobre este fotograma con el botón derecho del ratón, en el menú emergente seleccionar laopción Interpolación de movimiento.
  4. 4. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 4de 26 de la CalidadSeleccionar la forma vectorial del fotograma número 20 y hacer visible el Panel de Transformar ctrl.+ T, seleccionar la casilla de Restringir, reajustar el porcentaje en alguna de las casillas Anchura oAltura al 10.0 %. Así el tamaño del cuadrado se vera reducido.Ahora seleccionar el cuadro reducido del fotograma número 20, en el Panel de Propiedades seleccionarla opción de Color: Alfa y reducir el Porcentaje de 100% a 0%. Con esta modificación la animacióndel cuadrado se disminuirá de tamaño y al mismo tiempo se estará desvaneciendo.
  5. 5. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 5de 26 de la CalidadHacer una variante más a la animación, seleccionar el cuadrado del fotograma número 1, y en el Panelde Propiedades seleccionar la casilla de Giro: Horario.
  6. 6. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 6de 26 de la Calidad INTERPOLACIÓN DE MOVIMIENTOPracticar otro ejemplo de animación que esté contenida en la misma película FLA. En esta animación quedaestablecida una interpolación de movimiento de zoom, en la animación también se involucra el cambio decoloralfa. Primero debes crear un nuevo símbolo ctrl. + F8, nombrar al símbolo óvalo girando y seleccionar la opción de Clip de película. En este símbolo hacer una animación de un Óvalo (O), de dimensiones 40.0 * 70.0píxeles de ancho y alto, colocarlo en coordenadas X: 0.0 y Y: 0.0, no usar color de borde y colocar como color de relleno #00FFFF.
  7. 7. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 7de 26 de la CalidadSeleccionar el frame número 20 e insertar un fotograma clave F6, después seleccionar un punto entre elfotograma número 1 y el fotograma número 19 y hacer clic sobre este fotograma con el botón derechodel ratón, en el menú emergente seleccionar la opción Interpolación de movimiento.Seleccionar la forma vectorial del fotograma número 1 y en el Panel de Transformar ctrl. + T,seleccionar la casilla de Restringir, reajustar el porcentaje en alguna de las casillas Anchura o Alturaal 10.0 %.
  8. 8. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 8de 26 de la CalidadAhora seleccionar la forma vectorial del fotograma número 1, en el Panel de Propiedades seleccionar laopción de Color: Alfa y reducir el Porcentaje de 100% a 0%.Para hacer la variante de movimiento en esta animación, seleccionar el fotograma número 1, y en elPanel de Propiedades seleccionar la casilla de Giro: AntiHorario y en la casilla de Número derotaciones escribir el número 4 veces.
  9. 9. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 9de 26 de la CalidadPara conseguir que el óvalo cambie de su color original #00FFFF a otro cualquiera, simplementeseleccionar el óvalo del fotograma número 20 y en el Panel de Propiedades seleccionar la opciónColor: Tinta luego seleccionar un color diferente.Regresar a la Escena, hacer visible el Panel de la Biblioteca ctrl. + L y luego arrastrar desde esta elsímbolo cuadrado girando y colocarlo en coordenadas X: 25.0 y Y: 25.0.
  10. 10. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 10de 26 de la Calidad Ahora arrastrar el símbolo óvalo girando hacia la Escena y colocarlo en coordenadas X: 144.4 y Y: 140.4. Cuando se hace una animación de interpolación de movimiento automáticamente se crean símbolos del Tipo Gráfico no borrar estos símbolos porque la animación se perderá irremediablemente. Presionar ctrl. + Enter y observar la animación que se ha creado. CREACIÓN DE SÍMBOLOS DE TIPO BOTÓNLos símbolos del Tipo Botón son de mucha importancia en las animaciones Flash, con estos botones se puedecontrolar las animaciones a lo largo de la Línea de tiempo, también puedes enlazar los botones a ubicacionesweb, o controlar una pagina web 100 % Flash. En este punto solamente te enfocare en conocer la Línea detiempo 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.
  11. 11. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 11de 26 de la CalidadLuego de haber seguido uno de estos métodos en el Panel de Crear un nuevo símbolo colocar unNombre que describa al símbolo, después simplemente seleccionar en la opción Tipo Botón. En estecaso 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 estesí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 cuatroframes, sin embargo, en esta ocasiónsolamente se utilizan tres de los cuatro frames estos son; Reposo, Sobre y Presionado.En el primer fotogramaReposo, indica que el botón permanecerá en una sola posición y solamentetendrá 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 ocolor 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 deposición. Estas tres acciones solo son visualizadas cuando el símbolo botón es puesto en la Escena y espublicado en un archivo SWF.
  12. 12. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 12de 26 de la CalidadA continuación se diseñara un botón con borde redondeado en el símbolo que ya creaste. Presionar laherramienta rectángulo (R), luego seleccionar la herramienta de establecer Radio de esquina en elPanel 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. Hacervisible el Panel de Mezclador de colores shift + F9, anular el color de borde, seleccionar como colorde relleno un estilo degradado de Tipo Lineal, los colores a usar son #FFFFFF y #000000.
  13. 13. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 13de 26 de la CalidadDibujar un rectángulo de dimensiones 100.0 * 20.0 píxeles de ancho y alto y colocarlo en coordenadasX: 0.0 y Y: 0.0.Insertar un fotograma clave F6 en el segundo Estado de la línea de tiempo (Sobre), seleccionar la formavectorial de este fotograma y con el Panel de Mezclador de clores aun visible cambiar el Estilo derelleno a Tipo Radial, los colores seguirán siendo #FFFFFF y #000000.
  14. 14. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 14de 26 de la CalidadInsertar el tercer fotograma clave F6 en el fotograma Presionado, seleccionar la forma vectorial de estefotograma y con ayuda del Panel de Mezclador cambiar nuevamente el Estilo de relleno a Tipo Lineal.
  15. 15. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 15de 26 de la CalidadInsertar una segunda capa en la cual se colocara un Campo de texto estático (T) con la palabra botónprueba, tipo de fuente Arial, tamaño de fuente 14 y color de fuente #FFFFFF, mover este texto aCoordenadasX: 6.6 y Y: 0.2.
  16. 16. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 16de 26 de la CalidadRegresar a la Escena y arrastrar desde el Panel de Bibliotecactrl. + L el símbolo botón redondo,presionar ctrl. + Enter y ver como trabaja el botón de tres estados.
  17. 17. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 17de 26 de la Calidad ANIMACIÓN CON IMANES IMPORTADASEn este ejemplo se trabajara en la animación de una imagen con color Alfa para simular eldesvanecimiento de imagen.La animación estará insertada en un documento con las siguientes Propiedades ctrl. J, dimensiones deldocumento 300 * 300 píxeles de ancho y alto, color de fondo #FFFFFF y velocidad de fotogramas 15fpsLa animación no se trabajara con Interpolación de movimiento porque este tipo de interpolacióngenera automáticamente dos símbolos de Tipo Gráfico y hace un poco pesado el archivo FLA, mejor setrabajara con una animación de Movimiento en el Panel de Propiedades. Esta animación será descrita acontinuación. Primero crear un símbolo ctrl. + F8 llamarlo imagen seleccionar la opción de TipoGráfico.Ubicado en el símbolo presionar ctrl. + R en el menú emergente de Importar navegar hasta la carpeta dela imagen. Cuando la imagen haya sido insertada en el símboloimagen clocarla en coordenadas X: 0.0y Y: 0.0. Importar una imagen que tenga de dimensiones 300.0 * 300.0 píxeles de ancho y alto.
  18. 18. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 18de 26 de la CalidadAhora crear un nuevo símbolo ctrl. F8 y nombrarlo animación de imagen, en la opción Tiposeleccionar la opción de Clip de película.Una vez que te encuentres en el símbolo de Clip de película hacer visible el Panel de Biblioteca ctrl. +L y arrastrar desde esta el símboloimagen hacia el Clip de película, color la imagen en coordenadas X:0.0 y Y: 0.0.
  19. 19. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 19de 26 de la CalidadSeleccionar el frame número 25 e insertar un fotograma clave F6. Seleccionar la imagen de estefotograma y en el Panel de Propiedades seleccionar la opción Color Alfa y después reducir elporcentaje de 100% a 0%.
  20. 20. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 20de 26 de la CalidadSeleccionar un fotograma entre el número 1 y el número 24, en el Panel de Propiedades seleccionar laopción Animar Movimiento, y de esta forma quedara insertada la animación.Regresar a la Escena y arrastrar desde la Biblioteca ctrl. + L el símbolo animación de imagen, colocarel símbolo en coordenadas X: 0.0 y Y: 0.0. Presionar ctrl. + Enter y visualizar el trabajo realizado.
  21. 21. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 21de 26 de la CalidadComo veras la animación tiene un pequeño salto, para solucionar este problema regresar al símboloanimación de imagen y colocar un fotograma clave F6 en el frame número 50, seleccionar la imanen deeste fotograma en el Panel de Propiedades seleccionar Color Ninguno.Seleccionar un fotograma entre el número 25 y el número 49, en el Panel de Propiedades seleccionar laopción Animar Movimiento, y de esta forma quedara insertada una animación más.Volver a presionar ctrl. + Enter y notaras una significativa diferencia en la animación.
  22. 22. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 22de 26 de la Calidad ANIMACIÓN DE FORMAS VECTORIALES EN SÍMBOLOS (NO INTERPOLACIÓN DE MOVIMIENTO)No siempre animar formas vectoriales con Interpolación de movimiento es la técnica más apropiada, laprimera de las razones es porque tienes que trabajar con dos símbolos de Tipo Gráfico por cada animación quese realiza, y a estas animaciones solamente se puede trabajar con el cambio de color en cualquiera de susmodalidades. Por otro lado cuando quieres hacer una animación en la que se involucre una deformación y almismo tiempo un cambio de color de una forma vectorial es imposible hacerla con una animación deInterpolación de movimiento, para este tipo de animaciones se utiliza una Animación de Forma en el Panelde Propiedades. A continuación se te guiara paso a paso hasta llegar a conseguir una animación en la se involucre el cambio de color, la deformación de la forma vectorial y después hacer que la forma vectorial se traslade de un lugar a otro. Crear un documento de Propiedades ctrl. + J, dimensiones 500 * 200 píxeles de ancho y alto, color de fondo #CCFFFF y velocidad de fotogramas 15 fps. Luego de que hayas colocado las propiedades del documento, crear un símbolo ctrl. + F8, nombrarlo animación de forma, en la opción de Tipo seleccionar Clip de película.
  23. 23. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 23de 26 de la CalidadUbicado en el símbolo dibujar un Óvalo (O) que no tenga borde y usar como color de relleno #000066las dimensiones 98.0 * 198.0 píxeles de ancho y alto, colocar la forma dibujada en coordenadas X: 0.0y Y: 0.0.Insertar un fotograma clave F6 en el frame número 25. seleccionar el óvalo de este nuevo fotograma ycambiar el color de relleno a #FF0000.
  24. 24. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 24de 26 de la CalidadSeleccionar un fotograma entre el número 1 y el número 24. En el Panel de Propiedades seleccionar laopción de Animar: Forma.Regresar a la Escena y arrastrar desde el Panel de Biblioteca ctrl. + L el símbolo animación de forma,después colocar el símbolo en coordenadas X: 0.0 y Y: 0.0. Presionar ctrl. + Enter y observar comocambia de color gradualmente el óvalo.
  25. 25. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 25de 26 de la CalidadRegresar al símbolo animación de forma asiendo doble clic sobre el icono que representa al símbolo enel Panel de la Biblioteca.Nuevamente ubicado en el símbolo animación de forma, seleccionar la forma vectorial del fotogramanúmero 25, tomar por uno de los extremos a la forma y deformarla un poco. Las coordenadas cambiaranal deformar el óvalo, si deseas puedes colocar nuevamente la forma vectorial en coordenadas X: 0.0 y Y:0.0. Presionar una vez más ctrl. + Enter y ahora se observara que el óvalo cambia de color y al mismotiempo este se va deformado en otra cosa.
  26. 26. REGIONAL META Fecha: Abril 17 de 2012 INSTITUCION EDUCATIVA CAPITAN MIGUEL LARA Versión: 5 TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE Sistema de Gestión SOFTWARE Página 26de 26 de la CalidadPara concluir con este objetivo regresar otra vez al símbolo animación de forma luego seleccionar el laforma vectorial del fotograma número 25 y cambiarla de coordenadas en el eje X, la nuevacoordenada será X: 500.0. Con esta coordenada te aseguraras que la animación se trasladara hasta afuera del Escenario.Presionar ctrl. + Enter y ver como queda la animación final en la cual están incluidas tres tipos deanimaciones.

×