SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Animación para sitios y aplicaciones web   Eric Tulle  /  EstadoDigital.com  /  Noviembre 2008
Técnicas de animación en flash
Animación de movimiento Animación de forma Animación básica en flash. Cuadro a cuadro Clases nativas de flash u otras. Papervision 3D. Animación por script. 3D, 2D Composición, VFX. Integración con video Plugins de animación de texto.
 
 
 
 
 
 
Para que puede servir la animación? Para presentar y reforzar la navegación.  Como un apoyo al diseño.  Para reforzar o realzar un producto, una idea.
Como encarar un proyecto animado? 1- Definir cual va a ser el roll de la animación en el proyecto. 2- Definir su estética. 3- Evaluar rendimiento y peso que puede llegar a tener el proyecto.   (no olvidarse del audio!) 4- Definir las técnicas  que se van a utilizar. 5- Planificar como se va a integrar al proyecto, teniendo en cuenta    las partes mas sensibles a cambios.
Recomendaciones 1- Dejar la animación para la ultima etapa del proyecto. 2- Trabajar con ppt, prototipos, referencias o story boards. 3- Siempre pensar en el sonido, es el 50% de la animación. 4- En el caso que el proyecto requiera mucha animación, hacer antes   pruebas de rendimiento y peso para no encontrarse con sorpresas.

Weitere ähnliche Inhalte

Andere mochten auch

Animacion digital mapa tematico u2
Animacion digital mapa tematico u2Animacion digital mapa tematico u2
Animacion digital mapa tematico u2paoloarevaloortiz
 
12 principios de la animaciòn
12 principios de la animaciòn12 principios de la animaciòn
12 principios de la animaciònAnimacion213
 
El proceso de la animación tradicional
El proceso de la animación tradicionalEl proceso de la animación tradicional
El proceso de la animación tradicionalgabito1520
 
Primera animacion flash en cs4 ejercicio
Primera animacion flash en cs4 ejercicioPrimera animacion flash en cs4 ejercicio
Primera animacion flash en cs4 ejercicioGuss
 
Introducción a action script 3
Introducción a action script 3Introducción a action script 3
Introducción a action script 3tifannydoce
 
animacion digital y adobe flash - Diego peña - cafam santa lucia 10a
animacion digital y adobe flash - Diego peña - cafam santa lucia 10aanimacion digital y adobe flash - Diego peña - cafam santa lucia 10a
animacion digital y adobe flash - Diego peña - cafam santa lucia 10adiego peña
 
Crossmedia 06: animaciones en flash
Crossmedia 06: animaciones en flashCrossmedia 06: animaciones en flash
Crossmedia 06: animaciones en flashJorge Cantú López
 
Taller de Adobe Flash© Básico
Taller de Adobe Flash© BásicoTaller de Adobe Flash© Básico
Taller de Adobe Flash© BásicoMario Badilla
 
Tecnicas de animación flash
Tecnicas  de animación flashTecnicas  de animación flash
Tecnicas de animación flashYadis Juarez
 
La animación y sus principios
La animación y sus principios La animación y sus principios
La animación y sus principios 000kmi000
 
Principios de Animación
Principios de AnimaciónPrincipios de Animación
Principios de AnimaciónAlfredo Salazar
 

Andere mochten auch (20)

As3 unidad 3 animación de flash
As3 unidad 3 animación de flashAs3 unidad 3 animación de flash
As3 unidad 3 animación de flash
 
Guion
GuionGuion
Guion
 
Animacion digital mapa tematico u2
Animacion digital mapa tematico u2Animacion digital mapa tematico u2
Animacion digital mapa tematico u2
 
12 principios de la animaciòn
12 principios de la animaciòn12 principios de la animaciòn
12 principios de la animaciòn
 
El proceso de la animación tradicional
El proceso de la animación tradicionalEl proceso de la animación tradicional
El proceso de la animación tradicional
 
Primera animacion flash en cs4 ejercicio
Primera animacion flash en cs4 ejercicioPrimera animacion flash en cs4 ejercicio
Primera animacion flash en cs4 ejercicio
 
Desarrollo de personajes para una animación en Flash
Desarrollo de personajes para una animación en FlashDesarrollo de personajes para una animación en Flash
Desarrollo de personajes para una animación en Flash
 
12 principios de la animación
12 principios de la animación12 principios de la animación
12 principios de la animación
 
Introducción a action script 3
Introducción a action script 3Introducción a action script 3
Introducción a action script 3
 
animacion digital y adobe flash - Diego peña - cafam santa lucia 10a
animacion digital y adobe flash - Diego peña - cafam santa lucia 10aanimacion digital y adobe flash - Diego peña - cafam santa lucia 10a
animacion digital y adobe flash - Diego peña - cafam santa lucia 10a
 
Crossmedia 06: animaciones en flash
Crossmedia 06: animaciones en flashCrossmedia 06: animaciones en flash
Crossmedia 06: animaciones en flash
 
Proceso de animación ok
Proceso de animación okProceso de animación ok
Proceso de animación ok
 
Crear una empresa
Crear una empresaCrear una empresa
Crear una empresa
 
Taller de Adobe Flash© Básico
Taller de Adobe Flash© BásicoTaller de Adobe Flash© Básico
Taller de Adobe Flash© Básico
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Stopmotion
StopmotionStopmotion
Stopmotion
 
Creacion personajes
Creacion personajesCreacion personajes
Creacion personajes
 
Tecnicas de animación flash
Tecnicas  de animación flashTecnicas  de animación flash
Tecnicas de animación flash
 
La animación y sus principios
La animación y sus principios La animación y sus principios
La animación y sus principios
 
Principios de Animación
Principios de AnimaciónPrincipios de Animación
Principios de Animación
 

Ähnlich wie Presentacion Animacion en Multimedia

Guia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodoGuia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodohgm2007
 
Terrazasvera_moises_M1S2Ml0,............
Terrazasvera_moises_M1S2Ml0,............Terrazasvera_moises_M1S2Ml0,............
Terrazasvera_moises_M1S2Ml0,............241514857
 
Guia 3 11_2_4_periodo
Guia 3 11_2_4_periodoGuia 3 11_2_4_periodo
Guia 3 11_2_4_periodohgm2007
 
Guia 3 11_1_4_periodo
Guia 3 11_1_4_periodoGuia 3 11_1_4_periodo
Guia 3 11_1_4_periodohgm2007
 
Segundainvestigacion 160624171449
Segundainvestigacion 160624171449Segundainvestigacion 160624171449
Segundainvestigacion 16062417144918_SUSANA_03
 
Guia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodoGuia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodohgm2007
 
Guia 3 11_3_4_periodo
Guia 3 11_3_4_periodoGuia 3 11_3_4_periodo
Guia 3 11_3_4_periodohgm2007
 
Guia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodoGuia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodohgm2007
 
Comparativo powerp e impress
Comparativo powerp e impressComparativo powerp e impress
Comparativo powerp e impressJohanna Oñate
 
Que es microsoft power point (1)
Que es microsoft power point (1)Que es microsoft power point (1)
Que es microsoft power point (1)toro28
 
Multimedia.mayra elizabethsimbaña espimbera.actividad2 1
Multimedia.mayra elizabethsimbaña espimbera.actividad2 1Multimedia.mayra elizabethsimbaña espimbera.actividad2 1
Multimedia.mayra elizabethsimbaña espimbera.actividad2 1Gustavo Morales
 
Modulo audiovisual
Modulo audiovisualModulo audiovisual
Modulo audiovisualThe_Tigers
 
Vídeo - Ps - Lídia Bria
Vídeo - Ps - Lídia BriaVídeo - Ps - Lídia Bria
Vídeo - Ps - Lídia BriaLidia Bria
 
Mi Taller Digital - Producción de Videos sesión Nº 8
Mi Taller Digital - Producción de Videos sesión Nº 8Mi Taller Digital - Producción de Videos sesión Nº 8
Mi Taller Digital - Producción de Videos sesión Nº 8Enlaces Mineduc
 
Guion multimedia Como Hacer tu Propia Película Stop Motion en tu salón de clase
Guion multimedia Como Hacer tu Propia Película Stop Motion en tu salón de claseGuion multimedia Como Hacer tu Propia Película Stop Motion en tu salón de clase
Guion multimedia Como Hacer tu Propia Película Stop Motion en tu salón de claseOriana Robles
 

Ähnlich wie Presentacion Animacion en Multimedia (20)

Guia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodoGuia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodo
 
Terrazasvera_moises_M1S2Ml0,............
Terrazasvera_moises_M1S2Ml0,............Terrazasvera_moises_M1S2Ml0,............
Terrazasvera_moises_M1S2Ml0,............
 
Guia 3 11_2_4_periodo
Guia 3 11_2_4_periodoGuia 3 11_2_4_periodo
Guia 3 11_2_4_periodo
 
Guia 3 11_1_4_periodo
Guia 3 11_1_4_periodoGuia 3 11_1_4_periodo
Guia 3 11_1_4_periodo
 
Majo
MajoMajo
Majo
 
Segundainvestigacion 160624171449
Segundainvestigacion 160624171449Segundainvestigacion 160624171449
Segundainvestigacion 160624171449
 
Guia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodoGuia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodo
 
Guia 3 11_3_4_periodo
Guia 3 11_3_4_periodoGuia 3 11_3_4_periodo
Guia 3 11_3_4_periodo
 
Guia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodoGuia no 2 10 3_4_periodo
Guia no 2 10 3_4_periodo
 
Pres3
Pres3Pres3
Pres3
 
Menú
MenúMenú
Menú
 
Comparativo powerp e impress
Comparativo powerp e impressComparativo powerp e impress
Comparativo powerp e impress
 
Que es microsoft power point (1)
Que es microsoft power point (1)Que es microsoft power point (1)
Que es microsoft power point (1)
 
Multimedia.mayra elizabethsimbaña espimbera.actividad2 1
Multimedia.mayra elizabethsimbaña espimbera.actividad2 1Multimedia.mayra elizabethsimbaña espimbera.actividad2 1
Multimedia.mayra elizabethsimbaña espimbera.actividad2 1
 
Computo3
Computo3Computo3
Computo3
 
Modulo audiovisual
Modulo audiovisualModulo audiovisual
Modulo audiovisual
 
Vídeo - Ps - Lídia Bria
Vídeo - Ps - Lídia BriaVídeo - Ps - Lídia Bria
Vídeo - Ps - Lídia Bria
 
Mi Taller Digital - Producción de Videos sesión Nº 8
Mi Taller Digital - Producción de Videos sesión Nº 8Mi Taller Digital - Producción de Videos sesión Nº 8
Mi Taller Digital - Producción de Videos sesión Nº 8
 
Menu
MenuMenu
Menu
 
Guion multimedia Como Hacer tu Propia Película Stop Motion en tu salón de clase
Guion multimedia Como Hacer tu Propia Película Stop Motion en tu salón de claseGuion multimedia Como Hacer tu Propia Película Stop Motion en tu salón de clase
Guion multimedia Como Hacer tu Propia Película Stop Motion en tu salón de clase
 

Kürzlich hochgeladen

HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...Kevin Serna
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesssuserbe0d1c
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALGuadalinfoHuscarGuad
 
Licencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareLicencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareAndres Avila
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxTaim11
 
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docxPRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docxencinasm992
 
Unidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfUnidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfMarianneBAyn
 
herramientas informaticas mas utilizadas
herramientas informaticas mas utilizadasherramientas informaticas mas utilizadas
herramientas informaticas mas utilizadaspqeilyn0827
 
Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxJohanna4222
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Luis Fernando Uribe Villamil
 
lenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometrialenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometriasofiasonder
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf7adelosriosarangojua
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docxssusere34b451
 
Bloque 1 _ Lectura base - Sistemas Distribuidos
Bloque 1 _ Lectura base - Sistemas DistribuidosBloque 1 _ Lectura base - Sistemas Distribuidos
Bloque 1 _ Lectura base - Sistemas DistribuidosLuisAntonioLopezGome
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .itzyrivera61103
 
NIVEL DE MADUREZ TECNOLÓGICA (TRL).pptx
NIVEL DE  MADUREZ TECNOLÓGICA (TRL).pptxNIVEL DE  MADUREZ TECNOLÓGICA (TRL).pptx
NIVEL DE MADUREZ TECNOLÓGICA (TRL).pptxjarniel1
 
taller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundariataller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundariaandresingsiseo
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerRobertoCarrancioFern
 
Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.sofiasonder
 
Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.saravalentinat22
 

Kürzlich hochgeladen (20)

HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptuales
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
 
Licencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareLicencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de Software
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptx
 
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docxPRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
PRÁCTICAS DEL MÓDULO I Y II DE EDUCACIÓN Y SOCIEDAD.docx
 
Unidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfUnidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdf
 
herramientas informaticas mas utilizadas
herramientas informaticas mas utilizadasherramientas informaticas mas utilizadas
herramientas informaticas mas utilizadas
 
Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptx
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
 
lenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometrialenguaje algebraico.pptx álgebra, trigonometria
lenguaje algebraico.pptx álgebra, trigonometria
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docx
 
Bloque 1 _ Lectura base - Sistemas Distribuidos
Bloque 1 _ Lectura base - Sistemas DistribuidosBloque 1 _ Lectura base - Sistemas Distribuidos
Bloque 1 _ Lectura base - Sistemas Distribuidos
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .
 
NIVEL DE MADUREZ TECNOLÓGICA (TRL).pptx
NIVEL DE  MADUREZ TECNOLÓGICA (TRL).pptxNIVEL DE  MADUREZ TECNOLÓGICA (TRL).pptx
NIVEL DE MADUREZ TECNOLÓGICA (TRL).pptx
 
taller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundariataller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundaria
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL Server
 
Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.
 
Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.
 

Presentacion Animacion en Multimedia

  • 1. Animación para sitios y aplicaciones web Eric Tulle / EstadoDigital.com / Noviembre 2008
  • 3. Animación de movimiento Animación de forma Animación básica en flash. Cuadro a cuadro Clases nativas de flash u otras. Papervision 3D. Animación por script. 3D, 2D Composición, VFX. Integración con video Plugins de animación de texto.
  • 4.  
  • 5.  
  • 6.  
  • 7.  
  • 8.  
  • 9.  
  • 10. Para que puede servir la animación? Para presentar y reforzar la navegación. Como un apoyo al diseño. Para reforzar o realzar un producto, una idea.
  • 11. Como encarar un proyecto animado? 1- Definir cual va a ser el roll de la animación en el proyecto. 2- Definir su estética. 3- Evaluar rendimiento y peso que puede llegar a tener el proyecto. (no olvidarse del audio!) 4- Definir las técnicas que se van a utilizar. 5- Planificar como se va a integrar al proyecto, teniendo en cuenta las partes mas sensibles a cambios.
  • 12. Recomendaciones 1- Dejar la animación para la ultima etapa del proyecto. 2- Trabajar con ppt, prototipos, referencias o story boards. 3- Siempre pensar en el sonido, es el 50% de la animación. 4- En el caso que el proyecto requiera mucha animación, hacer antes pruebas de rendimiento y peso para no encontrarse con sorpresas.