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

Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.
Oswaldo Díaz
 
Criterios para una buena presentación multimedia
Criterios para una buena presentación multimediaCriterios para una buena presentación multimedia
Criterios para una buena presentación multimedia
Daniela Machado
 
Unidad 2 Manipular el Dibujo Utilizando Herramientas de Diseño
Unidad 2 Manipular el Dibujo Utilizando Herramientas de DiseñoUnidad 2 Manipular el Dibujo Utilizando Herramientas de Diseño
Unidad 2 Manipular el Dibujo Utilizando Herramientas de Diseño
Cesar Govea Rodriguez
 
Herramienta frame en visual basic
Herramienta frame en visual basicHerramienta frame en visual basic
Herramienta frame en visual basic
Mony Athuz
 

Tendances (20)

Flash tipos de animaciones
Flash tipos de animacionesFlash tipos de animaciones
Flash tipos de animaciones
 
movie maker ¿para que sirve?
movie maker ¿para que sirve?movie maker ¿para que sirve?
movie maker ¿para que sirve?
 
Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.
 
Computer animation
Computer animationComputer animation
Computer animation
 
Criterios para una buena presentación multimedia
Criterios para una buena presentación multimediaCriterios para una buena presentación multimedia
Criterios para una buena presentación multimedia
 
Dfd ejercicios 2017__01
Dfd ejercicios 2017__01Dfd ejercicios 2017__01
Dfd ejercicios 2017__01
 
Ejercicios practicos con Kdenlive 2018
Ejercicios practicos con Kdenlive 2018Ejercicios practicos con Kdenlive 2018
Ejercicios practicos con Kdenlive 2018
 
Storyboard
StoryboardStoryboard
Storyboard
 
Presentadores digitales
Presentadores digitalesPresentadores digitales
Presentadores digitales
 
Programacion orientada-a-objetos-luis-joyanes-aguilar
Programacion orientada-a-objetos-luis-joyanes-aguilarProgramacion orientada-a-objetos-luis-joyanes-aguilar
Programacion orientada-a-objetos-luis-joyanes-aguilar
 
Introduction To Flash
Introduction To FlashIntroduction To Flash
Introduction To Flash
 
Modo de operaciones del presentador electrónico
Modo de operaciones del presentador electrónicoModo de operaciones del presentador electrónico
Modo de operaciones del presentador electrónico
 
Unidad 2 Manipular el Dibujo Utilizando Herramientas de Diseño
Unidad 2 Manipular el Dibujo Utilizando Herramientas de DiseñoUnidad 2 Manipular el Dibujo Utilizando Herramientas de Diseño
Unidad 2 Manipular el Dibujo Utilizando Herramientas de Diseño
 
pseint ppt.pptx
pseint ppt.pptxpseint ppt.pptx
pseint ppt.pptx
 
Basic Concepts of Animation
Basic Concepts of AnimationBasic Concepts of Animation
Basic Concepts of Animation
 
Herramienta frame en visual basic
Herramienta frame en visual basicHerramienta frame en visual basic
Herramienta frame en visual basic
 
Algoritmo
AlgoritmoAlgoritmo
Algoritmo
 
Pseint
PseintPseint
Pseint
 
Las herramientas mas comunes de word
Las herramientas mas comunes de wordLas herramientas mas comunes de word
Las herramientas mas comunes de word
 
Ppt algoritmo
Ppt algoritmoPpt algoritmo
Ppt algoritmo
 

En vedette

Capas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempoCapas, fotogramas, linea de tiempo
Capas, fotogramas, linea de tiempo
Cesar 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 flash
Universidad Veracruzana
 
Historia de Adobe Flash
Historia de Adobe FlashHistoria de Adobe Flash
Historia de Adobe Flash
Kevin 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 c
acvp
 

En vedette (20)

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
 
Adobe flash (historia y versiones)
Adobe flash (historia y versiones)Adobe flash (historia y versiones)
Adobe flash (historia y versiones)
 

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