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

Estrategia en Social Media
Estrategia en Social MediaEstrategia en Social Media
Estrategia en Social MediaSally Graham
 
Cómo hacer un brief en 10 pasos: El arte de hacer briefing
Cómo hacer un brief en 10 pasos: El arte de hacer briefingCómo hacer un brief en 10 pasos: El arte de hacer briefing
Cómo hacer un brief en 10 pasos: El arte de hacer briefingAlberto Sánchez
 
Green Mind Agency Presentation
Green Mind Agency PresentationGreen Mind Agency Presentation
Green Mind Agency PresentationGreen Mind Agency
 
Diferencias entre medio, canal y soporte
Diferencias entre medio, canal y soporteDiferencias entre medio, canal y soporte
Diferencias entre medio, canal y soporteCarmela Tortajada Serra
 
Plantilla de Briefing Creativo
Plantilla de Briefing CreativoPlantilla de Briefing Creativo
Plantilla de Briefing CreativoJavier Cerezo
 
Manual de Identidad Corporativa - Stronger Gym
Manual de Identidad Corporativa - Stronger GymManual de Identidad Corporativa - Stronger Gym
Manual de Identidad Corporativa - Stronger GymGrupo La República
 
Lenguaje cinematográfico
Lenguaje cinematográficoLenguaje cinematográfico
Lenguaje cinematográficoAlberto Vega
 
Produccion grafica
Produccion  graficaProduccion  grafica
Produccion graficatls02cv
 
Multimedia powerpoint
Multimedia powerpoint Multimedia powerpoint
Multimedia powerpoint Alexandra Ruiz
 

La actualidad más candente (20)

Estrategia en Social Media
Estrategia en Social MediaEstrategia en Social Media
Estrategia en Social Media
 
Bienvenido a eureka agencia digital
Bienvenido a eureka agencia digitalBienvenido a eureka agencia digital
Bienvenido a eureka agencia digital
 
Cómo hacer un brief en 10 pasos: El arte de hacer briefing
Cómo hacer un brief en 10 pasos: El arte de hacer briefingCómo hacer un brief en 10 pasos: El arte de hacer briefing
Cómo hacer un brief en 10 pasos: El arte de hacer briefing
 
Semiotica 2013
Semiotica 2013Semiotica 2013
Semiotica 2013
 
Green Mind Agency Presentation
Green Mind Agency PresentationGreen Mind Agency Presentation
Green Mind Agency Presentation
 
MANUAL DE IDENTIDAD CORPORATIVA
MANUAL DE IDENTIDAD CORPORATIVAMANUAL DE IDENTIDAD CORPORATIVA
MANUAL DE IDENTIDAD CORPORATIVA
 
Definicion de video
Definicion de videoDefinicion de video
Definicion de video
 
Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Formatos de Imagen
 
Diferencias entre medio, canal y soporte
Diferencias entre medio, canal y soporteDiferencias entre medio, canal y soporte
Diferencias entre medio, canal y soporte
 
Plantilla de Briefing Creativo
Plantilla de Briefing CreativoPlantilla de Briefing Creativo
Plantilla de Briefing Creativo
 
Unidad 4: Estrategia Creativa
Unidad 4: Estrategia CreativaUnidad 4: Estrategia Creativa
Unidad 4: Estrategia Creativa
 
Brief de diseño
Brief de diseñoBrief de diseño
Brief de diseño
 
Marketing digital
Marketing digitalMarketing digital
Marketing digital
 
Tipos e formatos de imagens
Tipos e formatos de imagensTipos e formatos de imagens
Tipos e formatos de imagens
 
Grape Agency Credentials
Grape Agency CredentialsGrape Agency Credentials
Grape Agency Credentials
 
Manual de Identidad Corporativa - Stronger Gym
Manual de Identidad Corporativa - Stronger GymManual de Identidad Corporativa - Stronger Gym
Manual de Identidad Corporativa - Stronger Gym
 
Software libre para el diseño gráfico
Software libre para el diseño gráficoSoftware libre para el diseño gráfico
Software libre para el diseño gráfico
 
Lenguaje cinematográfico
Lenguaje cinematográficoLenguaje cinematográfico
Lenguaje cinematográfico
 
Produccion grafica
Produccion  graficaProduccion  grafica
Produccion grafica
 
Multimedia powerpoint
Multimedia powerpoint Multimedia powerpoint
Multimedia powerpoint
 

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 (9)

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
 
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

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
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesLuis Fernando Salgado
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Iirenecarmona12
 
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
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfoliosofiospina94
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfPowerRayo
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...chechei12040303
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 
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
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....estefaniaortizsalina
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkkscristinacastro892534
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulosRosarioLloglla
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdftortillasdemaizjf2
 
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
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 

Último (20)

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
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
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
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
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
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.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
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 

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.