SlideShare una empresa de Scribd logo
1 de 10
Aylín Yunuel Ortiz Zúñiga 3 «B» Informática

                UNIDAD #3

Generación De Animación Con Elementos Multimedia.
3.-Aplicar Animación Al Dibujo
                   3.1.- Aplicar Movimiento Al Dibujo
Aplicar un gif animado para muchos que ya sabemos es fácil pero para otro es complicado. Lo primero que
     debemos hacer es colocar el cursor encima del gif que desees bajar y con el botón derecho del mouse
     seleccionaremos la opción Guardar Como y hay que seleccionar un directorio donde guardarlo.
Diseñar o transparentar tus gif animados
Los gif animados son varias imágenes en formato gif unidas por el programa adecuado. Podríamos hablar
     tranquilamente de «Dibujos Animados» ya que la técnica utilizada es prácticamente la misma.
Esta bandera de la paz servirá de ejemplo: Como habrás comprobado la segunda imagen transparentes
     mas estética que la primera ya que la podemos colocar encima de cualquier fondo sin que aparezca
     ese molesto recuerdo blanco. Para conseguir esta transparencia abriremos el gif original con
     «Animation shop». Como podemos observar en la figura de abajo el fondo de la bandera es blanco y el
     dibujo también utiliza el mismo color. Esto nos permite una transparencia directa que
     transparentaríamos el símbolo de la paz.
el segundo paso consistiría en guardar cada «frame»… f1, f:2…etc. En el formato que
        queremos. Para este caso se recomienda elegir el original asea el GIF+}
Y tintar con un color que no contenga la imagen. En este caso hemos pintado con un
     color verde. Este paso lo repetiremos con los 10 frames que componen este Gif
                                        animado.
Con el photo editor transparentamos en color verde consiguiendo el efecto que
      podemos ver en la imagen de abajo. A partir de aquí ya disponemos de una
    imagen transparente que procederemos a guardar en formato GIF. Repetiremos
           este paso con todas las imágenes que conforman el Gif animado.
Una vez guardadas todas las imágenes en formato GIF, ya en condiciones de construir
           un gif animado transparente. Volveremos a utilizar «animation shop»,
           escogeremos la opción «animation Wizard» que tenemos en «File» y,
      procuraremos que en el segunda pantalla que nos aparece este activada esta
    casilla «Transparent». Daremos clic en «Siguiente» hasta llegar a la ventana en el
                    que se nos deja escoger la velocidad de los «frame».
En este caso seleccionaremos 10 y dejaremos activada la opción «yes, repeat the
     animation indefinitely». En ellos nos proporcionara una animación repetida.
Solo nos queda insertar los GIFS transparentes (frame) por orden, Guardar el archivo
      obtenido y así tendremos ya cumplido nuestro objetivo: la bandera de la paz
                                     transparente.
3.2.-Modificar Tamaño Al Dibujo.

                           Modificar formas:
 Puede modificar 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ínea 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 permiten 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.
3.3.- Manipular Formas Del Dibujo.
     Antes de manipular el dibujo tenemos que haber que son y como son las
                               herramientas de diseño.
    Flash ofrece diversas herramientas de dibujo que permiten crear. Todas las
     herramientas son diferentes y proporcionan resultados estilísticos distintos.
HERRAMIENTA PINCEL: la herramienta pincel es probablemente la mas facil y util de
   todas las herramientas, especialmente si se combina como una tableta sensible a
   la presión., Dibujar con esta herramienta es lo mismo que dibujar con formas. Es
      la herramienta cuyo uso resulta mas natural, ya que ofrece sensibilidad a la
                                presión y a la inclinación.
La herramienta Pincel ofrece diversas subopciones que ayudan a dibujar
                                 determinados objetos.
         Pintura Normal: Pinta sobre las líneas y rellenos de la misma capa.
 Rellenos de pintura: Pinta dentro de un color de relleno y fuera de una forma (en el
                                       escenario).
           Pintar detrás: Pinta detrás de los rellenos y trazos existentes.
 Pintar Selección: Lo permite pintar solamente dentro de un relleno seleccionado .
Pintar Dentro: le impide salirse de las líneas después de empezar a pintar un dibujo o
                                            forma.
HERRAMIENTA LÁPIZ: La herramienta lápiz, es la herramienta perfecta si se desea
   lograr un grosor de línea Homogénea en toda la imagen y con en menor tamaño
                                    posibles..
               También ofrece diversos modos de calidad de línea:
Enderezar: esta opción es estupenda cuando se desea dibujar línea rectas a mano
  alzada. Aunque le tiemble el pulso., las líneas se ajustarán a la recta después de
                             terminar de dibujar el trazo.
    Suavizar: si se utiliza esta opción, las líneas se suavizan automáticamente
                   conservando la forma básica que se desea crear.
 Tinta: Esta opción deja modificar la calidad de la línea. Se de trata de una opción
                magnífica para dibujos a mano alzada o de estilo libre.
Papel cebolla:
la herramienta papel cebolla esta situada en el panel inferior del panel de la línea del
                                        tiempo.
                       Flash ofrece dos tipos de papel cebolla:
   Papel cebolla normal: El fotograma actual se muestra a todo color mientras los
     fotogramas anteriores y posteriores se atenúan progresivamente. Con esto se
      consigue dar la sensación de que hay una serie de dibujos creados en papel
                      semitransparente apilados unos sobre otro.
 Modo de contornos de papel cebolla: El fotograma actual se muestra a todo color,
  mientras que los fotograma anteriores y posteriores se muestran como contornos.
  Estos es más fácil de ver cuando se trabaja con varios fotogramas clave situados
                        antes y después del fotograma actual.

Más contenido relacionado

La actualidad más candente (17)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad3
Unidad3Unidad3
Unidad3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Macromedia flash 8 unidad 3
Macromedia flash 8 unidad 3Macromedia flash 8 unidad 3
Macromedia flash 8 unidad 3
 
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
 
Unidad 3 gaem
Unidad 3 gaemUnidad 3 gaem
Unidad 3 gaem
 
Unidad 3...
Unidad 3...Unidad 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
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 

Destacado

Proyecto Ureps ITS Paysandú 2012 Documento
Proyecto Ureps ITS Paysandú 2012 DocumentoProyecto Ureps ITS Paysandú 2012 Documento
Proyecto Ureps ITS Paysandú 2012 Documento
ureps
 
Misterwong
MisterwongMisterwong
Misterwong
luciec
 
Parametros en indices de satisfaccion del consumidor en servicios moviles
Parametros en indices de satisfaccion del consumidor en servicios movilesParametros en indices de satisfaccion del consumidor en servicios moviles
Parametros en indices de satisfaccion del consumidor en servicios moviles
Ministerio TIC Colombia
 
Sector administrativo
Sector administrativoSector administrativo
Sector administrativo
BryanJC
 

Destacado (20)

Aprender a captar nuevos clientes utilizando lead generation card de twitter
Aprender a captar nuevos clientes utilizando lead generation card de twitterAprender a captar nuevos clientes utilizando lead generation card de twitter
Aprender a captar nuevos clientes utilizando lead generation card de twitter
 
Taller
TallerTaller
Taller
 
Clase 4
Clase 4Clase 4
Clase 4
 
Unidad 4♥
Unidad 4♥Unidad 4♥
Unidad 4♥
 
Energias renovables
Energias renovablesEnergias renovables
Energias renovables
 
Proyecto Ureps ITS Paysandú 2012 Documento
Proyecto Ureps ITS Paysandú 2012 DocumentoProyecto Ureps ITS Paysandú 2012 Documento
Proyecto Ureps ITS Paysandú 2012 Documento
 
Prueba de hipotesis
Prueba de hipotesisPrueba de hipotesis
Prueba de hipotesis
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
 
Sistema operativo
Sistema operativoSistema operativo
Sistema operativo
 
Presentación yo, mi region, mi cultura
Presentación yo, mi region, mi culturaPresentación yo, mi region, mi cultura
Presentación yo, mi region, mi cultura
 
MODELO TRANSTEÓRICO DE CAMBIO PARA CONDUCTAS ADICTIVAS I
MODELO TRANSTEÓRICO DE CAMBIO PARA CONDUCTAS ADICTIVAS I MODELO TRANSTEÓRICO DE CAMBIO PARA CONDUCTAS ADICTIVAS I
MODELO TRANSTEÓRICO DE CAMBIO PARA CONDUCTAS ADICTIVAS I
 
Globalización
GlobalizaciónGlobalización
Globalización
 
Misterwong
MisterwongMisterwong
Misterwong
 
Tiposdeevaluacinslideshare 130731173101-phpapp02
Tiposdeevaluacinslideshare 130731173101-phpapp02Tiposdeevaluacinslideshare 130731173101-phpapp02
Tiposdeevaluacinslideshare 130731173101-phpapp02
 
Como actuar ante un conflicto
Como actuar ante un conflictoComo actuar ante un conflicto
Como actuar ante un conflicto
 
Parametros en indices de satisfaccion del consumidor en servicios moviles
Parametros en indices de satisfaccion del consumidor en servicios movilesParametros en indices de satisfaccion del consumidor en servicios moviles
Parametros en indices de satisfaccion del consumidor en servicios moviles
 
Sesqui
SesquiSesqui
Sesqui
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Sector administrativo
Sector administrativoSector administrativo
Sector administrativo
 
Planificación 2
Planificación 2Planificación 2
Planificación 2
 

Similar a Presentación unidad #3 (17)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Cuestionario unidad 3
Cuestionario unidad 3Cuestionario unidad 3
Cuestionario unidad 3
 
4 gimp e-inkscape
4 gimp e-inkscape4 gimp e-inkscape
4 gimp e-inkscape
 
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
 
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
 
Tutorial facil photoshop
Tutorial facil photoshopTutorial facil photoshop
Tutorial facil photoshop
 
Tutorial facil photoshop
Tutorial facil photoshopTutorial facil photoshop
Tutorial facil photoshop
 
Bloque 5 tratamiento digital de las imágenes
Bloque 5 tratamiento digital de las imágenesBloque 5 tratamiento digital de las imágenes
Bloque 5 tratamiento digital de las imágenes
 
Photoshop capitulo i
Photoshop capitulo iPhotoshop capitulo i
Photoshop capitulo i
 

Más de yunuel Ortiz Zúñiga (20)

Piensa, aliméntate, ahorra, una
Piensa, aliméntate, ahorra, unaPiensa, aliméntate, ahorra, una
Piensa, aliméntate, ahorra, una
 
Tercera unidad
Tercera unidadTercera unidad
Tercera unidad
 
Unidad dos
Unidad dosUnidad dos
Unidad dos
 
Primera unidad
Primera unidadPrimera unidad
Primera unidad
 
Pract ica 30
Pract ica  30Pract ica  30
Pract ica 30
 
Práctica #29
Práctica #29Práctica #29
Práctica #29
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Práctica 26
Práctica 26Práctica 26
Práctica 26
 
Practica 25
Practica 25Practica 25
Practica 25
 
Unidad 6♥
Unidad 6♥Unidad 6♥
Unidad 6♥
 
Practica 24
Practica 24Practica 24
Practica 24
 
Practica 23
Practica 23Practica 23
Practica 23
 
Practica 22
Practica 22Practica 22
Practica 22
 
Sopa de letras
Sopa de letrasSopa de letras
Sopa de letras
 
pràctica # 22 Laura Ojeda y Aylìn Ortiz
pràctica # 22 Laura Ojeda y Aylìn Ortizpràctica # 22 Laura Ojeda y Aylìn Ortiz
pràctica # 22 Laura Ojeda y Aylìn Ortiz
 
Práctica 21♥ Yunuel Ortiz
Práctica 21♥ Yunuel OrtizPráctica 21♥ Yunuel Ortiz
Práctica 21♥ Yunuel Ortiz
 
Práctica 20
Práctica 20Práctica 20
Práctica 20
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Práctica 15☺
Práctica 15☺Práctica 15☺
Práctica 15☺
 
Programaa
ProgramaaProgramaa
Programaa
 

Presentación unidad #3

  • 1. Aylín Yunuel Ortiz Zúñiga 3 «B» Informática UNIDAD #3 Generación De Animación Con Elementos Multimedia.
  • 2. 3.-Aplicar Animación Al Dibujo 3.1.- Aplicar Movimiento Al Dibujo Aplicar un gif animado para muchos que ya sabemos es fácil pero para otro es complicado. Lo primero que debemos hacer es colocar el cursor encima del gif que desees bajar y con el botón derecho del mouse seleccionaremos la opción Guardar Como y hay que seleccionar un directorio donde guardarlo. Diseñar o transparentar tus gif animados Los gif animados son varias imágenes en formato gif unidas por el programa adecuado. Podríamos hablar tranquilamente de «Dibujos Animados» ya que la técnica utilizada es prácticamente la misma. Esta bandera de la paz servirá de ejemplo: Como habrás comprobado la segunda imagen transparentes mas estética que la primera ya que la podemos colocar encima de cualquier fondo sin que aparezca ese molesto recuerdo blanco. Para conseguir esta transparencia abriremos el gif original con «Animation shop». Como podemos observar en la figura de abajo el fondo de la bandera es blanco y el dibujo también utiliza el mismo color. Esto nos permite una transparencia directa que transparentaríamos el símbolo de la paz.
  • 3. el segundo paso consistiría en guardar cada «frame»… f1, f:2…etc. En el formato que queremos. Para este caso se recomienda elegir el original asea el GIF+} Y tintar con un color que no contenga la imagen. En este caso hemos pintado con un color verde. Este paso lo repetiremos con los 10 frames que componen este Gif animado.
  • 4. Con el photo editor transparentamos en color verde consiguiendo el efecto que podemos ver en la imagen de abajo. A partir de aquí ya disponemos de una imagen transparente que procederemos a guardar en formato GIF. Repetiremos este paso con todas las imágenes que conforman el Gif animado. Una vez guardadas todas las imágenes en formato GIF, ya en condiciones de construir un gif animado transparente. Volveremos a utilizar «animation shop», escogeremos la opción «animation Wizard» que tenemos en «File» y, procuraremos que en el segunda pantalla que nos aparece este activada esta casilla «Transparent». Daremos clic en «Siguiente» hasta llegar a la ventana en el que se nos deja escoger la velocidad de los «frame».
  • 5. En este caso seleccionaremos 10 y dejaremos activada la opción «yes, repeat the animation indefinitely». En ellos nos proporcionara una animación repetida. Solo nos queda insertar los GIFS transparentes (frame) por orden, Guardar el archivo obtenido y así tendremos ya cumplido nuestro objetivo: la bandera de la paz transparente.
  • 6. 3.2.-Modificar Tamaño Al Dibujo. Modificar formas: Puede modificar 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ínea 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 permiten 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.
  • 7. 3.3.- Manipular Formas Del Dibujo. Antes de manipular el dibujo tenemos que haber que son y como son las herramientas de diseño. Flash ofrece diversas herramientas de dibujo que permiten crear. Todas las herramientas son diferentes y proporcionan resultados estilísticos distintos. HERRAMIENTA PINCEL: la herramienta pincel es probablemente la mas facil y util de todas las herramientas, especialmente si se combina como una tableta sensible a la presión., Dibujar con esta herramienta es lo mismo que dibujar con formas. Es la herramienta cuyo uso resulta mas natural, ya que ofrece sensibilidad a la presión y a la inclinación.
  • 8. La herramienta Pincel ofrece diversas subopciones que ayudan a dibujar determinados objetos. Pintura Normal: Pinta sobre las líneas y rellenos de la misma capa. Rellenos de pintura: Pinta dentro de un color de relleno y fuera de una forma (en el escenario). Pintar detrás: Pinta detrás de los rellenos y trazos existentes. Pintar Selección: Lo permite pintar solamente dentro de un relleno seleccionado . Pintar Dentro: le impide salirse de las líneas después de empezar a pintar un dibujo o forma.
  • 9. HERRAMIENTA LÁPIZ: La herramienta lápiz, es la herramienta perfecta si se desea lograr un grosor de línea Homogénea en toda la imagen y con en menor tamaño posibles.. También ofrece diversos modos de calidad de línea: Enderezar: esta opción es estupenda cuando se desea dibujar línea rectas a mano alzada. Aunque le tiemble el pulso., las líneas se ajustarán a la recta después de terminar de dibujar el trazo. Suavizar: si se utiliza esta opción, las líneas se suavizan automáticamente conservando la forma básica que se desea crear. Tinta: Esta opción deja modificar la calidad de la línea. Se de trata de una opción magnífica para dibujos a mano alzada o de estilo libre.
  • 10. Papel cebolla: la herramienta papel cebolla esta situada en el panel inferior del panel de la línea del tiempo. Flash ofrece dos tipos de papel cebolla: Papel cebolla normal: El fotograma actual se muestra a todo color mientras los fotogramas anteriores y posteriores se atenúan progresivamente. Con esto se consigue dar la sensación de que hay una serie de dibujos creados en papel semitransparente apilados unos sobre otro. Modo de contornos de papel cebolla: El fotograma actual se muestra a todo color, mientras que los fotograma anteriores y posteriores se muestran como contornos. Estos es más fácil de ver cuando se trabaja con varios fotogramas clave situados antes y después del fotograma actual.