Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Animacion Web

8,729 views

Published on

Tipos de Animación. Animacion Web - Ing. Fabian Guerrero Medina

Published in: Technology
  • Be the first to comment

Animacion Web

  1. 1. FACULTAD DE INGENIERIA Escuela Profesional de Ingeniería Informática y de Sistemas GRÁFICOS EN COMPUTACIÓN - VII
  2. 2. <ul><li>Animación en la Computadora </li></ul>
  3. 3. Evolución de la Animación
  4. 4. <ul><li>Animación se refiere al proceso de generación de imágenes donde cada imagen es una alteración de la anterior. </li></ul><ul><li>La presentación de estas imágenes a una velocidad suficiente produce la sensación de movimiento. </li></ul>Animación tradicional
  5. 5. <ul><li>Técnicas: </li></ul><ul><ul><li>Animación por cuadros clave </li></ul></ul><ul><ul><li>Animación por capas </li></ul></ul><ul><ul><li>Rotoscopia </li></ul></ul>Animación tradicional
  6. 6. <ul><li>Técnicas: Animación por cuadros clave ( flip-book ) </li></ul><ul><ul><li>El dibujante principal dibuja los cuadros más importantes. </li></ul></ul><ul><ul><li>Un dibujante secundario dibuja los cuadros de transición entre cuadros clave. </li></ul></ul>Animación tradicional
  7. 7. Ejemplo: Los cuadros, marcos o frames se graban en fotogramas de una película y se proyecta a una velocidad alta cuadros
  8. 9. <ul><li>Técnicas: Animación por capas ( cel animation) </li></ul><ul><ul><li>Los objetos se dibujan en acetatos transparentes </li></ul></ul><ul><ul><li>El fondo se dibuja en otro acetato </li></ul></ul><ul><ul><li>Las escenas se crean superponiendo capas </li></ul></ul>Animación tradicional <ul><li>Ejemplo: </li></ul><ul><li>Ventajas </li></ul><ul><ul><li>Permite reutilizar trabajo </li></ul></ul><ul><ul><li>Facilita la animación </li></ul></ul><ul><ul><li>Explosión de partes </li></ul></ul>
  9. 11. <ul><li>Técnicas: Rotoscopia </li></ul>Animación tradicional <ul><li>Proceso : </li></ul><ul><ul><li>Grabación de un movimiento complejo </li></ul></ul><ul><ul><li>Copia del movimiento por parte del dibujante </li></ul></ul>
  10. 12. <ul><li>Objetivo: Liberar al dibujante de las actividades más tediosas. El computador sustituye al dibujante en algunas tareas. </li></ul><ul><li>Tareas: </li></ul><ul><ul><li>Creación de cuadros </li></ul></ul><ul><ul><li>In-betweening (interpolación) </li></ul></ul><ul><ul><li>Movimiento a lo largo de trayectorias </li></ul></ul>Animación Asistida Por Computadora
  11. 13. <ul><li>Realiza animaciones que un dibujante no podría crear a mano. </li></ul><ul><li>Es conocida como animación 3D. </li></ul><ul><li>Para los instantes de tiempo en los que se deben dibujar los cuadros, se calculan los valores de las características y se hace el rendering de la escena. </li></ul>Animación Generado por Computadora
  12. 14. <ul><li>Tipo: Animación Capturada </li></ul><ul><li>Los valores de los parámetros se obtienen desde el exterior. </li></ul><ul><li>Conexión de dispositivos electromagnéticos. </li></ul><ul><li>Captura de valores y posterior aplicación a los parámetros de las entidades de las entidades. </li></ul><ul><li>Ejemplo: </li></ul>Animación Asistida Por Computadora
  13. 16. <ul><li>Animaciones en la Web </li></ul>
  14. 17. Obstáculos por vencer en el campo de las animaciones Web: <ul><li>Limitaciones de ancho de banda </li></ul><ul><li>Las diferencias entre las plataformas y el soporte del navegador. Problema en principio que se va minimizando debido al soporte de los navegadores mayoritarios de Gif animados, Flash y como el Lenguaje Java. </li></ul><ul><li>  Las animaciones Web son archivos de computadora que necesitan transferirse completamente a la máquina del cliente antes de que puedan empezar a reproducirse. </li></ul>
  15. 18. Entonces, ¿por qué prestar atención a la generación de animaciones? <ul><li>La animación es una buena forma para llamar la atención y agregar interés a una Página Web que de otro modo sería estática. </li></ul><ul><li>- Pero atención y sobre todo es a considerar que también es un buen método para distraer a la gente e impedir que lea la información que usted esté manejando en Web. - Por lo tanto, utilice con prudencia los gráficos animados. </li></ul>

×