Ejercicio del Movimiento de objetos en dibujos animados con Flash

3,498 views
3,263 views

Published on

Ejercicio del Movimiento de objetos en dibujos animados con Flash

Published in: Education, Travel
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,498
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
151
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Ejercicio del Movimiento de objetos en dibujos animados con Flash

  1. 1. Ejercicio Movimientos Francisco J. Arce Anguiano
  2. 2. Anticipación
  3. 3. Anticipación <ul><li>Seleccione la escena 1 </li></ul><ul><li>Bloquea todos los layers menos el del circulo. </li></ul><ul><li>En el frame 8 inserte un keyframe con F6 para completar la animación. </li></ul><ul><li>Deformamos ahora el objeto. En el panel de transformación modifica la escala en 100 y 136 respectivamente. </li></ul>
  4. 4. Anticipación <ul><li>Sesga el objeto con -15 y 0 grados, lo cual distorsiona el objeto ligeramente hacia atrás. </li></ul><ul><li>Recorre la cabeza de la línea de tiempo y entre el fotograma 1 y 8 para ver el resultado. </li></ul><ul><li>Seleccione el fotograma 11 e inserte otro fotograma clave. </li></ul>
  5. 5. Anticipación <ul><li>Esta ver distorsione el objeto en 100, 154 grados en escala y -14 y 0 grados en el sesgo. </li></ul><ul><li>En el fotograma 12 inserte otro fotograma clave con F6 y finalice la animación. </li></ul><ul><li>A este proceso lo conocemos como Anticipación . </li></ul>
  6. 6. Compresión y extensión
  7. 7. Compresión y extensión <ul><li>Selecciona el fotograma 13 e inserta un fotograma clave con F6. </li></ul><ul><li>Selecciona el círculo y abre el panel de transformación. </li></ul><ul><li>Cambia los parámetros a 100, 113 grados para la escala y 28 y 0 grados en el sesgo. </li></ul><ul><li>Esto hará más pequeño el objeto y lo gira hacia delante. </li></ul>
  8. 8. Compresión y extensión <ul><li>En el fotograma 14 inserta un fotograma clave con F6. </li></ul><ul><li>Selecciona el círculo y con el panel de transformación modifica la escala a 100,140 y sésgalo a 44 y 0 grados. </li></ul><ul><li>Esto hará que el objeto se distosione un poco más. </li></ul><ul><li>Cambia la coordenada en x a 122. </li></ul>
  9. 9. Compresión y extensión <ul><li>En el fotograma 15 añade otro fotograma clave. Distorsiona el objeto a 100, 126 grados en escala, y 38 y 0 grados en el sesgo. </li></ul><ul><li>Cambia la coordenada del objeto a x = 252, casi al borde del escenario. </li></ul><ul><li>En el fotograma 16, añada un fotograma clave vacío con F7 para que el objeto “desaparezca”. </li></ul><ul><li>Seleccione Control > Test Scene. </li></ul>
  10. 10. Compresión y extensión <ul><li>Seleccione la segunda escena </li></ul><ul><li>Seleccione la segunda escenaSeleccione el fotograma 7 de la capa del circulo y oprima F6. </li></ul><ul><li>Seleccione el círculo y abra el panel de transformación. </li></ul><ul><li>Cambie los parámetros a 100,140 grados la escala y 38 y 0 grados en el sesgo. </li></ul><ul><li>Cabie la coordenada en x a 122. </li></ul>
  11. 11. Compresión y extensión <ul><li>Seleccione el fotograma 8 y pulse F6. </li></ul><ul><li>Cambie el objeto a x = 252, casi al final del escenario. </li></ul><ul><li>En el frame 9 pulse F7 para eliminar el objeto del escenario. </li></ul><ul><li>Ejecute la escena con Control > Test Scene </li></ul>
  12. 12. Rebasamiento (overshootting)
  13. 13. Rebasamiento <ul><li>Seleccione la escena 3. </li></ul><ul><li>Observe que la capa del círculo ya tiene una animación. </li></ul><ul><li>Seleccione el fotograma 5 y pulse F6 </li></ul><ul><li>Seleccione el círculo y cambie sus propiedades a 100, 110 de escala y -24, 0 grados de sesgo. </li></ul><ul><li>Cambie la coordenada x = 219. </li></ul>
  14. 14. Rebasamiento <ul><li>Inserte un fotograma clave en el fotograma 6. Cambie las propiedades del círculo a 100,170 en escala y 20,0 en sesgo. Cambie x = 240, a las orillas del precipicio. </li></ul><ul><li>Inserte un fotograma clave en el fotograma 7. Cambie las propiedades del círculo a 100,230 en escala y 64,0 en sesgo. X = 271. </li></ul>
  15. 15. Rebasamiento <ul><li>Inserte un fotograma clave en el fotograma 8. Cambie las propiedades del círculo a 100,107 en escala y 20,0 en sesgo. X = 246. </li></ul><ul><li>Inserte un fotograma clave en el fotograma 9. Cambie las propiedades del círculo a 100,106 en escala y -20,0 en sesgo. X = 226. </li></ul>
  16. 16. Rebasamiento <ul><li>Inserte un fotograma clave en el fotograma 10. Cambie las propiedades del círculo a 100,105 en escala y 19,0 en sesgo. X = 238. </li></ul><ul><li>Inserte un fotograma clave en el fotograma 11. Cambie las propiedades del círculo a 100,102 en escala y -10,0 en sesgo. X = 230. </li></ul>
  17. 17. Rebasamiento <ul><li>Inserte un fotograma clave en el fotograma 12. Cambie las propiedades del círculo a 100,100 en escala y 0,0 en sesgo. X = 232 </li></ul><ul><li>Corra la animación con Control > Test movie. </li></ul>

×