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, la primera de las razones es porque tienes que trabajar con dos símbolos de Tipo Gráfico por cada animación que se realiza, y a estas animaciones solamente se puede trabajar con el cambio de color en cualquiera de sus modalidades. Por otro lado cuando quieres hacer una animación en la que se involucre una deformación y al mismo tiempo un cambio de color de una forma vectorial es imposible hacerla con una animación de Interpolación de movimiento, para este tipo de animaciones se utiliza una Animación de Forma en el Panel de 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.
- Ubicado en el símbolo dibujar un Óvalo (O) que no tenga borde y usar como color de relleno #000066 las dimensiones 98.0 * 198.0 píxeles de ancho y alto, colocar la forma dibujada en coordenadas X: 0.0 y Y: 0.0.
- Insertar un fotograma clave F6 en el frame número 25. seleccionar el óvalo de este nuevo fotograma y cambiar el color de relleno a #FF0000.
- Seleccionar un fotograma entre el número 1 y el número 24. En el Panel de Propiedades seleccionar la opció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 como cambia de color gradualmente el óvalo.
- Regresar al símbolo animación de forma asiendo doble clic sobre el icono que representa al símbolo en el Panel de la Biblioteca.
- Nuevamente ubicado en el símbolo animación de forma, seleccionar la forma vectorial del fotograma número 25, tomar por uno de los extremos a la forma y deformarla un poco. Las coordenadas cambiaran al 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 mismo tiempo este se va deformado en otra cosa.
- Para concluir con este objetivo regresar otra vez al símbolo animación de forma luego seleccionar el la forma vectorial del fotograma número 25 y cambiarla de coordenadas en el eje X, la nueva coordenada será X: 500.0. Con esta coordenada te aseguraras que la animación se trasladara hasta a fuera del Escenario.
- Presionar ctrl. + Enter y ver como queda la animación final en la cual están incluidas tres tipos de animaciones.
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 17
Curso Básico De Flash 8 Parte 18
Curso Básico De Flash 8 Parte 19
Curo Básico De Flash 8 Parte 21
Curo Básico De Flash 8 Parte 22
Búsquedas:
- panel de biblioteca en flash 8
- imagenes de flash 8
- manipular formas del dibujo en flash
- panel de biblioteca
- vectores en flash
- animacion vectorial flash
- manipular formas de dibujo en flash
- animacion por forma en flash
- Cambio de forma en flash 8
- curso basico de flash 8 parte 20
Artículos relacionados:
- Curso Básico De Flash 8 (Movimiento De Formas Vectoriales) Parte 11
- Curso Básico De Flash 8 (Edicón de Formas Vectoriales) Parte 12
- Curso Básico De Flash 8 (Animación Con Imágenes Importadas) Parte 19
- Curso Básico De Flash 8 (Animación Con Máscaras) Parte 22
Hola amigos reciban un saludo y permitame felicitarlos por el gran trabajao que hacen..
Bueno pienso que en los tutoriales deben colocar al final o al inicio como queda la animacion realizada ya que asi motiva mas a los lectores y ademas se conoce el objetivo de lo que se pretende hacer
Hola quiero agradecer y felicitarlos por este curso de Flash que realmente me ha sido de mucha utilidad.
Es muy ameno y esclarecedor para quien quiera, como yo, iniciarse en este programa.
Un saludo
Carlos
necesitan poner el resultado y ademas los felicito sigan asi
Hola chicos, un placer, estupendo el tutorial, completisimo si señor, para novatos como los que estamos contestando parece que es estupendo xDD por los comentarios que cuentan, tambien es verdad que podriais poner el archivo acabado, pero para que? si te lo explican tan bien que los resultados los tienes tu en el programa xD
Bueno un saludito y voy a seguir leyendo mas cosas aver si aprendo actionscript y algunas cosillas mas ^^
Muchisimas gracias por el tutorial, gracias a esto, ya puedo dominar un poco el Flash 8, con interpolarizaciones de movimientos y de formas, aparte de saber manejar un poco mas ahora todas las herramientas necesarias ^^
muchisimas gracias este curso m ayudo muchisimo, realmente pense k usar flash seria mas complicado pero a sido mucho mas sensillo d lo k m llege a imaginar, muchisimas gracias
estoy de acuerdo con que los tuto son buenos, pero hace falta poner el resultado para verificar si nos quedo bien o qué.
Muchisimas gracias por tan completo tutorial el cual va a se de gran utilidad para mí.
esta muy bien este auto clases muchas gracias