SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
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

Más contenido relacionado

La actualidad más candente (20)

Tecnicas de animacion_en_3D
Tecnicas de animacion_en_3DTecnicas de animacion_en_3D
Tecnicas de animacion_en_3D
 
La Composicion de la Imagen
La Composicion de la ImagenLa Composicion de la Imagen
La Composicion de la Imagen
 
HISTORIA DE UN EMPRENDEDOR (MENESTRAS DEL NEGRO)
HISTORIA DE UN EMPRENDEDOR (MENESTRAS DEL NEGRO)HISTORIA DE UN EMPRENDEDOR (MENESTRAS DEL NEGRO)
HISTORIA DE UN EMPRENDEDOR (MENESTRAS DEL NEGRO)
 
Manual de Identidad Corporativa - S*E
Manual de Identidad Corporativa - S*EManual de Identidad Corporativa - S*E
Manual de Identidad Corporativa - S*E
 
Introducción a la tecnología multimedios
Introducción a la tecnología multimediosIntroducción a la tecnología multimedios
Introducción a la tecnología multimedios
 
ELementos de la imagen
ELementos de la imagenELementos de la imagen
ELementos de la imagen
 
Naming
NamingNaming
Naming
 
Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
El Comic
El ComicEl Comic
El Comic
 
Fotografía y camara
Fotografía y camaraFotografía y camara
Fotografía y camara
 
Ilustración Digital
Ilustración DigitalIlustración Digital
Ilustración Digital
 
Fotografía (introducción)
Fotografía (introducción)Fotografía (introducción)
Fotografía (introducción)
 
Comunicación
ComunicaciónComunicación
Comunicación
 
Absolut imagen: análisis de una imagen publicitaria primera parte
Absolut imagen: análisis de una imagen publicitaria primera parteAbsolut imagen: análisis de una imagen publicitaria primera parte
Absolut imagen: análisis de una imagen publicitaria primera parte
 
HISTORIA DEL AUTOMOVIL
HISTORIA DEL AUTOMOVILHISTORIA DEL AUTOMOVIL
HISTORIA DEL AUTOMOVIL
 
Memoria diseño gráfico
Memoria diseño gráficoMemoria diseño gráfico
Memoria diseño gráfico
 
La publicidad y el cartel
La publicidad y el cartelLa publicidad y el cartel
La publicidad y el cartel
 
Storyboard
StoryboardStoryboard
Storyboard
 
La Composición Gráfica
La Composición GráficaLa Composición Gráfica
La Composición Gráfica
 
La imagen en movimiento
La imagen en movimientoLa imagen en movimiento
La imagen en movimiento
 

Destacado

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
 

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

Similar a Fotogramas y animacion (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
 

Más 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
 

Más 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
 

Fotogramas y animacion

  • 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