SlideShare a Scribd company logo
1 of 13
   Diseñar o transparenta tus gifs animados….

   Los gifs 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 nos servirá de ejemplo



   Como habrás comprobado la segunda imagen (transparente) es mucho mas estetica que
    la primera ya que la puedes colocar encima de cualquier fondo sin que parezca ese
    molesto recuadro blanco para conseguir esta transparencia abriremos el gif original con
    "Animation Shop"
   Como podéis observar el fondo de la bandera es blanco y el dibujo también utiliza el
    mismo color. Ello nos impide efectuar una transparencia directa ya que
    transparentaríamos el símbolo de la paz
   El segundo paso consistirá en guardar cada "frame"... F:1, F:2... etc. en el
    formato que queremos. Yo recomiendo el original, ósea el GIF...




                                                      y tintar con un color que no
                                                      contenga dicha imagen. En
                                                      este caso hemos utilizado el
                                                           verde. Este paso lo
                                                         repetiremos con los 10
                                                      frames que componen este
                                                               gif animado.



   y tintar con un color que no contenga dicha imagen. En este caso hemos
    utilizado el verde. Este paso lo repetiremos con los 10 frames que componen
    este gif animado.
   Con el Photo Editor transparentaremos el 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 la
    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,
    procurando que en la segunda pantalla que nos aparece este activada la
    casilla "Transparent", clicaremos "Siguiente" hasta llegar a la ventana en la
    que se nos deja escoger la velocidad de los "frames".
   En este caso seleccionaremos 10 y dejaremos activada la opción "yes, repeat the
    animation indefinitely". Ello nos proporcionará una animación repetida.
    Veámoslo gráficamente.
   Solo nos queda insertar los gifs transparentes (frames) por orden, guardar el
    archivo obtenido y tendremos ya cumplido nuestro objetivo: la bandera de la
    paz transparente.
   MODIFICAR FORMAS♥
 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
   Antes de manipular el dibujo tenemos que saber que son y como utilizar 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 más fácil y útil de todas las
    herramientas, especialmente si se combina con una tableta sensible a la presión.
    Dibujar con la herramienta Pincel es lo mismo que dibujar con formas. Es la
    herramienta cuyo uso resulta más 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 efectos :
   Pintar 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: Le permite pintar dentro de un relleno seleccionado solamente.
   Pintar Dentro: Le impide salirse de las líneas después de empezar a pintar
    dentro de un relleno.




 Herramienta Lápiz:
 La herramienta Lápiz, es la herramienta perfecta si se desea lograr un grosor de
  línea homogéneo en toda la imagen y con el menor tamaño de archivo posible.
 La herramienta Lápiz también ofrece diversos modos de calidad de línea:
 Enderezar: Esta opción es estupenda cuando se desea dibujar líneas muy 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 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 sin modificar la calidad de la línea. Se trata de una
  opción magnífica para dibujos a mano alzada o de estilo libre.




   Herramientas de formas
   Las herramientas de formas (Circulo y Rectángulo) crean rellenos y trazos.
    Manteniendo presionada la tecla Mayus en combinación con la herramienta de
    forma, se crea un círculo o un cuadrado perfecto.
 Herramienta Papel cebolla
 La herramienta Papel cebolla está situada en la parte inferior del panel de
  línea de 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 otros.
 Modo de contornos de papel cebolla: El fotograma actual se muestra a todo
  color, mientras que los fotogramas anteriores y posteriores se muestran como
  contornos. Esto es más fácil de ver cuando se trabaja con varios fotogramas
  clave situados antes y después del fotograma actual.
   Puedes seleccionar el color de relleno y de trazo a través del inspector de
    propiedades . Al hacer clic en cualquiera de las muestras, se abre el panel de
    color, que permite editar el trazo o la opción de color.



 Herramienta Pluma
 Para dibujar trazados precisos como líneas rectas o como curvas suaves, puedes
  utilizar la herramienta Pluma. Puedes crear segmentos de líneas rectas o curvas
  y ajustar el ángulo y la longitud de los segmentos rectos, así como la pendiente
  de los segmentos curvos.
 Laura Michell Ojeda Estrada
 3 “B”
 Generación de animaciones con
  elementos multimedia

More Related Content

What's hot

Colorear un dibujo realizado en blanco y negro
Colorear un dibujo realizado en blanco y negroColorear un dibujo realizado en blanco y negro
Colorear un dibujo realizado en blanco y negroclopezh2009
 
Trabajo de computacion en equipos
Trabajo de computacion en equiposTrabajo de computacion en equipos
Trabajo de computacion en equipos8jaime88
 
Taller 1 pixel art con gimp
Taller 1 pixel art con gimpTaller 1 pixel art con gimp
Taller 1 pixel art con gimplisvancelis
 
Unidad 3
Unidad 3Unidad 3
Unidad 3aeto
 
Photoshop capitulo i
Photoshop capitulo iPhotoshop capitulo i
Photoshop capitulo iJavier Avalos
 
herramientas de photoshop
herramientas de photoshopherramientas de photoshop
herramientas de photoshopequipo3-303
 
Tutorial para escaneo 3 d usando scanner projector
Tutorial para escaneo 3 d usando scanner projectorTutorial para escaneo 3 d usando scanner projector
Tutorial para escaneo 3 d usando scanner projectorHenry
 
Photoshop cs6 ed
Photoshop cs6 edPhotoshop cs6 ed
Photoshop cs6 edJohzeel
 

What's hot (16)

Colorear un dibujo realizado en blanco y negro
Colorear un dibujo realizado en blanco y negroColorear un dibujo realizado en blanco y negro
Colorear un dibujo realizado en blanco y negro
 
Trabajo de computacion en equipos
Trabajo de computacion en equiposTrabajo de computacion en equipos
Trabajo de computacion en equipos
 
Unidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujoUnidad 3 aplicar animacion al dibujo
Unidad 3 aplicar animacion al dibujo
 
Taller 1 pixel art con gimp
Taller 1 pixel art con gimpTaller 1 pixel art con gimp
Taller 1 pixel art con gimp
 
Unidad 3 1
Unidad 3 1Unidad 3 1
Unidad 3 1
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Photoshop capitulo i
Photoshop capitulo iPhotoshop capitulo i
Photoshop capitulo i
 
P3 herramientas de photoshop
P3 herramientas de photoshopP3 herramientas de photoshop
P3 herramientas de photoshop
 
NO
NONO
NO
 
herramientas de photoshop
herramientas de photoshopherramientas de photoshop
herramientas de photoshop
 
Tutorial para escaneo 3 d usando scanner projector
Tutorial para escaneo 3 d usando scanner projectorTutorial para escaneo 3 d usando scanner projector
Tutorial para escaneo 3 d usando scanner projector
 
Mod2
Mod2Mod2
Mod2
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Del dibu a la reme
Del dibu a la remeDel dibu a la reme
Del dibu a la reme
 
Photoshop cs6 ed
Photoshop cs6 edPhotoshop cs6 ed
Photoshop cs6 ed
 
Stencil
StencilStencil
Stencil
 

Viewers also liked

Día de la madre (hd)
Día de la madre (hd)Día de la madre (hd)
Día de la madre (hd)Hugo David
 
Netin sugarcrm presentacion
Netin sugarcrm presentacionNetin sugarcrm presentacion
Netin sugarcrm presentacionElias Noya
 
Experiencias interactivas ortofotomapa
Experiencias interactivas ortofotomapaExperiencias interactivas ortofotomapa
Experiencias interactivas ortofotomapaiwnyk
 
Determinación de zonas de riesgo por inundaciones y
Determinación  de zonas  de riesgo por inundaciones  yDeterminación  de zonas  de riesgo por inundaciones  y
Determinación de zonas de riesgo por inundaciones yrevista inundacion
 
Fotos de animales caza
Fotos de animales cazaFotos de animales caza
Fotos de animales cazaPedro Navarro
 
Indicadores de desempeño 4 periodo definitivo
Indicadores de desempeño 4 periodo definitivoIndicadores de desempeño 4 periodo definitivo
Indicadores de desempeño 4 periodo definitivodianapatriciahoyos
 
Sidney Marketing: presentación corporativa
Sidney Marketing: presentación corporativaSidney Marketing: presentación corporativa
Sidney Marketing: presentación corporativaSidney Marketing
 
Efecto coriolis
Efecto coriolisEfecto coriolis
Efecto coriolisiwnyk
 
Areas de investigacion de rrpp
Areas de investigacion de rrppAreas de investigacion de rrpp
Areas de investigacion de rrppEzzmee Itturbe
 
Resumen nxt
Resumen nxtResumen nxt
Resumen nxtiwnyk
 
Trabajo en equipo jeronimo bedoya 9 c
Trabajo en equipo jeronimo bedoya 9 cTrabajo en equipo jeronimo bedoya 9 c
Trabajo en equipo jeronimo bedoya 9 ccarlosandrescsj
 
Plan-Acción 3° y 4° Trimes-2011
Plan-Acción 3° y 4° Trimes-2011Plan-Acción 3° y 4° Trimes-2011
Plan-Acción 3° y 4° Trimes-2011oswaldo2102
 
Sebastián ramírez flórez negocio
Sebastián ramírez flórez negocioSebastián ramírez flórez negocio
Sebastián ramírez flórez negocioSebas Ramirez F
 
Ventajas y desventajas de los procesadores de texto
Ventajas y desventajas de los procesadores de textoVentajas y desventajas de los procesadores de texto
Ventajas y desventajas de los procesadores de textoeliasdiego
 

Viewers also liked (20)

Día de la madre (hd)
Día de la madre (hd)Día de la madre (hd)
Día de la madre (hd)
 
Netin sugarcrm presentacion
Netin sugarcrm presentacionNetin sugarcrm presentacion
Netin sugarcrm presentacion
 
Experiencias interactivas ortofotomapa
Experiencias interactivas ortofotomapaExperiencias interactivas ortofotomapa
Experiencias interactivas ortofotomapa
 
Determinación de zonas de riesgo por inundaciones y
Determinación  de zonas  de riesgo por inundaciones  yDeterminación  de zonas  de riesgo por inundaciones  y
Determinación de zonas de riesgo por inundaciones y
 
Fotos de animales caza
Fotos de animales cazaFotos de animales caza
Fotos de animales caza
 
Indicadores de desempeño 4 periodo definitivo
Indicadores de desempeño 4 periodo definitivoIndicadores de desempeño 4 periodo definitivo
Indicadores de desempeño 4 periodo definitivo
 
Google doc's
Google doc'sGoogle doc's
Google doc's
 
Bullying
BullyingBullying
Bullying
 
Iendtec
IendtecIendtec
Iendtec
 
Las tic
Las tic Las tic
Las tic
 
Sidney Marketing: presentación corporativa
Sidney Marketing: presentación corporativaSidney Marketing: presentación corporativa
Sidney Marketing: presentación corporativa
 
Efecto coriolis
Efecto coriolisEfecto coriolis
Efecto coriolis
 
Areas de investigacion de rrpp
Areas de investigacion de rrppAreas de investigacion de rrpp
Areas de investigacion de rrpp
 
Resumen nxt
Resumen nxtResumen nxt
Resumen nxt
 
Pasos para la instalación del sied tv
Pasos para la instalación del sied tvPasos para la instalación del sied tv
Pasos para la instalación del sied tv
 
Trabajo en equipo jeronimo bedoya 9 c
Trabajo en equipo jeronimo bedoya 9 cTrabajo en equipo jeronimo bedoya 9 c
Trabajo en equipo jeronimo bedoya 9 c
 
Plan-Acción 3° y 4° Trimes-2011
Plan-Acción 3° y 4° Trimes-2011Plan-Acción 3° y 4° Trimes-2011
Plan-Acción 3° y 4° Trimes-2011
 
Sebastián ramírez flórez negocio
Sebastián ramírez flórez negocioSebastián ramírez flórez negocio
Sebastián ramírez flórez negocio
 
Ventajas y desventajas de los procesadores de texto
Ventajas y desventajas de los procesadores de textoVentajas y desventajas de los procesadores de texto
Ventajas y desventajas de los procesadores de texto
 
Memoria semestral plis 2014
Memoria semestral plis 2014Memoria semestral plis 2014
Memoria semestral plis 2014
 

Similar to Unidad 3 (20)

Tutorial facil photoshop
Tutorial facil photoshopTutorial facil photoshop
Tutorial facil photoshop
 
Tutorial facil photoshop
Tutorial facil photoshopTutorial facil photoshop
Tutorial facil photoshop
 
4 gimp e-inkscape
4 gimp e-inkscape4 gimp e-inkscape
4 gimp e-inkscape
 
Unidad 3
Unidad 3 Unidad 3
Unidad 3
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
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 gaem
Unidad 3 gaemUnidad 3 gaem
Unidad 3 gaem
 
3. herramientas de photoshop cs4
3. herramientas de photoshop cs43. herramientas de photoshop cs4
3. herramientas de photoshop cs4
 
Uso de los recursos didácticos
Uso de los recursos didácticosUso de los recursos didácticos
Uso de los recursos didácticos
 
Gimp
GimpGimp
Gimp
 
Trucos quitar fondos pds
Trucos quitar fondos pdsTrucos quitar fondos pds
Trucos quitar fondos pds
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Paint y sus funciones.pdf
Paint y sus funciones.pdfPaint y sus funciones.pdf
Paint y sus funciones.pdf
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 

More from Laura Viviana (20)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Laura Bonita♥
Laura Bonita♥Laura Bonita♥
Laura Bonita♥
 
Laura Michell♥
Laura Michell♥Laura Michell♥
Laura Michell♥
 
Panchosss!!!
Panchosss!!!Panchosss!!!
Panchosss!!!
 
Practica 30
Practica 30Practica 30
Practica 30
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Práctica 26 video con texto
Práctica 26 video con textoPráctica 26 video con texto
Práctica 26 video con texto
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Practica 24
Practica 24Practica 24
Practica 24
 
Practica 24
Practica 24Practica 24
Practica 24
 
Practica23 121104120325-phpapp02
Practica23 121104120325-phpapp02Practica23 121104120325-phpapp02
Practica23 121104120325-phpapp02
 
Sopa de letras
Sopa de letrasSopa de letras
Sopa de letras
 
Practica 21
Practica 21Practica 21
Practica 21
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Práctica 20
Práctica 20Práctica 20
Práctica 20
 
Sonido
SonidoSonido
Sonido
 
Practica 18.....
Practica 18.....Practica 18.....
Practica 18.....
 
Practica 17
Practica 17Practica 17
Practica 17
 

Unidad 3

  • 1.
  • 2. Diseñar o transparenta tus gifs animados….  Los gifs 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 nos servirá de ejemplo  Como habrás comprobado la segunda imagen (transparente) es mucho mas estetica que la primera ya que la puedes colocar encima de cualquier fondo sin que parezca ese molesto recuadro blanco para conseguir esta transparencia abriremos el gif original con "Animation Shop"  Como podéis observar el fondo de la bandera es blanco y el dibujo también utiliza el mismo color. Ello nos impide efectuar una transparencia directa ya que transparentaríamos el símbolo de la paz
  • 3. El segundo paso consistirá en guardar cada "frame"... F:1, F:2... etc. en el formato que queremos. Yo recomiendo el original, ósea el GIF... y tintar con un color que no contenga dicha imagen. En este caso hemos utilizado el verde. Este paso lo repetiremos con los 10 frames que componen este gif animado.  y tintar con un color que no contenga dicha imagen. En este caso hemos utilizado el verde. Este paso lo repetiremos con los 10 frames que componen este gif animado.
  • 4. Con el Photo Editor transparentaremos el 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 la 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, procurando que en la segunda pantalla que nos aparece este activada la casilla "Transparent", clicaremos "Siguiente" hasta llegar a la ventana en la que se nos deja escoger la velocidad de los "frames".
  • 5. En este caso seleccionaremos 10 y dejaremos activada la opción "yes, repeat the animation indefinitely". Ello nos proporcionará una animación repetida. Veámoslo gráficamente.
  • 6. Solo nos queda insertar los gifs transparentes (frames) por orden, guardar el archivo obtenido y tendremos ya cumplido nuestro objetivo: la bandera de la paz transparente.
  • 7. MODIFICAR FORMAS♥  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
  • 8. Antes de manipular el dibujo tenemos que saber que son y como utilizar 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 más fácil y útil de todas las herramientas, especialmente si se combina con una tableta sensible a la presión. Dibujar con la herramienta Pincel es lo mismo que dibujar con formas. Es la herramienta cuyo uso resulta más natural, ya que ofrece sensibilidad a la presión y a la inclinación.
  • 9. La herramienta Pincel ofrece diversas subopciones que ayudan a dibujar determinados efectos :  Pintar 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: Le permite pintar dentro de un relleno seleccionado solamente.  Pintar Dentro: Le impide salirse de las líneas después de empezar a pintar dentro de un relleno.  Herramienta Lápiz:  La herramienta Lápiz, es la herramienta perfecta si se desea lograr un grosor de línea homogéneo en toda la imagen y con el menor tamaño de archivo posible.
  • 10.  La herramienta Lápiz también ofrece diversos modos de calidad de línea:  Enderezar: Esta opción es estupenda cuando se desea dibujar líneas muy 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 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 sin modificar la calidad de la línea. Se trata de una opción magnífica para dibujos a mano alzada o de estilo libre.  Herramientas de formas  Las herramientas de formas (Circulo y Rectángulo) crean rellenos y trazos. Manteniendo presionada la tecla Mayus en combinación con la herramienta de forma, se crea un círculo o un cuadrado perfecto.
  • 11.  Herramienta Papel cebolla  La herramienta Papel cebolla está situada en la parte inferior del panel de línea de 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 otros.  Modo de contornos de papel cebolla: El fotograma actual se muestra a todo color, mientras que los fotogramas anteriores y posteriores se muestran como contornos. Esto es más fácil de ver cuando se trabaja con varios fotogramas clave situados antes y después del fotograma actual.
  • 12. Puedes seleccionar el color de relleno y de trazo a través del inspector de propiedades . Al hacer clic en cualquiera de las muestras, se abre el panel de color, que permite editar el trazo o la opción de color.  Herramienta Pluma  Para dibujar trazados precisos como líneas rectas o como curvas suaves, puedes utilizar la herramienta Pluma. Puedes crear segmentos de líneas rectas o curvas y ajustar el ángulo y la longitud de los segmentos rectos, así como la pendiente de los segmentos curvos.
  • 13.  Laura Michell Ojeda Estrada  3 “B”  Generación de animaciones con elementos multimedia