FACULTAD DE INGENIERIA Escuela Profesional de Ingeniería Informática y de Sistemas GRÁFICOS EN COMPUTACIÓN - VII
<ul><li>Animación en la Computadora </li></ul>
Evolución  de la Animación
<ul><li>Animación  se refiere al proceso de generación de imágenes donde cada imagen es una alteración de la anterior. </l...
<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><li>Técnicas:  Animación por cuadros clave ( flip-book ) </li></ul><ul><ul><li>El dibujante principal dibuja los cuadr...
Ejemplo: Los cuadros, marcos o frames se graban en fotogramas de una película y se proyecta a una velocidad alta cuadros
 
<ul><li>Técnicas:  Animación por capas ( cel animation)   </li></ul><ul><ul><li>Los objetos se dibujan en acetatos transpa...
 
<ul><li>Técnicas:  Rotoscopia </li></ul>Animación tradicional <ul><li>Proceso : </li></ul><ul><ul><li>Grabación de un movi...
<ul><li>Objetivo: Liberar al dibujante de las actividades más tediosas. El computador sustituye al dibujante en algunas ta...
<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><li>Tipo: Animación Capturada </li></ul><ul><li>Los valores de los parámetros se obtienen desde el exterior. </li></ul...
 
<ul><li>Animaciones en la Web </li></ul>
Obstáculos por vencer en el campo de las animaciones Web:   <ul><li>Limitaciones de ancho de banda  </li></ul><ul><li>Las ...
Entonces, ¿por qué prestar atención a la generación de animaciones?   <ul><li>La animación es una buena forma para llamar ...
Upcoming SlideShare
Loading in...5
×

Animacion Web

7,760

Published on

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

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,760
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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>

×