SlideShare una empresa de Scribd logo
1 de 44
Descargar para leer sin conexión
motion
GRAPHICS
competencia
asociada
Producir archivos digitales para diferentes medios y soportes de
acuerdo a los requerimientos del proyecto de diseño teniendo en
cuenta las variables tecnico-productivas.
que aprenderá
el alumno
Prepara el material de imágenes y sonidos para su uso en
Animaciones Gráficas (Motion Graphics), según los
requerimientos técnicos.
Identifica las herramientas de creación de Animaciones Gráficas
según estándares y formatos de publicación.
que aprenderá
el alumno
Produce Animaciones Gráficas (Motion Graphics) de acuerdo a
las necesidades comunicacionales y los requerimientos técnicos
del proyecto.
Identifica las características del lenguaje audiovisual según los
requerimientos de la Animación Gráfica (Motion Graphics).
que aprenderá
el alumno
Publica las Animaciones Gráficas (Motion Graphics) en distintos
medios, según los requerimientos del proyecto.
Identifica las especificaciones técnicas de los recursos
audiovisuales (imagen y sonido) según estándares y formatos de
publicación.
evaluación
Evaluaciones desarrolladas durante la clase y trabajos tipo
encargo
Total: 4 evaluaciones (25%) más examen final.
Se reprobará al alumno que tenga un porcentaje de inasistencias
superior al 25%
evaluación
final
Producto: Pieza de Motion Graphics en el que se apliquen
herramientas 2D de After Effects, uso de cámaras, capas 2D y
3D tiempos de movimiento y animaciones, Herramienta
Primarios para animar sistemas de objetos (personajes, por ej.),
etc.
evaluación
final
Proceso: Informe en donde se incluya cada una de las
especificaciones técnicas listadas, aquellas que se cumplan en la
entrega, junto al código de tiempo (ej.: “00:37”) donde se
pueden ver en el video final.
unidad
UNO
1. Teoría de Lenguaje Audiovisual

(Montaje, Movimientos de Cámara físicos y ópticos, planos).
2. Recursos para producción Audiovisual (Storyboard, Guion).
3. Definición y Ejemplos de Motion Graphics.
4. Proceso de Producción Audiovisual (Pre-producción, Producción y
Post- producción).
5. Interfaz básica de After Effects.
unidad
DOS
After Effects.

• Capas 2D y 3D.

• Cámaras y Objetos Null.

• Composiciones.

• Transparencias.

• Animación por Keyframes

• Concepto de 2.5D

• Integración de Sonido.

• Pre visualización y concepto de Render.

• Uso de Material Gráfico pre- procesado.

• Producción de Material Gráfico para After Effects.
unidad
TRES
1. Compresión de archivos de video,
2. Cola de Procesamiento; Módulo de Salida y su configuración.
3. Exportación según Destino.
¿qué es
MOTION GRAPHICS?
motion	
graphics
Disciplina que consiste en el uso e interacción de elementos
gráficos (vectoriales, imágenes, tipografías, etc.) con video,
animación y sonido, creando así sensación de movimiento.
Suelen ser trabajos donde prima el estímulo visual frente a la
narración.
motion	
graphics
Uno de los primeros usos del término "Motion Graphics" fue por
el animador John Whitney , (1917-1995) quien en 1960 fundó
una compañía llamada Motion Graphics Inc.
motion	
graphics
Saul Bass (1920-1996) es el pionero más importante en diseño
gráfico animado, su obra marca el verdadero comienzo de lo que
hoy es comúnmente conocido como gráficos en movimiento.
motion	
graphics
Su estilo revolucionó la estética gráfica del séptimo arte. Los más
reputados directores de cine han solicitado sus servicios tanto
para realizar afiches como los primeros minutos de sus films.
expansión	
motion
Su popularidad ha crecido con los años y la tecnología
La televisión la utilizó para cortinillas impactantes e innovadoras
Encontró un área de desarrollo muy importante en los videoclips
Se extendió a campos como la publicidad o la comunicación de las
empresas
La integración de video en internet abre nuevos campos y oportunidades
¿qué se
requiere?
Fundamentos del lenguaje y la narrativa audiovisual
Estándares tecnológicos

Solvencia técnica para la realización
Manejar los principios del diseño gráfico
narrativa
AUDIOVISUAL
¿qué se
requiere?
El lenguaje audiovisual , como el lenguaje verbal que utilizamos
ordinariamente al hablar o escribir, tiene unos elementos morfológicos,
una gramática y unos recursos estilísticos.
Está integrado por lo tanto por un conjunto de símbolos y unas normas de
utilización que nos permiten comunicarnos con otras personas.
lenguaje
audiovisual
Sus características principales son:
Es un sistema de comunicación multisensorial (visual y auditivo) donde los
contenidos icónicos prevalecen sobre los verbales.
Moviliza la sensibilidad antes que el intelecto. Suministra muchos
estímulos afectivos que condicionan los mensajes cognitivos.
lenguaje
audiovisual
El director artístico también es importante a la hora de realizar un
Storyboard para ayudar a no gastar mucho dinero, ya que al tener
visualizado lo que vamos a ver en escena, éste puede indicar que sólo es
necesario la sección de un decorado, los mismos utensilios, objetos, por
ejemplo.
Esto ahorraría tiempo y dinero, ya que no habría que volver a construir la
utilería ni el decorado, y se podría volver a usar.
aspectos
MORFOLOGICOS
aspectos
morfológicos
De la misma manera que al elaborar mensajes verbales utilizamos
nombres, verbos, adjetivos y otros elementos morfológicos, los mensajes
audiovisuales se construyen utilizando los siguientes elementos
morfológicos:
aspectos
morfológicos
LAS IMÁGENES. Sus elementos básicos son: puntos, líneas, formas y
colores. Con estos elementos las imágenes pueden representar cosas
que existen y también cosas que nunca han existido.
aspectos
morfológicos
Elementos Sonoros.
Música.

Efectos de sonido.
Palabras.

Silencio.
planos
compositivos
Los PLANOS hacen referencia a la proximidad de la cámara a la realidad
cuando se realiza una fotografía o se registra una toma. Los principales
planos que se utilizan, de los más lejanos a los más próximos, son:
Planos descriptivos: describen el lugar donde se realiza la acción
Planos Narrativos: narran la acción que se desarrolla
Planos expresivos: muestran la expresión de los protagonistas
planos
descriptivos
Gran plano general Presenta un escenario muy amplio en el que puede
haber múltiples personajes. Hay mucha distancia entre la cámara y el
objeto que se registra. Tiene sobre todo un valor descriptivo.
planos
descriptivos
Plano general Presenta un escenario amplio en el cual se pueden
distinguir bastante bien los personajes.
planos
descriptivos
Plano entero Es ya un plano más próximo que puede tener como límites
de la pantalla la cabeza y los pies del personaje principal, que por lo tanto
se ve entero.
planos
descriptivos
Plano americano Es un plano medio ampliado que muestra los
personajes desde la cabeza hasta las rodillas.
En este plano lo que interesa sobretodo es mostrar la cara y las manos de
los protagonistas; por lo tanto tiene un valor narrativo y también un valor
expresivo.
planos
descriptivos
Plano medio Presenta el personaje de cintura para arriba. La cámara
está bastante cerca de él. Aporta sobretodo un valor narrativo, ya que
presenta la acción que desenvuelve el personaje
planos
descriptivos
Primer plano Presenta la cara del personaje y su hombro. La cámara
está muy cerca de los elementos que registra.
planos
descriptivos
Plano de detalle Muestra un objeto o una parte del objeto o personaje.
La cámara está situada prácticamente sobre los elementos que registra.
Introducción a Motion Graphics

Más contenido relacionado

La actualidad más candente

Presentacion fotografia
Presentacion fotografiaPresentacion fotografia
Presentacion fotografiatututini
 
Clase 1 composicion audiovisual
Clase 1 composicion audiovisualClase 1 composicion audiovisual
Clase 1 composicion audiovisualEasywork.ec
 
FotografíA Presentacion
FotografíA PresentacionFotografíA Presentacion
FotografíA Presentaciongermangn90
 
La publicidad audiovisual
La publicidad audiovisualLa publicidad audiovisual
La publicidad audiovisualabriljulia
 
Fotografía publicitaria
Fotografía publicitariaFotografía publicitaria
Fotografía publicitariaChio Baylon
 
Racional, campaña de lanzamiento Aguas Dasani
Racional, campaña de lanzamiento Aguas DasaniRacional, campaña de lanzamiento Aguas Dasani
Racional, campaña de lanzamiento Aguas DasaniGraphique Creativo
 
La Cámara de Televisión
La Cámara de TelevisiónLa Cámara de Televisión
La Cámara de TelevisiónRafael Salazar
 
Aula fotografia - iluminação em estúdio ppt
Aula   fotografia - iluminação em estúdio pptAula   fotografia - iluminação em estúdio ppt
Aula fotografia - iluminação em estúdio pptAndré Teixeira
 
Fotografia publicitária
Fotografia publicitáriaFotografia publicitária
Fotografia publicitáriaJúlio Rocha
 
La Fotografía Publicitaria
La Fotografía PublicitariaLa Fotografía Publicitaria
La Fotografía PublicitariaIvan Alvarez
 
Historia de la fotografia
Historia de la fotografiaHistoria de la fotografia
Historia de la fotografiajairo Torres
 
Fotografía (introducción)
Fotografía (introducción)Fotografía (introducción)
Fotografía (introducción)David Cifuentes
 
Metodologia de jorge frascara
Metodologia de jorge frascaraMetodologia de jorge frascara
Metodologia de jorge frascaraAna Gutierrez
 

La actualidad más candente (20)

Presentacion fotografia
Presentacion fotografiaPresentacion fotografia
Presentacion fotografia
 
Clase 1 composicion audiovisual
Clase 1 composicion audiovisualClase 1 composicion audiovisual
Clase 1 composicion audiovisual
 
FotografíA Presentacion
FotografíA PresentacionFotografíA Presentacion
FotografíA Presentacion
 
La publicidad audiovisual
La publicidad audiovisualLa publicidad audiovisual
La publicidad audiovisual
 
Flash dedicado
Flash dedicadoFlash dedicado
Flash dedicado
 
Industria audiovisual
Industria audiovisualIndustria audiovisual
Industria audiovisual
 
Fotografía publicitaria
Fotografía publicitariaFotografía publicitaria
Fotografía publicitaria
 
Formato script para producciones audiovisuales universitarias
Formato script para producciones audiovisuales universitariasFormato script para producciones audiovisuales universitarias
Formato script para producciones audiovisuales universitarias
 
Racional, campaña de lanzamiento Aguas Dasani
Racional, campaña de lanzamiento Aguas DasaniRacional, campaña de lanzamiento Aguas Dasani
Racional, campaña de lanzamiento Aguas Dasani
 
La Cámara de Televisión
La Cámara de TelevisiónLa Cámara de Televisión
La Cámara de Televisión
 
Aula fotografia - iluminação em estúdio ppt
Aula   fotografia - iluminação em estúdio pptAula   fotografia - iluminação em estúdio ppt
Aula fotografia - iluminação em estúdio ppt
 
Fotografia publicitária
Fotografia publicitáriaFotografia publicitária
Fotografia publicitária
 
Presentación diafragma y obturador
Presentación diafragma y obturadorPresentación diafragma y obturador
Presentación diafragma y obturador
 
La Fotografía Publicitaria
La Fotografía PublicitariaLa Fotografía Publicitaria
La Fotografía Publicitaria
 
Fotografia
FotografiaFotografia
Fotografia
 
Historia de la fotografia
Historia de la fotografiaHistoria de la fotografia
Historia de la fotografia
 
La construcción del guión
La construcción del guiónLa construcción del guión
La construcción del guión
 
Fotografía (introducción)
Fotografía (introducción)Fotografía (introducción)
Fotografía (introducción)
 
Metodologia de jorge frascara
Metodologia de jorge frascaraMetodologia de jorge frascara
Metodologia de jorge frascara
 
Formatos de video
Formatos de video Formatos de video
Formatos de video
 

Destacado

BogotaCSS - De @keyframes a fotogramas clave
BogotaCSS - De @keyframes  a fotogramas clave BogotaCSS - De @keyframes  a fotogramas clave
BogotaCSS - De @keyframes a fotogramas clave Francisco Rodriguez
 
Nociones básicas de posicionamiento con CSS
Nociones básicas de posicionamiento con CSSNociones básicas de posicionamiento con CSS
Nociones básicas de posicionamiento con CSSiConstruye
 
Examen edicion rrpp
Examen edicion rrppExamen edicion rrpp
Examen edicion rrppiConstruye
 
El aprendizaje frente a las tics
El aprendizaje frente a las ticsEl aprendizaje frente a las tics
El aprendizaje frente a las ticsfabianc87
 
Prototipado Web
Prototipado WebPrototipado Web
Prototipado WebiConstruye
 

Destacado (10)

BogotaCSS - De @keyframes a fotogramas clave
BogotaCSS - De @keyframes  a fotogramas clave BogotaCSS - De @keyframes  a fotogramas clave
BogotaCSS - De @keyframes a fotogramas clave
 
Cinema 4 d
Cinema 4 dCinema 4 d
Cinema 4 d
 
Examen imagen
Examen imagenExamen imagen
Examen imagen
 
Nociones básicas de posicionamiento con CSS
Nociones básicas de posicionamiento con CSSNociones básicas de posicionamiento con CSS
Nociones básicas de posicionamiento con CSS
 
Examen edicion rrpp
Examen edicion rrppExamen edicion rrpp
Examen edicion rrpp
 
Examen taller
Examen tallerExamen taller
Examen taller
 
El aprendizaje frente a las tics
El aprendizaje frente a las ticsEl aprendizaje frente a las tics
El aprendizaje frente a las tics
 
Prototipado Web
Prototipado WebPrototipado Web
Prototipado Web
 
Motion graphics
Motion graphicsMotion graphics
Motion graphics
 
Kimre Folder Nieuw
Kimre Folder NieuwKimre Folder Nieuw
Kimre Folder Nieuw
 

Similar a Introducción a Motion Graphics

Clase de Edición de Video IMD - FADU UNL
Clase de Edición de Video IMD - FADU UNLClase de Edición de Video IMD - FADU UNL
Clase de Edición de Video IMD - FADU UNLimdbredanini
 
Cuestionario flash
Cuestionario flashCuestionario flash
Cuestionario flashjmosorio777
 
Introducción a Adobe Flash
Introducción a Adobe FlashIntroducción a Adobe Flash
Introducción a Adobe FlashiConstruye
 
Las presentaciones electrónicas
Las presentaciones electrónicasLas presentaciones electrónicas
Las presentaciones electrónicasGilberto Sánchez
 
Tema 2 Diseño y elaboración de materiales y presentaciones multimedia 2.pdf
Tema 2 Diseño y elaboración de materiales y presentaciones multimedia 2.pdfTema 2 Diseño y elaboración de materiales y presentaciones multimedia 2.pdf
Tema 2 Diseño y elaboración de materiales y presentaciones multimedia 2.pdfYolanda Ramon
 
Uni 2 act_2_gabriel_moreno[1]
Uni 2 act_2_gabriel_moreno[1]Uni 2 act_2_gabriel_moreno[1]
Uni 2 act_2_gabriel_moreno[1]Noe G. Menchaca
 
Colegio de bachilleres del estado de tlaxcala
Colegio de bachilleres del estado de tlaxcalaColegio de bachilleres del estado de tlaxcala
Colegio de bachilleres del estado de tlaxcalaLiizBeeth Flrz
 
Multimedia corpetrol
Multimedia corpetrolMultimedia corpetrol
Multimedia corpetrolgomez777
 
Cuestionario flash
Cuestionario flashCuestionario flash
Cuestionario flashcristobena
 

Similar a Introducción a Motion Graphics (20)

Clase de Edición de Video IMD - FADU UNL
Clase de Edición de Video IMD - FADU UNLClase de Edición de Video IMD - FADU UNL
Clase de Edición de Video IMD - FADU UNL
 
Que es multimedia
Que es multimediaQue es multimedia
Que es multimedia
 
Cuad produccion de_multimedios
Cuad produccion de_multimediosCuad produccion de_multimedios
Cuad produccion de_multimedios
 
Unidad II
Unidad IIUnidad II
Unidad II
 
Cuestionario flash
Cuestionario flashCuestionario flash
Cuestionario flash
 
Victoryo17
Victoryo17Victoryo17
Victoryo17
 
Curriculo 11º
Curriculo 11ºCurriculo 11º
Curriculo 11º
 
Introducción a Adobe Flash
Introducción a Adobe FlashIntroducción a Adobe Flash
Introducción a Adobe Flash
 
Las presentaciones electrónicas
Las presentaciones electrónicasLas presentaciones electrónicas
Las presentaciones electrónicas
 
Tema 2 Diseño y elaboración de materiales y presentaciones multimedia 2.pdf
Tema 2 Diseño y elaboración de materiales y presentaciones multimedia 2.pdfTema 2 Diseño y elaboración de materiales y presentaciones multimedia 2.pdf
Tema 2 Diseño y elaboración de materiales y presentaciones multimedia 2.pdf
 
Uni 2 act_2_gabriel_moreno[1]
Uni 2 act_2_gabriel_moreno[1]Uni 2 act_2_gabriel_moreno[1]
Uni 2 act_2_gabriel_moreno[1]
 
Guía Didáctica computación U1
Guía Didáctica computación U1Guía Didáctica computación U1
Guía Didáctica computación U1
 
Infografías y Videoclases
Infografías y VideoclasesInfografías y Videoclases
Infografías y Videoclases
 
Colegio de bachilleres del estado de tlaxcala
Colegio de bachilleres del estado de tlaxcalaColegio de bachilleres del estado de tlaxcala
Colegio de bachilleres del estado de tlaxcala
 
Multimedia corpetrol
Multimedia corpetrolMultimedia corpetrol
Multimedia corpetrol
 
Tema 7 power
Tema 7 power Tema 7 power
Tema 7 power
 
Semana 1
Semana 1Semana 1
Semana 1
 
Cuestionario flash
Cuestionario flashCuestionario flash
Cuestionario flash
 
Practica 2 107
Practica 2 107Practica 2 107
Practica 2 107
 
Módulo II-Multimedia II.pptx
Módulo II-Multimedia II.pptxMódulo II-Multimedia II.pptx
Módulo II-Multimedia II.pptx
 

Más de iConstruye

Entrega1 - Taller 4
Entrega1 - Taller 4Entrega1 - Taller 4
Entrega1 - Taller 4iConstruye
 
Examen edicion
Examen edicionExamen edicion
Examen edicioniConstruye
 
Texto en InDesign
Texto en InDesignTexto en InDesign
Texto en InDesigniConstruye
 
Edición conInDesign CS6
Edición conInDesign CS6Edición conInDesign CS6
Edición conInDesign CS6iConstruye
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto webiConstruye
 
Navegación en la web
Navegación en la webNavegación en la web
Navegación en la webiConstruye
 
Mapas conceptuales
Mapas conceptualesMapas conceptuales
Mapas conceptualesiConstruye
 
Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5iConstruye
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSSiConstruye
 
Etiquetas semánticas HTML
Etiquetas semánticas HTMLEtiquetas semánticas HTML
Etiquetas semánticas HTMLiConstruye
 
La información como fundamento del diseño
La información como fundamento del diseñoLa información como fundamento del diseño
La información como fundamento del diseñoiConstruye
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición MultimediaiConstruye
 
Temario examen
Temario examenTemario examen
Temario exameniConstruye
 
Herramientas para diseño web
Herramientas para diseño webHerramientas para diseño web
Herramientas para diseño webiConstruye
 
Modelos de representación para web
Modelos de representación para webModelos de representación para web
Modelos de representación para webiConstruye
 
Imágenes para la web
Imágenes para la webImágenes para la web
Imágenes para la webiConstruye
 
Orden y jerarquía de la información
Orden y jerarquía de la informaciónOrden y jerarquía de la información
Orden y jerarquía de la informacióniConstruye
 

Más de iConstruye (20)

Entrega1 - Taller 4
Entrega1 - Taller 4Entrega1 - Taller 4
Entrega1 - Taller 4
 
Examen edicion
Examen edicionExamen edicion
Examen edicion
 
Texto en InDesign
Texto en InDesignTexto en InDesign
Texto en InDesign
 
Edición conInDesign CS6
Edición conInDesign CS6Edición conInDesign CS6
Edición conInDesign CS6
 
Filezilla
FilezillaFilezilla
Filezilla
 
Webhost
WebhostWebhost
Webhost
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto web
 
Navegación en la web
Navegación en la webNavegación en la web
Navegación en la web
 
Mapas conceptuales
Mapas conceptualesMapas conceptuales
Mapas conceptuales
 
Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSS
 
Etiquetas semánticas HTML
Etiquetas semánticas HTMLEtiquetas semánticas HTML
Etiquetas semánticas HTML
 
La información como fundamento del diseño
La información como fundamento del diseñoLa información como fundamento del diseño
La información como fundamento del diseño
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición Multimedia
 
Temario examen
Temario examenTemario examen
Temario examen
 
Examen
ExamenExamen
Examen
 
Herramientas para diseño web
Herramientas para diseño webHerramientas para diseño web
Herramientas para diseño web
 
Modelos de representación para web
Modelos de representación para webModelos de representación para web
Modelos de representación para web
 
Imágenes para la web
Imágenes para la webImágenes para la web
Imágenes para la web
 
Orden y jerarquía de la información
Orden y jerarquía de la informaciónOrden y jerarquía de la información
Orden y jerarquía de la información
 

Último

Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxLeo Florez
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxcalc5597
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxNorberto Chacon
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 

Último (20)

1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 

Introducción a Motion Graphics

  • 2. competencia asociada Producir archivos digitales para diferentes medios y soportes de acuerdo a los requerimientos del proyecto de diseño teniendo en cuenta las variables tecnico-productivas.
  • 3. que aprenderá el alumno Prepara el material de imágenes y sonidos para su uso en Animaciones Gráficas (Motion Graphics), según los requerimientos técnicos. Identifica las herramientas de creación de Animaciones Gráficas según estándares y formatos de publicación.
  • 4. que aprenderá el alumno Produce Animaciones Gráficas (Motion Graphics) de acuerdo a las necesidades comunicacionales y los requerimientos técnicos del proyecto. Identifica las características del lenguaje audiovisual según los requerimientos de la Animación Gráfica (Motion Graphics).
  • 5. que aprenderá el alumno Publica las Animaciones Gráficas (Motion Graphics) en distintos medios, según los requerimientos del proyecto. Identifica las especificaciones técnicas de los recursos audiovisuales (imagen y sonido) según estándares y formatos de publicación.
  • 6. evaluación Evaluaciones desarrolladas durante la clase y trabajos tipo encargo Total: 4 evaluaciones (25%) más examen final. Se reprobará al alumno que tenga un porcentaje de inasistencias superior al 25%
  • 7. evaluación final Producto: Pieza de Motion Graphics en el que se apliquen herramientas 2D de After Effects, uso de cámaras, capas 2D y 3D tiempos de movimiento y animaciones, Herramienta Primarios para animar sistemas de objetos (personajes, por ej.), etc.
  • 8. evaluación final Proceso: Informe en donde se incluya cada una de las especificaciones técnicas listadas, aquellas que se cumplan en la entrega, junto al código de tiempo (ej.: “00:37”) donde se pueden ver en el video final.
  • 9. unidad UNO 1. Teoría de Lenguaje Audiovisual
 (Montaje, Movimientos de Cámara físicos y ópticos, planos). 2. Recursos para producción Audiovisual (Storyboard, Guion). 3. Definición y Ejemplos de Motion Graphics. 4. Proceso de Producción Audiovisual (Pre-producción, Producción y Post- producción). 5. Interfaz básica de After Effects.
  • 10. unidad DOS After Effects.
 • Capas 2D y 3D.
 • Cámaras y Objetos Null.
 • Composiciones.
 • Transparencias.
 • Animación por Keyframes
 • Concepto de 2.5D
 • Integración de Sonido.
 • Pre visualización y concepto de Render.
 • Uso de Material Gráfico pre- procesado.
 • Producción de Material Gráfico para After Effects.
  • 11. unidad TRES 1. Compresión de archivos de video, 2. Cola de Procesamiento; Módulo de Salida y su configuración. 3. Exportación según Destino.
  • 13. motion graphics Disciplina que consiste en el uso e interacción de elementos gráficos (vectoriales, imágenes, tipografías, etc.) con video, animación y sonido, creando así sensación de movimiento. Suelen ser trabajos donde prima el estímulo visual frente a la narración.
  • 14. motion graphics Uno de los primeros usos del término "Motion Graphics" fue por el animador John Whitney , (1917-1995) quien en 1960 fundó una compañía llamada Motion Graphics Inc.
  • 15. motion graphics Saul Bass (1920-1996) es el pionero más importante en diseño gráfico animado, su obra marca el verdadero comienzo de lo que hoy es comúnmente conocido como gráficos en movimiento.
  • 16. motion graphics Su estilo revolucionó la estética gráfica del séptimo arte. Los más reputados directores de cine han solicitado sus servicios tanto para realizar afiches como los primeros minutos de sus films.
  • 17.
  • 18. expansión motion Su popularidad ha crecido con los años y la tecnología La televisión la utilizó para cortinillas impactantes e innovadoras Encontró un área de desarrollo muy importante en los videoclips Se extendió a campos como la publicidad o la comunicación de las empresas La integración de video en internet abre nuevos campos y oportunidades
  • 19. ¿qué se requiere? Fundamentos del lenguaje y la narrativa audiovisual Estándares tecnológicos
 Solvencia técnica para la realización Manejar los principios del diseño gráfico
  • 21. ¿qué se requiere? El lenguaje audiovisual , como el lenguaje verbal que utilizamos ordinariamente al hablar o escribir, tiene unos elementos morfológicos, una gramática y unos recursos estilísticos. Está integrado por lo tanto por un conjunto de símbolos y unas normas de utilización que nos permiten comunicarnos con otras personas.
  • 22. lenguaje audiovisual Sus características principales son: Es un sistema de comunicación multisensorial (visual y auditivo) donde los contenidos icónicos prevalecen sobre los verbales. Moviliza la sensibilidad antes que el intelecto. Suministra muchos estímulos afectivos que condicionan los mensajes cognitivos.
  • 23. lenguaje audiovisual El director artístico también es importante a la hora de realizar un Storyboard para ayudar a no gastar mucho dinero, ya que al tener visualizado lo que vamos a ver en escena, éste puede indicar que sólo es necesario la sección de un decorado, los mismos utensilios, objetos, por ejemplo. Esto ahorraría tiempo y dinero, ya que no habría que volver a construir la utilería ni el decorado, y se podría volver a usar.
  • 24.
  • 25.
  • 27. aspectos morfológicos De la misma manera que al elaborar mensajes verbales utilizamos nombres, verbos, adjetivos y otros elementos morfológicos, los mensajes audiovisuales se construyen utilizando los siguientes elementos morfológicos:
  • 28. aspectos morfológicos LAS IMÁGENES. Sus elementos básicos son: puntos, líneas, formas y colores. Con estos elementos las imágenes pueden representar cosas que existen y también cosas que nunca han existido.
  • 30. planos compositivos Los PLANOS hacen referencia a la proximidad de la cámara a la realidad cuando se realiza una fotografía o se registra una toma. Los principales planos que se utilizan, de los más lejanos a los más próximos, son: Planos descriptivos: describen el lugar donde se realiza la acción Planos Narrativos: narran la acción que se desarrolla Planos expresivos: muestran la expresión de los protagonistas
  • 31. planos descriptivos Gran plano general Presenta un escenario muy amplio en el que puede haber múltiples personajes. Hay mucha distancia entre la cámara y el objeto que se registra. Tiene sobre todo un valor descriptivo.
  • 32.
  • 33. planos descriptivos Plano general Presenta un escenario amplio en el cual se pueden distinguir bastante bien los personajes.
  • 34.
  • 35. planos descriptivos Plano entero Es ya un plano más próximo que puede tener como límites de la pantalla la cabeza y los pies del personaje principal, que por lo tanto se ve entero.
  • 36.
  • 37. planos descriptivos Plano americano Es un plano medio ampliado que muestra los personajes desde la cabeza hasta las rodillas. En este plano lo que interesa sobretodo es mostrar la cara y las manos de los protagonistas; por lo tanto tiene un valor narrativo y también un valor expresivo.
  • 38.
  • 39. planos descriptivos Plano medio Presenta el personaje de cintura para arriba. La cámara está bastante cerca de él. Aporta sobretodo un valor narrativo, ya que presenta la acción que desenvuelve el personaje
  • 40.
  • 41. planos descriptivos Primer plano Presenta la cara del personaje y su hombro. La cámara está muy cerca de los elementos que registra.
  • 42.
  • 43. planos descriptivos Plano de detalle Muestra un objeto o una parte del objeto o personaje. La cámara está situada prácticamente sobre los elementos que registra.