SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

Herramienta de imagenes en word
Herramienta de imagenes en wordHerramienta de imagenes en word
Herramienta de imagenes en wordsAmAnTa ViLLaLoBoS
 
Analisis animacion analoga y digital
Analisis animacion analoga y digitalAnalisis animacion analoga y digital
Analisis animacion analoga y digitalGerman Bastos Ramirez
 
tutorial de Viual Fox pro 6.0 para hacer una tabla
tutorial de Viual Fox pro 6.0 para hacer una tablatutorial de Viual Fox pro 6.0 para hacer una tabla
tutorial de Viual Fox pro 6.0 para hacer una tablaDrums2b
 
Practica Corel Draw - Vectorización y Efectos Especiales
Practica Corel Draw - Vectorización y Efectos EspecialesPractica Corel Draw - Vectorización y Efectos Especiales
Practica Corel Draw - Vectorización y Efectos EspecialesErick Cruz
 
Introduccion power point
Introduccion power pointIntroduccion power point
Introduccion power pointheidisjojanna
 
LA REGLA DE ORO Y SUS TRES LEYES DE LA COM
LA REGLA DE ORO Y SUS TRES LEYES DE LA COMLA REGLA DE ORO Y SUS TRES LEYES DE LA COM
LA REGLA DE ORO Y SUS TRES LEYES DE LA COMJuliana Villamonte
 
Manual de Flash Cs6
Manual de Flash Cs6Manual de Flash Cs6
Manual de Flash Cs6saydo2007
 
Ppt plus caramelos media hora
Ppt plus caramelos media horaPpt plus caramelos media hora
Ppt plus caramelos media horaagencialihuen
 
Adobe photoshop power point
Adobe photoshop power pointAdobe photoshop power point
Adobe photoshop power pointrestauracio
 
Unidad 1 - Curso Photoshop CS5 - Sena Virtual
Unidad 1 - Curso Photoshop CS5 - Sena VirtualUnidad 1 - Curso Photoshop CS5 - Sena Virtual
Unidad 1 - Curso Photoshop CS5 - Sena Virtualxbox360colombia
 
Practica n° 21 tampon de clonar
Practica n° 21 tampon de clonarPractica n° 21 tampon de clonar
Practica n° 21 tampon de clonarJohan Silva Cueva
 
EL GUION. FUNDAMENTOS
EL GUION. FUNDAMENTOSEL GUION. FUNDAMENTOS
EL GUION. FUNDAMENTOSDavid Nuñez
 

Mais procurados (20)

Powtoon diapositivas
Powtoon diapositivasPowtoon diapositivas
Powtoon diapositivas
 
Herramienta de imagenes en word
Herramienta de imagenes en wordHerramienta de imagenes en word
Herramienta de imagenes en word
 
Flash ejercicios
Flash ejerciciosFlash ejercicios
Flash ejercicios
 
Analisis animacion analoga y digital
Analisis animacion analoga y digitalAnalisis animacion analoga y digital
Analisis animacion analoga y digital
 
Campaña de gatorade
Campaña de gatorade Campaña de gatorade
Campaña de gatorade
 
tutorial de Viual Fox pro 6.0 para hacer una tabla
tutorial de Viual Fox pro 6.0 para hacer una tablatutorial de Viual Fox pro 6.0 para hacer una tabla
tutorial de Viual Fox pro 6.0 para hacer una tabla
 
Canva
CanvaCanva
Canva
 
Partes de power point
Partes de power pointPartes de power point
Partes de power point
 
Escribir guiones de cine
Escribir guiones de cineEscribir guiones de cine
Escribir guiones de cine
 
MACROMEDIA FLASH 8
MACROMEDIA FLASH 8MACROMEDIA FLASH 8
MACROMEDIA FLASH 8
 
Practica Corel Draw - Vectorización y Efectos Especiales
Practica Corel Draw - Vectorización y Efectos EspecialesPractica Corel Draw - Vectorización y Efectos Especiales
Practica Corel Draw - Vectorización y Efectos Especiales
 
Introduccion power point
Introduccion power pointIntroduccion power point
Introduccion power point
 
LA REGLA DE ORO Y SUS TRES LEYES DE LA COM
LA REGLA DE ORO Y SUS TRES LEYES DE LA COMLA REGLA DE ORO Y SUS TRES LEYES DE LA COM
LA REGLA DE ORO Y SUS TRES LEYES DE LA COM
 
Manual de Flash Cs6
Manual de Flash Cs6Manual de Flash Cs6
Manual de Flash Cs6
 
Ppt plus caramelos media hora
Ppt plus caramelos media horaPpt plus caramelos media hora
Ppt plus caramelos media hora
 
Adobe photoshop power point
Adobe photoshop power pointAdobe photoshop power point
Adobe photoshop power point
 
Unidad 1 - Curso Photoshop CS5 - Sena Virtual
Unidad 1 - Curso Photoshop CS5 - Sena VirtualUnidad 1 - Curso Photoshop CS5 - Sena Virtual
Unidad 1 - Curso Photoshop CS5 - Sena Virtual
 
Practica n° 21 tampon de clonar
Practica n° 21 tampon de clonarPractica n° 21 tampon de clonar
Practica n° 21 tampon de clonar
 
Presentacion inshot
Presentacion inshotPresentacion inshot
Presentacion inshot
 
EL GUION. FUNDAMENTOS
EL GUION. FUNDAMENTOSEL GUION. FUNDAMENTOS
EL GUION. FUNDAMENTOS
 

Destaque

Destaque (20)

Flash tipos de animaciones
Flash tipos de animacionesFlash tipos de animaciones
Flash tipos de animaciones
 
Tipos de animacion
Tipos de animacionTipos de animacion
Tipos de animacion
 
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
 
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)
 

Semelhante a Línea de tiempo, fotogramas y animación en After Effects (20)

Animacion flash
Animacion flashAnimacion flash
Animacion flash
 
Cuadros clave-flash
Cuadros clave-flashCuadros clave-flash
Cuadros clave-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
 

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

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