SlideShare una empresa de Scribd logo
1 de 11
UNIDAD 3
‘’Aplicar Animación al Dibujo’’




               María Fernanda Ortega Meza
                             3°B
                        Informática
3.1 Aplicar movimiento al dibujo
 Para crear una animación en flash tienes que saber cuáles son las
  herramientas y como se utilizaran:

  Una animación puede hacer que un objeto se desplace a lo largo
  del escenario, aumente o disminuya de tamaño, gire, cambie de
  color, aparezca o desaparezca progresivamente, o cambie de
  forma. Los cambios pueden ocurrir por separado o combinados entre
  sí. Por ejemplo, puede hacer que un objeto gire a medida que
  aparece y se desplaza por el escenario.

  Existen dos métodos para crear una secuencia de animación en
  Flash: la animación interpolada y la animación fotograma por
  fotograma.
Animación limitada, full animation y rotoscopia

 En este tipo de animación, apreciamos que el personaje
  realiza las acciones con los movimientos justos, si tiene que
  hablar, hablara, pero su cuerpo permanecerá estático, o
  moverá un brazo, o los ojos, pero lo justo para realizar las
  acciones. Además de limitar la animación, este tipo de series
  de animación reutilizaban muchas animaciones para los
  siguientes episodios, así que se podría decir que muchos de
  ellos eran un “cortar” y “pegar”, así conseguían una gran
  velocidad de producción para atender la demanda
  televisiva. Este tipo de animación es la mas utilizada en flash, y
  la que vamos a explicar en este tutorial.
Full animation

 Como referente, no podía ser de otra forma, los largometrajes de
Disney. En estas producciones el objetivo primordial es mimar mucho
la animación, cada detalle, el vuelo de la ropa, el movimiento del
pelo, la respiración… Full animation es la animación más trabajada,
donde cada movimiento es realizado con todo lujo de detalles y
normalmente a 24fotogramas por segundo.
Rotoscopia

 No es exactamente una modalidad, sino un recurso más para ayudar
  a los animadores, la rotoscopia consiste en “calcar” los movimientos
  grabados de personas reales. Con flash esto es muy fácil de conseguir
  y dotamos a nuestra obra un ápice de espectacularidad, difícil de
  conseguir sino somos grandes animadores. Simplemente tenemos que
  importar un video en la capa inferior y trabajarlo como deseemos en
  las capas superiores. La rotoscopia puede verse en algunos
  momentos de películas como Titan AE o Anastasia.
Animación en sucio (rough) dibujos clave e
                    intercalaciones.
 Para plantear una animación, lo mas normal es dibujarla en sucio, mediante
  los encajes y volúmenes de nuestro personaje, esto sirve para tener una
    referencia clara del movimiento, y cuanto mas respetemos los volúmenes y
    proporciones en nuestra “rough animation” mejor funcionara nuestra
    animación.
   Para hacer la animación en sucio tenemos que tener en cuenta sobre todo
    las poses o dibujos clave de cada movimiento, para esto hay que tener algo
    de formación en el tema pero también es aplicar un poco de lógica: por
    ejemplo, imaginemos que nuestro personaje tiene que lanzar una piedra, las
    poses clave serían:
   El personaje en la posición inicial (reposo)
   El personaje con el brazo atrás cogiendo impulso para lanzar la piedra.
   El personaje con el brazo estirado hacia delante en el momento del
    lanzamiento.
3.2 modificar tamaño al dibujo
 Puede modificar las formas convirtiendo líneas en rellenos,
  expandiendo la forma de un objeto relleno o suavizando los bordes
  de una forma rellena modificando las curvas que la definen. La
  función Líneas a rellenos transforma las líneas en rellenos, lo que
  permite rellenar las líneas con degradados o borrar parte de una
  línea.
 Las funciones Expandir forma y Suavizar bordes permite expandir
  formas rellenas y hacer borrosos los bordes de las formas. Estas
  funciones trabajan mejor con formas pequeñas que no contengan
  demasiados detalles pequeños.
 Si se aplica Suavizar bordes a formas con numerosos detalles, es
  posible que aumente el tamaño del archivo de una película para
  Flash Player.
Expandir la forma de un objeto relleno


 Seleccione una forma rellena. Este comando funciona de
  forma óptima con formas rellenas de un sólo color sin trazo.
 Seleccione Modificar > Forma > Expandir relleno.
 En el cuadro de diálogo Expandir trazados, introduzca un valor
  en píxeles para la distancia y seleccione la dirección Expandir
  o Contraer. Expandir agranda la forma y Dimensiones la
  reduce.
 Convertir líneas en rellenos
        3.3 manipular formas del dibujo

 Seleccione una o varias líneas.
 Seleccione Modificar > Forma > Convertir líneas en rellenos. Las líneas
  seleccionadas se convertirán en formas rellenas.
 La conversión de líneas a rellenos incrementa el tamaño de los
  archivos, pero también puede acelerar el dibujo de algunas
  animaciones.
Expandir la forma de un objeto
                          relleno
   Seleccione una forma rellena. Este comando funciona de
  forma óptima con formas rellenas de un sólo color sin
  trazo.
 Seleccione Modificar > Forma > Expandir relleno.
 En el cuadro de diálogo Expandir trazados, introduzca un
  valor en píxeles para la distancia y seleccione la dirección
  Expandir o Contraer. Expandir agranda la forma y
  Dimensiones la reduce.
Suavizar los bordes de un objeto

 Seleccione una forma rellena. Este comando funciona de
  forma óptima con formas con un sólo relleno sin trazo.
 Seleccione Modificar > Forma > Suavizar bordes de relleno.
 Establezca las siguientes opciones:
   Distancia es la anchura en píxeles del borde suavizado.
   Número de escenarios controla la cantidad de curvas utilizadas
    para el efecto de suavizado de borde. Un mayor número de
    etapas produce un efecto más suave pero incrementa el tamaño
    del archivo y hace más lento su dibujo.
   Expandir o Contraer controla si la forma se amplía o reduce al
    suavizar los bordes.

Más contenido relacionado

La actualidad más candente (18)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Diapositivas storyboard
Diapositivas storyboardDiapositivas storyboard
Diapositivas storyboard
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3 gaem
Unidad 3 gaemUnidad 3 gaem
Unidad 3 gaem
 
Televisión
TelevisiónTelevisión
Televisión
 
Consulta de pixeles
Consulta de pixeles Consulta de pixeles
Consulta de pixeles
 
Software animacion
Software animacionSoftware animacion
Software animacion
 
Fotogramas y animacion
Fotogramas y animacionFotogramas y animacion
Fotogramas y animacion
 
Edicion imagenes[1]
Edicion imagenes[1]Edicion imagenes[1]
Edicion imagenes[1]
 
3 dsmax animacion
3 dsmax animacion3 dsmax animacion
3 dsmax animacion
 
La animacion
La animacionLa animacion
La animacion
 
Story board
Story boardStory board
Story board
 
Presentacion story board
Presentacion story boardPresentacion story board
Presentacion story board
 
Como hacer un story board
Como hacer un story boardComo hacer un story board
Como hacer un story board
 
Presentación1
Presentación1Presentación1
Presentación1
 

Destacado

Resumenlibroblanco
ResumenlibroblancoResumenlibroblanco
ResumenlibroblancoTania Cando
 
Grammar book #2
Grammar book #2Grammar book #2
Grammar book #2maddiiiix3
 
Pr20130404 wh ftf legal workshop amsterdam license proliferation v02
Pr20130404 wh ftf legal workshop amsterdam   license proliferation v02Pr20130404 wh ftf legal workshop amsterdam   license proliferation v02
Pr20130404 wh ftf legal workshop amsterdam license proliferation v02wvholst_mitopics
 
Author presentation
Author presentationAuthor presentation
Author presentationetkittredge
 
AGS Imperialism Position Paper Rubric
AGS Imperialism Position Paper RubricAGS Imperialism Position Paper Rubric
AGS Imperialism Position Paper Rubricdrterriholden
 
Priatampan sekomplek
Priatampan sekomplekPriatampan sekomplek
Priatampan sekomplekArmanManalu
 
AGS Spanish Cafe Entry Event
AGS Spanish Cafe Entry EventAGS Spanish Cafe Entry Event
AGS Spanish Cafe Entry Eventdrterriholden
 
Ottobre 2008 - La Crisi finanziaria, impatto sui mercati
Ottobre 2008 - La Crisi finanziaria, impatto sui mercatiOttobre 2008 - La Crisi finanziaria, impatto sui mercati
Ottobre 2008 - La Crisi finanziaria, impatto sui mercatistudiophi.ch
 
Spring flood reconstruction from tree rings (continuous and discontinuous ser...
Spring flood reconstruction from tree rings (continuous and discontinuous ser...Spring flood reconstruction from tree rings (continuous and discontinuous ser...
Spring flood reconstruction from tree rings (continuous and discontinuous ser...etbou24
 
送你两朵花_Yi
送你两朵花_Yi送你两朵花_Yi
送你两朵花_YiShanghaiYi
 
G0v summit-open-content-and-open-government
G0v summit-open-content-and-open-governmentG0v summit-open-content-and-open-government
G0v summit-open-content-and-open-governmentDennis Raylin Chen
 
Mathematical art rubric
Mathematical art rubricMathematical art rubric
Mathematical art rubricdrterriholden
 
Aula 1 2-es
Aula 1 2-esAula 1 2-es
Aula 1 2-escifjovo
 

Destacado (20)

Resumenlibroblanco
ResumenlibroblancoResumenlibroblanco
Resumenlibroblanco
 
Quite multimedia2011
Quite multimedia2011Quite multimedia2011
Quite multimedia2011
 
Trabajo informatica
Trabajo informaticaTrabajo informatica
Trabajo informatica
 
Grammar book #2
Grammar book #2Grammar book #2
Grammar book #2
 
Pr20130404 wh ftf legal workshop amsterdam license proliferation v02
Pr20130404 wh ftf legal workshop amsterdam   license proliferation v02Pr20130404 wh ftf legal workshop amsterdam   license proliferation v02
Pr20130404 wh ftf legal workshop amsterdam license proliferation v02
 
google
googlegoogle
google
 
Author presentation
Author presentationAuthor presentation
Author presentation
 
AGS Imperialism Position Paper Rubric
AGS Imperialism Position Paper RubricAGS Imperialism Position Paper Rubric
AGS Imperialism Position Paper Rubric
 
Priatampan sekomplek
Priatampan sekomplekPriatampan sekomplek
Priatampan sekomplek
 
AGS Spanish Cafe Entry Event
AGS Spanish Cafe Entry EventAGS Spanish Cafe Entry Event
AGS Spanish Cafe Entry Event
 
Ottobre 2008 - La Crisi finanziaria, impatto sui mercati
Ottobre 2008 - La Crisi finanziaria, impatto sui mercatiOttobre 2008 - La Crisi finanziaria, impatto sui mercati
Ottobre 2008 - La Crisi finanziaria, impatto sui mercati
 
Spring flood reconstruction from tree rings (continuous and discontinuous ser...
Spring flood reconstruction from tree rings (continuous and discontinuous ser...Spring flood reconstruction from tree rings (continuous and discontinuous ser...
Spring flood reconstruction from tree rings (continuous and discontinuous ser...
 
Mediación
MediaciónMediación
Mediación
 
送你两朵花_Yi
送你两朵花_Yi送你两朵花_Yi
送你两朵花_Yi
 
G0v summit-open-content-and-open-government
G0v summit-open-content-and-open-governmentG0v summit-open-content-and-open-government
G0v summit-open-content-and-open-government
 
Logos y fotos
Logos y fotosLogos y fotos
Logos y fotos
 
I. I. E. S
I. I. E. SI. I. E. S
I. I. E. S
 
Mathematical art rubric
Mathematical art rubricMathematical art rubric
Mathematical art rubric
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Aula 1 2-es
Aula 1 2-esAula 1 2-es
Aula 1 2-es
 

Similar a Unidad 3 (20)

Unidad 3 1
Unidad 3 1Unidad 3 1
Unidad 3 1
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3 Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3 gaem
Unidad 3 gaemUnidad 3 gaem
Unidad 3 gaem
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad3
Unidad3Unidad3
Unidad3
 
UNIDAD 3
UNIDAD 3UNIDAD 3
UNIDAD 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Principios animiacion
Principios animiacionPrincipios animiacion
Principios animiacion
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Modelado Y AnimacióN De Objetos 2 D Y 3 D
Modelado Y AnimacióN De Objetos 2 D Y 3 DModelado Y AnimacióN De Objetos 2 D Y 3 D
Modelado Y AnimacióN De Objetos 2 D Y 3 D
 
Modelado y animación de objetos 2 d y 3d
Modelado y animación de objetos 2 d y 3dModelado y animación de objetos 2 d y 3d
Modelado y animación de objetos 2 d y 3d
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 

Más de Maryfer' Ortega (20)

Unidad1 130504121721-phpapp02
Unidad1 130504121721-phpapp02Unidad1 130504121721-phpapp02
Unidad1 130504121721-phpapp02
 
Terceraunidad 130504124039-phpapp02
Terceraunidad 130504124039-phpapp02Terceraunidad 130504124039-phpapp02
Terceraunidad 130504124039-phpapp02
 
Segundaunidad3 130504164926-phpapp01
Segundaunidad3 130504164926-phpapp01Segundaunidad3 130504164926-phpapp01
Segundaunidad3 130504164926-phpapp01
 
Unidad2 130505161710-phpapp02
Unidad2 130505161710-phpapp02Unidad2 130505161710-phpapp02
Unidad2 130505161710-phpapp02
 
Unidad 7
Unidad 7Unidad 7
Unidad 7
 
Practica 30
Practica 30Practica 30
Practica 30
 
Practica 29 de gaem
Practica 29 de gaemPractica 29 de gaem
Practica 29 de gaem
 
Sopa de letras
Sopa de letrasSopa de letras
Sopa de letras
 
Practica 23
Practica 23Practica 23
Practica 23
 
Practica 24
Practica 24Practica 24
Practica 24
 
Practica 26
Practica 26Practica 26
Practica 26
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
 
Unidad6
Unidad6 Unidad6
Unidad6
 
Practica 25
Practica 25Practica 25
Practica 25
 
Practica 22
Practica 22Practica 22
Practica 22
 
Practica 21
Practica 21Practica 21
Practica 21
 
Practica 20
Practica 20Practica 20
Practica 20
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 

Unidad 3

  • 1. UNIDAD 3 ‘’Aplicar Animación al Dibujo’’ María Fernanda Ortega Meza 3°B Informática
  • 2. 3.1 Aplicar movimiento al dibujo  Para crear una animación en flash tienes que saber cuáles son las herramientas y como se utilizaran: Una animación puede hacer que un objeto se desplace a lo largo del escenario, aumente o disminuya de tamaño, gire, cambie de color, aparezca o desaparezca progresivamente, o cambie de forma. Los cambios pueden ocurrir por separado o combinados entre sí. Por ejemplo, puede hacer que un objeto gire a medida que aparece y se desplaza por el escenario. Existen dos métodos para crear una secuencia de animación en Flash: la animación interpolada y la animación fotograma por fotograma.
  • 3. Animación limitada, full animation y rotoscopia  En este tipo de animación, apreciamos que el personaje realiza las acciones con los movimientos justos, si tiene que hablar, hablara, pero su cuerpo permanecerá estático, o moverá un brazo, o los ojos, pero lo justo para realizar las acciones. Además de limitar la animación, este tipo de series de animación reutilizaban muchas animaciones para los siguientes episodios, así que se podría decir que muchos de ellos eran un “cortar” y “pegar”, así conseguían una gran velocidad de producción para atender la demanda televisiva. Este tipo de animación es la mas utilizada en flash, y la que vamos a explicar en este tutorial.
  • 4. Full animation Como referente, no podía ser de otra forma, los largometrajes de Disney. En estas producciones el objetivo primordial es mimar mucho la animación, cada detalle, el vuelo de la ropa, el movimiento del pelo, la respiración… Full animation es la animación más trabajada, donde cada movimiento es realizado con todo lujo de detalles y normalmente a 24fotogramas por segundo.
  • 5. Rotoscopia  No es exactamente una modalidad, sino un recurso más para ayudar a los animadores, la rotoscopia consiste en “calcar” los movimientos grabados de personas reales. Con flash esto es muy fácil de conseguir y dotamos a nuestra obra un ápice de espectacularidad, difícil de conseguir sino somos grandes animadores. Simplemente tenemos que importar un video en la capa inferior y trabajarlo como deseemos en las capas superiores. La rotoscopia puede verse en algunos momentos de películas como Titan AE o Anastasia.
  • 6. Animación en sucio (rough) dibujos clave e intercalaciones.  Para plantear una animación, lo mas normal es dibujarla en sucio, mediante los encajes y volúmenes de nuestro personaje, esto sirve para tener una referencia clara del movimiento, y cuanto mas respetemos los volúmenes y proporciones en nuestra “rough animation” mejor funcionara nuestra animación.  Para hacer la animación en sucio tenemos que tener en cuenta sobre todo las poses o dibujos clave de cada movimiento, para esto hay que tener algo de formación en el tema pero también es aplicar un poco de lógica: por ejemplo, imaginemos que nuestro personaje tiene que lanzar una piedra, las poses clave serían:  El personaje en la posición inicial (reposo)  El personaje con el brazo atrás cogiendo impulso para lanzar la piedra.  El personaje con el brazo estirado hacia delante en el momento del lanzamiento.
  • 7. 3.2 modificar tamaño al dibujo  Puede modificar las formas convirtiendo líneas en rellenos, expandiendo la forma de un objeto relleno o suavizando los bordes de una forma rellena modificando las curvas que la definen. La función Líneas a rellenos transforma las líneas en rellenos, lo que permite rellenar las líneas con degradados o borrar parte de una línea.  Las funciones Expandir forma y Suavizar bordes permite expandir formas rellenas y hacer borrosos los bordes de las formas. Estas funciones trabajan mejor con formas pequeñas que no contengan demasiados detalles pequeños.  Si se aplica Suavizar bordes a formas con numerosos detalles, es posible que aumente el tamaño del archivo de una película para Flash Player.
  • 8. Expandir la forma de un objeto relleno  Seleccione una forma rellena. Este comando funciona de forma óptima con formas rellenas de un sólo color sin trazo.  Seleccione Modificar > Forma > Expandir relleno.  En el cuadro de diálogo Expandir trazados, introduzca un valor en píxeles para la distancia y seleccione la dirección Expandir o Contraer. Expandir agranda la forma y Dimensiones la reduce.
  • 9.  Convertir líneas en rellenos 3.3 manipular formas del dibujo  Seleccione una o varias líneas.  Seleccione Modificar > Forma > Convertir líneas en rellenos. Las líneas seleccionadas se convertirán en formas rellenas.  La conversión de líneas a rellenos incrementa el tamaño de los archivos, pero también puede acelerar el dibujo de algunas animaciones.
  • 10. Expandir la forma de un objeto relleno Seleccione una forma rellena. Este comando funciona de forma óptima con formas rellenas de un sólo color sin trazo.  Seleccione Modificar > Forma > Expandir relleno.  En el cuadro de diálogo Expandir trazados, introduzca un valor en píxeles para la distancia y seleccione la dirección Expandir o Contraer. Expandir agranda la forma y Dimensiones la reduce.
  • 11. Suavizar los bordes de un objeto  Seleccione una forma rellena. Este comando funciona de forma óptima con formas con un sólo relleno sin trazo.  Seleccione Modificar > Forma > Suavizar bordes de relleno.  Establezca las siguientes opciones:  Distancia es la anchura en píxeles del borde suavizado.  Número de escenarios controla la cantidad de curvas utilizadas para el efecto de suavizado de borde. Un mayor número de etapas produce un efecto más suave pero incrementa el tamaño del archivo y hace más lento su dibujo.  Expandir o Contraer controla si la forma se amplía o reduce al suavizar los bordes.