SlideShare ist ein Scribd-Unternehmen logo
1 von 12
FOTOGRAMAS
            DISEÑO DIGITAL IV


Carolina Alcivar
LÍNEA DE TIEMPO

Es la encargada de organizar y controlar el
contenido de una película a través del tiempo, y se
lo realiza a base de capas y fotogramas.
En la línea de tiempo se pueden realizar varios
cambios:
• Cambio de posición de la línea de tiempo y el
  tamaña de la ventana de tiempo
FOTOGRAMAS

Es donde se encuentra el
contenido de la película .
A los fotogramas se les
puede cambiar :
• Anchura
• Tamaño
• Altura
El coloreado de los
fotogramas depende el tipo
de animación que
contengan
Coloreado de los fotogramas

El coloreado de los fotogramas depende
el tipo de animación que contengan:
• Los fotogramas que contienen
   animación estática aparecerán de
   color gris
• Los que contienen animación con
   interpolación son de color verde con
   una flecha negra en su interior.
• Los que contiene animación de
   interpolación de movimiento clásica
   son de color violeta
• Los que contienen animación de un
   nuevo tipo de interpolación aparecen
   de color azul
• Los fotogramas que contienen gráficos
   estáticos son de color blanco
TIPOS DE FOTOGRAMAS

• Fotogramas claves: Es aquel que se define cambios
  de animación.
• Fotograma vacío: Es aquél que está en blanco
  , que no tiene ningún contenido.
• Fotograma intermedio: Es aquél que se encuentra
  entre dos fotogramas claves
LOS FOTOGRAMAS Y EL TIPO DE
            ANIMACIÓN
• Animación de fotograma a fotograma. Este tipo de
  animación cada fotograma es un fotograma clave.
• Animación con pausa: Hay fotogramas consecutivos en
  los que nada cambia, se inicia con un fotograma clave
  y el resto son intermedios.
• Animación por interpolación de forma: Empieza y
  termina con un fotograma clave y está destina a crear “
  morphings” formas que se conviertan en otras.
• Animación por interpolación de movimiento: igual que
  la anterior, está destinada a movimiento de objetos.
INTERCALAR FOTOGRAMAS

• Dependiendo del tipo de fotograma que se intercale
  dependerá la animación
• Fotogramas normales: sirve para repetir la figura y alargar la
  duración
• Fotograma clave vacio: Permite dejar un espacio entre la
  animación pero en una animación de interpolación clásica
  no es posible lograr animación
• Fotograma clave: Permite dar animación a la figura .
SELECCIÓN DE LOS FOTOGRAMAS

• Seleccionar para moverlos: selecciona el o los
  fotogramas y se los arrastra hasta la posición de
  tiempo deseado
• Eliminarlos: clic derecho >menú contextual > elegir
  eliminar o borrar
• Copiar y pegar: seleccionar el fotograma y
  arrastrar presionando ctrl
• Invertir fotogramas: seleccionar fotograma>clic
  derecho> invertir fotograma
ETIQUETAS, COMENTARIOS Y ANCLAJE
       EN LOS FOTOGRAMAS
• Cómo añadir etiquetas?
Seleccionarlo> panel de propiedades>etiqueta>
nombre> asignar nombre para el fotograma
seleccionado
• Como añadir comentarios?
Seleccionar fotograma> panel propiedades>
etiqueta> tipo>comentario.
• Cómo añadir anclaje?
Seleccionar fotograma> panel propiedades>
etiqueta> tipo>anclaje.
COMBINANDO
ANIMACIONES
ANIMACIONES

•   Fotograma a Fotograma
•   Unión de una interpolación y un gráfico fijo
•   Trabajando con instancias de clips
•   Trabajando con instancias de clips
•   Movimiento aplicados a fondos
•   Varias interpolaciones en la escena
•   Máscaras
•   Otros
Gracias

Weitere ähnliche Inhalte

Was ist angesagt?

Roles o Personal dentro de una Agencia de Publcidiad
Roles o Personal dentro de una Agencia de PublcidiadRoles o Personal dentro de una Agencia de Publcidiad
Roles o Personal dentro de una Agencia de PublcidiadDiego Vazquez
 
Publicidad 1 definición, funciones de la publicidad y del lenguaje publicit...
Publicidad 1   definición, funciones de la publicidad y del lenguaje publicit...Publicidad 1   definición, funciones de la publicidad y del lenguaje publicit...
Publicidad 1 definición, funciones de la publicidad y del lenguaje publicit...M Teresa Porras Sanchiz
 
Historia del cine
Historia del cineHistoria del cine
Historia del cineLiima
 
Planos, angulos y movimientos de camara
Planos, angulos y movimientos de camaraPlanos, angulos y movimientos de camara
Planos, angulos y movimientos de camaraJose Balbino Gonzalez
 
Propuesta de dirección de arte
Propuesta de dirección de artePropuesta de dirección de arte
Propuesta de dirección de arteJracuna
 
Teórica de Refuerzo Semántico
Teórica de Refuerzo SemánticoTeórica de Refuerzo Semántico
Teórica de Refuerzo SemánticoAlejandro Loaiza
 
Planos, Encuadres y Movimientos de Cámara
Planos, Encuadres y Movimientos de CámaraPlanos, Encuadres y Movimientos de Cámara
Planos, Encuadres y Movimientos de Cámaragambitguille
 
Recursos publicitarios
Recursos publicitariosRecursos publicitarios
Recursos publicitariosdibuplas
 
Story Line
Story LineStory Line
Story LineUPB
 
Ejercicio práctico lectura de imagen
Ejercicio práctico lectura de imagenEjercicio práctico lectura de imagen
Ejercicio práctico lectura de imagentonicues
 
Denotación y Connotación publicitaria
Denotación y Connotación publicitariaDenotación y Connotación publicitaria
Denotación y Connotación publicitariaEzequiel Albani
 
Dirección de arte
Dirección de arteDirección de arte
Dirección de artealbanybracho
 
Las Piezas Gráficas en Publicidad
Las Piezas Gráficas en PublicidadLas Piezas Gráficas en Publicidad
Las Piezas Gráficas en PublicidadB. Lucia Salazar
 

Was ist angesagt? (20)

Roles o Personal dentro de una Agencia de Publcidiad
Roles o Personal dentro de una Agencia de PublcidiadRoles o Personal dentro de una Agencia de Publcidiad
Roles o Personal dentro de una Agencia de Publcidiad
 
Publicidad 1 definición, funciones de la publicidad y del lenguaje publicit...
Publicidad 1   definición, funciones de la publicidad y del lenguaje publicit...Publicidad 1   definición, funciones de la publicidad y del lenguaje publicit...
Publicidad 1 definición, funciones de la publicidad y del lenguaje publicit...
 
Story board
Story boardStory board
Story board
 
Historia del cine
Historia del cineHistoria del cine
Historia del cine
 
Planos, angulos y movimientos de camara
Planos, angulos y movimientos de camaraPlanos, angulos y movimientos de camara
Planos, angulos y movimientos de camara
 
Propuesta de dirección de arte
Propuesta de dirección de artePropuesta de dirección de arte
Propuesta de dirección de arte
 
Teórica de Refuerzo Semántico
Teórica de Refuerzo SemánticoTeórica de Refuerzo Semántico
Teórica de Refuerzo Semántico
 
Planos, Encuadres y Movimientos de Cámara
Planos, Encuadres y Movimientos de CámaraPlanos, Encuadres y Movimientos de Cámara
Planos, Encuadres y Movimientos de Cámara
 
GRAFICA AMBIENTAL
GRAFICA AMBIENTALGRAFICA AMBIENTAL
GRAFICA AMBIENTAL
 
Los géneros cinematográficos
Los géneros cinematográficosLos géneros cinematográficos
Los géneros cinematográficos
 
Recursos publicitarios
Recursos publicitariosRecursos publicitarios
Recursos publicitarios
 
Story Line
Story LineStory Line
Story Line
 
Ejercicio práctico lectura de imagen
Ejercicio práctico lectura de imagenEjercicio práctico lectura de imagen
Ejercicio práctico lectura de imagen
 
Denotación y Connotación publicitaria
Denotación y Connotación publicitariaDenotación y Connotación publicitaria
Denotación y Connotación publicitaria
 
Dirección de arte
Dirección de arteDirección de arte
Dirección de arte
 
Stop motion
Stop motionStop motion
Stop motion
 
David Griffith aportaciones
David Griffith aportacionesDavid Griffith aportaciones
David Griffith aportaciones
 
Figuras rétoricas visuales
Figuras rétoricas visualesFiguras rétoricas visuales
Figuras rétoricas visuales
 
Teoría de la imagen 2
Teoría de la imagen 2Teoría de la imagen 2
Teoría de la imagen 2
 
Las Piezas Gráficas en Publicidad
Las Piezas Gráficas en PublicidadLas Piezas Gráficas en Publicidad
Las Piezas Gráficas en Publicidad
 

Andere mochten auch

Simbolos en Flash
Simbolos en FlashSimbolos en Flash
Simbolos en Flashsabi
 
Capas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempoCapas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempoCesar Estrada
 
Técnicas básicas de animación en flash
Técnicas básicas de animación en flashTécnicas básicas de animación en flash
Técnicas básicas de animación en flashUniversidad Veracruzana
 
Tecnicas de animación flash
Tecnicas  de animación flashTecnicas  de animación flash
Tecnicas de animación flashYadis Juarez
 
Manual de Flash Cs6
Manual de Flash Cs6Manual de Flash Cs6
Manual de Flash Cs6saydo2007
 
Historia de Adobe Flash
Historia de Adobe FlashHistoria de Adobe Flash
Historia de Adobe FlashKevin Luzardo
 
Las herramientas de dibujo de adobe flash cs4 clase 1 alexandra valdiviezo 3 c
Las herramientas de dibujo de adobe flash cs4  clase 1 alexandra valdiviezo 3 cLas herramientas de dibujo de adobe flash cs4  clase 1 alexandra valdiviezo 3 c
Las herramientas de dibujo de adobe flash cs4 clase 1 alexandra valdiviezo 3 cacvp
 
herramientas de Adobe Flash Player
herramientas de Adobe Flash Playerherramientas de Adobe Flash Player
herramientas de Adobe Flash PlayerRichard2402
 
Fundamentos de la Animación
Fundamentos de la AnimaciónFundamentos de la Animación
Fundamentos de la Animaciónpaoloarevaloortiz
 

Andere mochten auch (20)

Flash tipos de animaciones
Flash tipos de animacionesFlash tipos de animaciones
Flash tipos de animaciones
 
Texto en flash
Texto en flashTexto en flash
Texto en flash
 
Simbolos en Flash
Simbolos en FlashSimbolos en Flash
Simbolos en Flash
 
Capas
CapasCapas
Capas
 
La interfaz de flash
La interfaz de flashLa interfaz de flash
La interfaz de flash
 
Tipos de Animación
Tipos de AnimaciónTipos de Animación
Tipos de Animación
 
Herramientas de Flash
Herramientas de FlashHerramientas de Flash
Herramientas de Flash
 
Capas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempoCapas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempo
 
Técnicas básicas de animación en flash
Técnicas básicas de animación en flashTécnicas básicas de animación en flash
Técnicas básicas de animación en flash
 
Tecnicas de animación flash
Tecnicas  de animación flashTecnicas  de animación flash
Tecnicas de animación flash
 
Animacion con Flash
Animacion con FlashAnimacion con Flash
Animacion con Flash
 
Manual de Flash Cs6
Manual de Flash Cs6Manual de Flash Cs6
Manual de Flash Cs6
 
Historia de Adobe Flash
Historia de Adobe FlashHistoria de Adobe Flash
Historia de Adobe Flash
 
Flash Mx Clase 1
Flash Mx Clase 1Flash Mx Clase 1
Flash Mx Clase 1
 
Las herramientas de dibujo de adobe flash cs4 clase 1 alexandra valdiviezo 3 c
Las herramientas de dibujo de adobe flash cs4  clase 1 alexandra valdiviezo 3 cLas herramientas de dibujo de adobe flash cs4  clase 1 alexandra valdiviezo 3 c
Las herramientas de dibujo de adobe flash cs4 clase 1 alexandra valdiviezo 3 c
 
herramientas de Adobe Flash Player
herramientas de Adobe Flash Playerherramientas de Adobe Flash Player
herramientas de Adobe Flash Player
 
Historia de macromedia flash
Historia de macromedia flashHistoria de macromedia flash
Historia de macromedia flash
 
Fundamentos de la Animación
Fundamentos de la AnimaciónFundamentos de la Animación
Fundamentos de la Animación
 
Libro de Ciencias de la Salud II
Libro de Ciencias de la Salud IILibro de Ciencias de la Salud II
Libro de Ciencias de la Salud II
 
Adobe flash (historia y versiones)
Adobe flash (historia y versiones)Adobe flash (historia y versiones)
Adobe flash (historia y versiones)
 

Ähnlich wie Línea de tiempo, fotogramas y animación en After Effects (20)

Animacion flash
Animacion flashAnimacion flash
Animacion flash
 
Explicacion conceptos flash
Explicacion conceptos flashExplicacion conceptos flash
Explicacion conceptos flash
 
Explicacionconceptosflash 121031104619-phpapp01
Explicacionconceptosflash 121031104619-phpapp01Explicacionconceptosflash 121031104619-phpapp01
Explicacionconceptosflash 121031104619-phpapp01
 
SESION6_ANIMATE.pptx
SESION6_ANIMATE.pptxSESION6_ANIMATE.pptx
SESION6_ANIMATE.pptx
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
ALFER FLASH
ALFER FLASHALFER FLASH
ALFER FLASH
 
Flash 2_Combinación de componentes
Flash 2_Combinación de componentesFlash 2_Combinación de componentes
Flash 2_Combinación de componentes
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3 Unidad 3
Unidad 3
 
Trabajar con imágenes
Trabajar con imágenesTrabajar con imágenes
Trabajar con imágenes
 
Unidad3
Unidad3Unidad3
Unidad3
 
Televisión
TelevisiónTelevisión
Televisión
 
Photoshop 2
Photoshop 2Photoshop 2
Photoshop 2
 
Guia 1-vivencia (1)
Guia 1-vivencia (1)Guia 1-vivencia (1)
Guia 1-vivencia (1)
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Diapositivasstoryboard
DiapositivasstoryboardDiapositivasstoryboard
Diapositivasstoryboard
 
Flash laboratorio nº 5 2grado
Flash laboratorio nº 5 2gradoFlash laboratorio nº 5 2grado
Flash laboratorio nº 5 2grado
 
Flash laboratorio nº 5 2grado
Flash laboratorio nº 5 2gradoFlash laboratorio nº 5 2grado
Flash laboratorio nº 5 2grado
 

Mehr von Carolina Alcivar

Portafolio Primer Bimestre redacción publicitaria
Portafolio Primer Bimestre redacción publicitariaPortafolio Primer Bimestre redacción publicitaria
Portafolio Primer Bimestre redacción publicitariaCarolina Alcivar
 
Creación de una página web
Creación de una página webCreación de una página web
Creación de una página webCarolina Alcivar
 
Creación de una página web
Creación de una página webCreación de una página web
Creación de una página webCarolina Alcivar
 
Portafolio diseño digital Priimer bimestre
Portafolio diseño digital Priimer bimestrePortafolio diseño digital Priimer bimestre
Portafolio diseño digital Priimer bimestreCarolina Alcivar
 
Redacción Publicitaria - Campaña Social - Cáncer de Piel
Redacción Publicitaria - Campaña Social - Cáncer de Piel Redacción Publicitaria - Campaña Social - Cáncer de Piel
Redacción Publicitaria - Campaña Social - Cáncer de Piel Carolina Alcivar
 

Mehr von Carolina Alcivar (8)

Sumpa moda
Sumpa modaSumpa moda
Sumpa moda
 
Mini market caleb
Mini market calebMini market caleb
Mini market caleb
 
Portafolio Primer Bimestre redacción publicitaria
Portafolio Primer Bimestre redacción publicitariaPortafolio Primer Bimestre redacción publicitaria
Portafolio Primer Bimestre redacción publicitaria
 
Creación de una página web
Creación de una página webCreación de una página web
Creación de una página web
 
Creación de una página web
Creación de una página webCreación de una página web
Creación de una página web
 
Portafolio animado
Portafolio animadoPortafolio animado
Portafolio animado
 
Portafolio diseño digital Priimer bimestre
Portafolio diseño digital Priimer bimestrePortafolio diseño digital Priimer bimestre
Portafolio diseño digital Priimer bimestre
 
Redacción Publicitaria - Campaña Social - Cáncer de Piel
Redacción Publicitaria - Campaña Social - Cáncer de Piel Redacción Publicitaria - Campaña Social - Cáncer de Piel
Redacción Publicitaria - Campaña Social - Cáncer de Piel
 

Línea de tiempo, fotogramas y animación en After Effects

  • 1. FOTOGRAMAS DISEÑO DIGITAL IV Carolina Alcivar
  • 2. LÍNEA DE TIEMPO Es la encargada de organizar y controlar el contenido de una película a través del tiempo, y se lo realiza a base de capas y fotogramas. En la línea de tiempo se pueden realizar varios cambios: • Cambio de posición de la línea de tiempo y el tamaña de la ventana de tiempo
  • 3. FOTOGRAMAS Es donde se encuentra el contenido de la película . A los fotogramas se les puede cambiar : • Anchura • Tamaño • Altura El coloreado de los fotogramas depende el tipo de animación que contengan
  • 4. Coloreado de los fotogramas El coloreado de los fotogramas depende el tipo de animación que contengan: • Los fotogramas que contienen animación estática aparecerán de color gris • Los que contienen animación con interpolación son de color verde con una flecha negra en su interior. • Los que contiene animación de interpolación de movimiento clásica son de color violeta • Los que contienen animación de un nuevo tipo de interpolación aparecen de color azul • Los fotogramas que contienen gráficos estáticos son de color blanco
  • 5. TIPOS DE FOTOGRAMAS • Fotogramas claves: Es aquel que se define cambios de animación. • Fotograma vacío: Es aquél que está en blanco , que no tiene ningún contenido. • Fotograma intermedio: Es aquél que se encuentra entre dos fotogramas claves
  • 6. LOS FOTOGRAMAS Y EL TIPO DE ANIMACIÓN • Animación de fotograma a fotograma. Este tipo de animación cada fotograma es un fotograma clave. • Animación con pausa: Hay fotogramas consecutivos en los que nada cambia, se inicia con un fotograma clave y el resto son intermedios. • Animación por interpolación de forma: Empieza y termina con un fotograma clave y está destina a crear “ morphings” formas que se conviertan en otras. • Animación por interpolación de movimiento: igual que la anterior, está destinada a movimiento de objetos.
  • 7. INTERCALAR FOTOGRAMAS • Dependiendo del tipo de fotograma que se intercale dependerá la animación • Fotogramas normales: sirve para repetir la figura y alargar la duración • Fotograma clave vacio: Permite dejar un espacio entre la animación pero en una animación de interpolación clásica no es posible lograr animación • Fotograma clave: Permite dar animación a la figura .
  • 8. SELECCIÓN DE LOS FOTOGRAMAS • Seleccionar para moverlos: selecciona el o los fotogramas y se los arrastra hasta la posición de tiempo deseado • Eliminarlos: clic derecho >menú contextual > elegir eliminar o borrar • Copiar y pegar: seleccionar el fotograma y arrastrar presionando ctrl • Invertir fotogramas: seleccionar fotograma>clic derecho> invertir fotograma
  • 9. ETIQUETAS, COMENTARIOS Y ANCLAJE EN LOS FOTOGRAMAS • Cómo añadir etiquetas? Seleccionarlo> panel de propiedades>etiqueta> nombre> asignar nombre para el fotograma seleccionado • Como añadir comentarios? Seleccionar fotograma> panel propiedades> etiqueta> tipo>comentario. • Cómo añadir anclaje? Seleccionar fotograma> panel propiedades> etiqueta> tipo>anclaje.
  • 11. ANIMACIONES • Fotograma a Fotograma • Unión de una interpolación y un gráfico fijo • Trabajando con instancias de clips • Trabajando con instancias de clips • Movimiento aplicados a fondos • Varias interpolaciones en la escena • Máscaras • Otros