SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

El Proceso de Animación
El Proceso de AnimaciónEl Proceso de Animación
El Proceso de AnimaciónAlfredo Salazar
 
Composicion En Fotografia
Composicion En FotografiaComposicion En Fotografia
Composicion En FotografiaMarinale
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartelalfredoU2
 
Estructura narrativa para audiovisual (1)
Estructura narrativa para audiovisual (1)Estructura narrativa para audiovisual (1)
Estructura narrativa para audiovisual (1)Lic. Araceli Posada
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designersshira73
 
Leyes perceptivas. Teoría de la Gestalt
Leyes perceptivas. Teoría de la GestaltLeyes perceptivas. Teoría de la Gestalt
Leyes perceptivas. Teoría de la Gestaltabriljulia
 
La publicidad y el cartel
La publicidad y el cartelLa publicidad y el cartel
La publicidad y el cartelalfredoU2
 
Taller de imagen: denotación y connotación
Taller de  imagen:  denotación y connotaciónTaller de  imagen:  denotación y connotación
Taller de imagen: denotación y connotaciónArte_Factory
 
El cartel y diseño grafico (2)
El cartel y diseño grafico (2)El cartel y diseño grafico (2)
El cartel y diseño grafico (2)Byron
 
Uv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacionUv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacionMarvin Millon
 
Hacia una Metodología de Diseño Web Responsive
Hacia una Metodología de Diseño Web ResponsiveHacia una Metodología de Diseño Web Responsive
Hacia una Metodología de Diseño Web ResponsiveHernan Beati
 
Basics of typography kerning
Basics of typography kerningBasics of typography kerning
Basics of typography kerningalfiyafalak
 
Narrativa Audiovisual
Narrativa AudiovisualNarrativa Audiovisual
Narrativa AudiovisualSaidor
 
Presentaciones Electronicas
Presentaciones ElectronicasPresentaciones Electronicas
Presentaciones ElectronicasMike Coral
 
Clasificación de las imágenes
Clasificación de las imágenesClasificación de las imágenes
Clasificación de las imágenescamila120_c
 

Tendances (20)

El Proceso de Animación
El Proceso de AnimaciónEl Proceso de Animación
El Proceso de Animación
 
Composicion En Fotografia
Composicion En FotografiaComposicion En Fotografia
Composicion En Fotografia
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartel
 
Que son fuentes tipográficas
Que son fuentes tipográficasQue son fuentes tipográficas
Que son fuentes tipográficas
 
Estructura narrativa para audiovisual (1)
Estructura narrativa para audiovisual (1)Estructura narrativa para audiovisual (1)
Estructura narrativa para audiovisual (1)
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
 
Leyes perceptivas. Teoría de la Gestalt
Leyes perceptivas. Teoría de la GestaltLeyes perceptivas. Teoría de la Gestalt
Leyes perceptivas. Teoría de la Gestalt
 
La publicidad y el cartel
La publicidad y el cartelLa publicidad y el cartel
La publicidad y el cartel
 
Taller de imagen: denotación y connotación
Taller de  imagen:  denotación y connotaciónTaller de  imagen:  denotación y connotación
Taller de imagen: denotación y connotación
 
Animation
AnimationAnimation
Animation
 
El cartel y diseño grafico (2)
El cartel y diseño grafico (2)El cartel y diseño grafico (2)
El cartel y diseño grafico (2)
 
Uv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacionUv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacion
 
Hacia una Metodología de Diseño Web Responsive
Hacia una Metodología de Diseño Web ResponsiveHacia una Metodología de Diseño Web Responsive
Hacia una Metodología de Diseño Web Responsive
 
Basics of typography kerning
Basics of typography kerningBasics of typography kerning
Basics of typography kerning
 
Historia del Diseño
Historia del DiseñoHistoria del Diseño
Historia del Diseño
 
Narrativa Audiovisual
Narrativa AudiovisualNarrativa Audiovisual
Narrativa Audiovisual
 
Animation
AnimationAnimation
Animation
 
Presentaciones Electronicas
Presentaciones ElectronicasPresentaciones Electronicas
Presentaciones Electronicas
 
Materiales multimedia
Materiales multimediaMateriales multimedia
Materiales multimedia
 
Clasificación de las imágenes
Clasificación de las imágenesClasificación de las imágenes
Clasificación de las imágenes
 

En vedette

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
 

En vedette (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
 

Similaire à Fotogramas y animacion (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
 

Plus 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
 

Plus 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