SlideShare una empresa de Scribd logo
1 de 18
CURSO: ANIMACION
DE GRAFICOS
DOCENTE : ING CRISTIAN OMAR FIRMA LOYOLA
HORARIO :
MARTES 4:45 – 7:00PM
VIERNES: 1:30 – 3:00 PM
SEMESTRE : V
¿Qué son los gráficos animados?
• Los gráficos animados son, en esencia, “gráficos con movimiento”. La
aparición de esta técnica a mitad del siglo XX transformó la disciplina del
diseño gráfico, que hasta entonces se había enfocado en los gráficos
estáticos.
• Cuando se habla del diseño de gráficos animados, los creativos se refieren a
la combinación de texto y elementos de diseño animados.
¿Para qué se utilizan los gráficos
animados?
• Los estudios de cine encabezaron la disciplina desde la década de 1950,
mediante el uso de diseñadores gráficos para crear títulos de películas que no
incluían al reparto y el equipo de producción, pero que también transmitían
el sentido cinematográfico a través del color, el texto, el estilo de las
ilustraciones y el ritmo del movimiento.
CARACTERISTICAS
• Créditos de apertura televisivos. Hace mucho que las miniseries de televisión utilizan los
gráficos animados para sus créditos de apertura. Echa un vistazo a los títulos de Netflix más
recientes.
• Creatividad publicitaria. Los gráficos animados han permitido a los publicistas crear
productos creativos más interactivos y llamativos para sus clientes.
• Difusión de noticias. Los gráficos animados han ayudado a emisoras y periodistas a contar
las historias de una manera más eficaz, especialmente cuando se deben cubrir
acontecimientos importantes, como las elecciones.
• Memes de redes sociales. En muchos de los memes que ves en Instagram, se utilizan los
gráficos animados para hacerte reír, combinando imágenes, texto y movimiento.
• Diseño de experiencias de usuario web. A medida que más aspectos de
nuestra vida cotidiana se digitalizan, los diseñadores se han centrado en
mejorar nuestra experiencia de usuario con el uso de gráficos animados.
• Experiencias para minoristas. Cuando los paneles de menús y las vallas
publicitarias en centros comerciales se volvieron digitales, el formato
impreso, estático y plano cobró vida gracias a los gráficos animados.
Historia de los gráficos animados
• Los orígenes de los gráficos animados se encuentran en la evolución de los
créditos de películas. En los inicios del cine, los directores creaban créditos
para satisfacer el interés de la nueva generación de espectadores, que quería
obtener más información sobre los actores de las películas que veía.
La era digital de los gráficos animados
• La llegada de la tecnología digital a finales del siglo XX tuvo un importante
impacto en el diseño de los gráficos animados. Apple lanzó su Mac a
comienzos de la década de 1980, lo que permitió a los diseñadores producir
créditos aún más ingeniosos para películas y programas televisivos.
¿Cuáles son los tipos de animación?
• Animación 3D.
• Animación 2D.
• Animación en pizarra.
• Animación tipográfica.
• Animación en arcilla.
• Animación Stop Motion.
• Cel Animation tradicional (o Animación sobre Acetato)
• Animación Rotoscópica.
¿Qué es una técnica de animación?
• Es la técnica que da sensación de movimiento a imágenes, dibujos, figuras,
recortes, objetos, personas, imágenes computarizadas, fotografiando o
utilizando minúsculos cambios de posición para que, por un fenómeno de
persistencia de la visión, el ojo humano capte el proceso como un
movimiento real.
La publicidad y la edad de las redes
sociales
• La llegada de Internet, las redes sociales y la publicidad digital en la década
del 2000 marcó una nueva era del diseño de los gráficos animados. Las
agencias creativas comenzaron a contratar a diseñadores con talento para
crear gráficos cortos y animados (que solían contener texto) para publicitar
los productos y servicios de sus clientes, a menudo para descomponer
procesos complejos en unos simples pasos.
El uso de los gráficos animados para
informar al mundo
• Las infografías se desarrollaron como medio en la década de 2010, apoyadas
por iniciativas como The Information is Beautiful Awards. A medida que las redes
sociales se ponían de moda, muchos diseñadores comenzaron a animar sus
infografías planas con el fin de contar historias más atractivas, empleando el
movimiento para dar vida a los datos y los gráficos.
Ejemplos de gráficos animados
• La tentación vive arriba (1955)
• Juego de tronos (2011-2019)
• El ABC de los arquitectos
• La vida de Espartaco
Cómo crear gráficos animados
• Con Adobe After Effects, puedes mover las palabras y las imágenes con
facilidad, tanto si estás creando créditos de apertura para una película, como
una publicación en redes sociales para tu pequeño negocio. Gracias a nuestra
herramienta, podrás hacer lo siguiente:
• Mover un objeto por la escena con una animación
• Crear efectos de fondo, como patrones fluidos
• Añadir con facilidad movimientos intermitentes y serpenteantes
• Introducir gráficos animados en un vídeo ya creado
• Crear efectos visuales, como el desenfoque de movimiento
¿Qué hace un diseñador de gráficos
animados?
• Un diseñador de gráficos animados crea gráficos animados para los créditos
televisivos o de cine, la publicidad y el marketing digital, el diseño de sitios
web, los canales de redes sociales y mucho más.
•
Fundamentalmente, trabaja con tecnología digital, como Adobe After
Effects, para aportar movimiento a gráficos y textos. Sin embargo, también
dedica mucho tiempo a colaborar con compañeros con diferentes
habilidades, como redactores creativos, ilustradores y desarrolladores web.
¿Qué tengo que hacer para dedicarme al
diseño de gráficos animados?
• Si quieres dedicarte al diseño de gráficos animados, lo más probable es que
ya tengas interés y un talento para el arte y el diseño gráfico. Después del
instituto, debes escoger un grado de la universidad enfocado en el diseño.
Intenta encontrar un grado que abarque bastante tema digital.
¿Qué ejemplos hay de gráficos animados?
• Se han producido excelentes ejemplos de gráficos animados a lo largo de
varias décadas y en distintos medios creativos. Empezando con el cine, los
créditos de apertura de El caso de Thomas Crown (1968) son uno de los
primeros ejemplos de gráficos animados.
animacion.pptx

Más contenido relacionado

Similar a animacion.pptx (20)

usos de la animacion
usos de la animacionusos de la animacion
usos de la animacion
 
Animaciones 3D
Animaciones 3DAnimaciones 3D
Animaciones 3D
 
Animación
AnimaciónAnimación
Animación
 
Final
FinalFinal
Final
 
Storyboard
StoryboardStoryboard
Storyboard
 
Técnicas Digitales: Clase15 illustrator an2017
Técnicas Digitales: Clase15 illustrator an2017Técnicas Digitales: Clase15 illustrator an2017
Técnicas Digitales: Clase15 illustrator an2017
 
TD_Clase15 illustrator an2018
TD_Clase15 illustrator an2018TD_Clase15 illustrator an2018
TD_Clase15 illustrator an2018
 
Usos Multiples de la animacion
Usos Multiples de la animacionUsos Multiples de la animacion
Usos Multiples de la animacion
 
Presentación Pixel Creativo S.A.C
Presentación Pixel Creativo S.A.CPresentación Pixel Creativo S.A.C
Presentación Pixel Creativo S.A.C
 
Herramientas libres para la creación de imágenes digital
Herramientas libres para la creación de imágenes digitalHerramientas libres para la creación de imágenes digital
Herramientas libres para la creación de imágenes digital
 
Universidades
UniversidadesUniversidades
Universidades
 
El comic Digital
El comic DigitalEl comic Digital
El comic Digital
 
Ilustración Digital
Ilustración DigitalIlustración Digital
Ilustración Digital
 
Primera Tarea de Graficacion
Primera Tarea de GraficacionPrimera Tarea de Graficacion
Primera Tarea de Graficacion
 
Actividad no. 3
Actividad no. 3Actividad no. 3
Actividad no. 3
 
El Cómic y la Animación en el Diseño Grafico
El Cómic y la Animación en el Diseño GraficoEl Cómic y la Animación en el Diseño Grafico
El Cómic y la Animación en el Diseño Grafico
 
Importancia del diseño gráfico
Importancia del diseño gráficoImportancia del diseño gráfico
Importancia del diseño gráfico
 
Story board
Story boardStory board
Story board
 
Exposicion 3 d
Exposicion 3 dExposicion 3 d
Exposicion 3 d
 
INTRODUCCIÒN ANIMACIÒN 3D
INTRODUCCIÒN ANIMACIÒN 3DINTRODUCCIÒN ANIMACIÒN 3D
INTRODUCCIÒN ANIMACIÒN 3D
 

Más de CristianFlasher1

proyecto de investigacion (1).pptx
proyecto de investigacion (1).pptxproyecto de investigacion (1).pptx
proyecto de investigacion (1).pptxCristianFlasher1
 
Circuitos-eléctricos-1.pptx
Circuitos-eléctricos-1.pptxCircuitos-eléctricos-1.pptx
Circuitos-eléctricos-1.pptxCristianFlasher1
 
ADMINISTRACION DE BASE DE DATOS.ppt
ADMINISTRACION DE BASE DE DATOS.pptADMINISTRACION DE BASE DE DATOS.ppt
ADMINISTRACION DE BASE DE DATOS.pptCristianFlasher1
 
herramientas-multimedia.pptx
herramientas-multimedia.pptxherramientas-multimedia.pptx
herramientas-multimedia.pptxCristianFlasher1
 
metodologias de desarrollo.ppt
metodologias de desarrollo.pptmetodologias de desarrollo.ppt
metodologias de desarrollo.pptCristianFlasher1
 

Más de CristianFlasher1 (6)

proyecto de investigacion (1).pptx
proyecto de investigacion (1).pptxproyecto de investigacion (1).pptx
proyecto de investigacion (1).pptx
 
Circuitos-eléctricos-1.pptx
Circuitos-eléctricos-1.pptxCircuitos-eléctricos-1.pptx
Circuitos-eléctricos-1.pptx
 
ADMINISTRACION DE BASE DE DATOS.ppt
ADMINISTRACION DE BASE DE DATOS.pptADMINISTRACION DE BASE DE DATOS.ppt
ADMINISTRACION DE BASE DE DATOS.ppt
 
Topologias (4).pptx
Topologias (4).pptxTopologias (4).pptx
Topologias (4).pptx
 
herramientas-multimedia.pptx
herramientas-multimedia.pptxherramientas-multimedia.pptx
herramientas-multimedia.pptx
 
metodologias de desarrollo.ppt
metodologias de desarrollo.pptmetodologias de desarrollo.ppt
metodologias de desarrollo.ppt
 

Último

Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 

Último (13)

Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 

animacion.pptx

  • 1. CURSO: ANIMACION DE GRAFICOS DOCENTE : ING CRISTIAN OMAR FIRMA LOYOLA HORARIO : MARTES 4:45 – 7:00PM VIERNES: 1:30 – 3:00 PM SEMESTRE : V
  • 2. ¿Qué son los gráficos animados? • Los gráficos animados son, en esencia, “gráficos con movimiento”. La aparición de esta técnica a mitad del siglo XX transformó la disciplina del diseño gráfico, que hasta entonces se había enfocado en los gráficos estáticos. • Cuando se habla del diseño de gráficos animados, los creativos se refieren a la combinación de texto y elementos de diseño animados.
  • 3. ¿Para qué se utilizan los gráficos animados? • Los estudios de cine encabezaron la disciplina desde la década de 1950, mediante el uso de diseñadores gráficos para crear títulos de películas que no incluían al reparto y el equipo de producción, pero que también transmitían el sentido cinematográfico a través del color, el texto, el estilo de las ilustraciones y el ritmo del movimiento.
  • 4. CARACTERISTICAS • Créditos de apertura televisivos. Hace mucho que las miniseries de televisión utilizan los gráficos animados para sus créditos de apertura. Echa un vistazo a los títulos de Netflix más recientes. • Creatividad publicitaria. Los gráficos animados han permitido a los publicistas crear productos creativos más interactivos y llamativos para sus clientes. • Difusión de noticias. Los gráficos animados han ayudado a emisoras y periodistas a contar las historias de una manera más eficaz, especialmente cuando se deben cubrir acontecimientos importantes, como las elecciones. • Memes de redes sociales. En muchos de los memes que ves en Instagram, se utilizan los gráficos animados para hacerte reír, combinando imágenes, texto y movimiento.
  • 5. • Diseño de experiencias de usuario web. A medida que más aspectos de nuestra vida cotidiana se digitalizan, los diseñadores se han centrado en mejorar nuestra experiencia de usuario con el uso de gráficos animados. • Experiencias para minoristas. Cuando los paneles de menús y las vallas publicitarias en centros comerciales se volvieron digitales, el formato impreso, estático y plano cobró vida gracias a los gráficos animados.
  • 6. Historia de los gráficos animados • Los orígenes de los gráficos animados se encuentran en la evolución de los créditos de películas. En los inicios del cine, los directores creaban créditos para satisfacer el interés de la nueva generación de espectadores, que quería obtener más información sobre los actores de las películas que veía.
  • 7. La era digital de los gráficos animados • La llegada de la tecnología digital a finales del siglo XX tuvo un importante impacto en el diseño de los gráficos animados. Apple lanzó su Mac a comienzos de la década de 1980, lo que permitió a los diseñadores producir créditos aún más ingeniosos para películas y programas televisivos.
  • 8. ¿Cuáles son los tipos de animación? • Animación 3D. • Animación 2D. • Animación en pizarra. • Animación tipográfica. • Animación en arcilla. • Animación Stop Motion. • Cel Animation tradicional (o Animación sobre Acetato) • Animación Rotoscópica.
  • 9. ¿Qué es una técnica de animación? • Es la técnica que da sensación de movimiento a imágenes, dibujos, figuras, recortes, objetos, personas, imágenes computarizadas, fotografiando o utilizando minúsculos cambios de posición para que, por un fenómeno de persistencia de la visión, el ojo humano capte el proceso como un movimiento real.
  • 10. La publicidad y la edad de las redes sociales • La llegada de Internet, las redes sociales y la publicidad digital en la década del 2000 marcó una nueva era del diseño de los gráficos animados. Las agencias creativas comenzaron a contratar a diseñadores con talento para crear gráficos cortos y animados (que solían contener texto) para publicitar los productos y servicios de sus clientes, a menudo para descomponer procesos complejos en unos simples pasos.
  • 11. El uso de los gráficos animados para informar al mundo • Las infografías se desarrollaron como medio en la década de 2010, apoyadas por iniciativas como The Information is Beautiful Awards. A medida que las redes sociales se ponían de moda, muchos diseñadores comenzaron a animar sus infografías planas con el fin de contar historias más atractivas, empleando el movimiento para dar vida a los datos y los gráficos.
  • 12. Ejemplos de gráficos animados • La tentación vive arriba (1955) • Juego de tronos (2011-2019) • El ABC de los arquitectos • La vida de Espartaco
  • 13. Cómo crear gráficos animados • Con Adobe After Effects, puedes mover las palabras y las imágenes con facilidad, tanto si estás creando créditos de apertura para una película, como una publicación en redes sociales para tu pequeño negocio. Gracias a nuestra herramienta, podrás hacer lo siguiente:
  • 14. • Mover un objeto por la escena con una animación • Crear efectos de fondo, como patrones fluidos • Añadir con facilidad movimientos intermitentes y serpenteantes • Introducir gráficos animados en un vídeo ya creado • Crear efectos visuales, como el desenfoque de movimiento
  • 15. ¿Qué hace un diseñador de gráficos animados? • Un diseñador de gráficos animados crea gráficos animados para los créditos televisivos o de cine, la publicidad y el marketing digital, el diseño de sitios web, los canales de redes sociales y mucho más. • Fundamentalmente, trabaja con tecnología digital, como Adobe After Effects, para aportar movimiento a gráficos y textos. Sin embargo, también dedica mucho tiempo a colaborar con compañeros con diferentes habilidades, como redactores creativos, ilustradores y desarrolladores web.
  • 16. ¿Qué tengo que hacer para dedicarme al diseño de gráficos animados? • Si quieres dedicarte al diseño de gráficos animados, lo más probable es que ya tengas interés y un talento para el arte y el diseño gráfico. Después del instituto, debes escoger un grado de la universidad enfocado en el diseño. Intenta encontrar un grado que abarque bastante tema digital.
  • 17. ¿Qué ejemplos hay de gráficos animados? • Se han producido excelentes ejemplos de gráficos animados a lo largo de varias décadas y en distintos medios creativos. Empezando con el cine, los créditos de apertura de El caso de Thomas Crown (1968) son uno de los primeros ejemplos de gráficos animados.