Como se hacen los gif animados
-
Upload
carlosfernandochalamurcia -
Category
Education
-
view
12.115 -
download
4
Transcript of Como se hacen los gif animados
![Page 1: Como se hacen los gif animados](https://reader036.fdocuments.co/reader036/viewer/2022081123/557b4024d8b42ae54f8b5556/html5/thumbnails/1.jpg)
NATALIA ANDREA PALACIOS NATALIA ANDREA PALACIOS GONZALEZGONZALEZ
CRISTHIAN CAMPOSCRISTHIAN CAMPOS
![Page 2: Como se hacen los gif animados](https://reader036.fdocuments.co/reader036/viewer/2022081123/557b4024d8b42ae54f8b5556/html5/thumbnails/2.jpg)
¿QUÉ ES UN GIF ANIMADO?¿QUÉ ES UN GIF ANIMADO?
Los GIFs animados son varias Los GIFs animados son varias imágenes en formato GIF que se unen imágenes en formato GIF que se unen
para formar una imagen en para formar una imagen en movimiento.movimiento.
![Page 3: Como se hacen los gif animados](https://reader036.fdocuments.co/reader036/viewer/2022081123/557b4024d8b42ae54f8b5556/html5/thumbnails/3.jpg)
¿CÓMO SE HACE UN GIF ¿CÓMO SE HACE UN GIF ANIMADO?ANIMADO?
Para crear un gif debemos tener algún programa que nos permita hacerlo y
para este caso vamos a utilizar el programa: “Microsoft Gift animator”,
que descargaremos en www.google.com.co, algo muy
IMPORTANTE que debemos recordar antes de empezar a crear el Gif, es que las imágenes que usamos deben estar
en formato GIF, se identifican porque en las propiedades al final del nombre
dice .gif
![Page 4: Como se hacen los gif animados](https://reader036.fdocuments.co/reader036/viewer/2022081123/557b4024d8b42ae54f8b5556/html5/thumbnails/4.jpg)
Vamos a hacer el Gif animado Vamos a hacer el Gif animado que aparece a continuación que aparece a continuación como ejemplo:como ejemplo:
![Page 5: Como se hacen los gif animados](https://reader036.fdocuments.co/reader036/viewer/2022081123/557b4024d8b42ae54f8b5556/html5/thumbnails/5.jpg)
Una vez Una vez descargado el descargado el
programa, programa, abrimos y debe abrimos y debe
aparecer un aparecer un cuadro como este:cuadro como este:
Los botones de la Los botones de la parte superior parte superior aparecen casi aparecen casi
todos todos deshabilitados y deshabilitados y
una sola pestaña una sola pestaña (Options) está (Options) está
disponible.disponible.
![Page 6: Como se hacen los gif animados](https://reader036.fdocuments.co/reader036/viewer/2022081123/557b4024d8b42ae54f8b5556/html5/thumbnails/6.jpg)
Ahora debemos presionar en el Ahora debemos presionar en el segundo botón, el de la carpeta segundo botón, el de la carpeta
con la flechita, para abrir el con la flechita, para abrir el archivo que contiene la archivo que contiene la
imagen que vamos a colocar imagen que vamos a colocar como primer fotograma de como primer fotograma de
nuestro gif animado. nuestro gif animado. Al hacer clic sobre este botón, Al hacer clic sobre este botón,
nos aparecerá un cuadro de nos aparecerá un cuadro de diálogo en el que indicaremos diálogo en el que indicaremos
donde se encuentra esa donde se encuentra esa primera imagen. En el caso que primera imagen. En el caso que
nos ocupa, la imagen se llama nos ocupa, la imagen se llama cont00.gif y tras seleccionarla cont00.gif y tras seleccionarla y aceptar nos aparecerá en el y aceptar nos aparecerá en el
frame 1 como se ve a la frame 1 como se ve a la derecha. Observamos que al derecha. Observamos que al poner la primera imagen, los poner la primera imagen, los
botones que había botones que había deshabilitados en la parte deshabilitados en la parte
superior ya están operativos y superior ya están operativos y han aparecido dos pestañas han aparecido dos pestañas
nuevas..nuevas..
![Page 7: Como se hacen los gif animados](https://reader036.fdocuments.co/reader036/viewer/2022081123/557b4024d8b42ae54f8b5556/html5/thumbnails/7.jpg)
Haremos lo mismo con el resto de imágenes, insertándolas una a una. Para insertarlas debemos undir en el botón que tiene la hoja con la crucecita (círculo verde) y seleccionar la siguiente imagen de nuestra animación. Así hasta poner los diez números de nuestro contador.
El orden en que lo hagamos no importa, ya que podemos poner el que queramos. Basta con seleccionar una de las imágenes presionando sobre ella (se pone un marco azul alrededor) y con los botones marcados dentro de la elipse roja ordenamos las imágenes en el orden que queremos que aparezcan en la animación.
A la derecha de estas flechas hay otro botón que nos permitirá una vista preliminar de como va nuestro trabajo. Es el que tiene una flecha hacia la derecha.
![Page 8: Como se hacen los gif animados](https://reader036.fdocuments.co/reader036/viewer/2022081123/557b4024d8b42ae54f8b5556/html5/thumbnails/8.jpg)
Ahora que nuestro gif está construido, debemos darle los últimos retoques para que quede a nuestro gusto.Observa que hemos seleccionado la pestaña "Animation" y marcado las casillas "Looping" y "Repeat Forever". Con esto le decimos que el gif se repetirá indefinidamente. Si queremos que se repita un número de veces, debemos quitar la marca de "Repeat Forever" y en "Repeat Count" indicar cuantas veces se debe repetir.La indicación "Animation Width y Height" son el tamaño de las imágenes, que en nuestro caso es de 47 por 58 pixels.Por último, en la ventana "Trailing Comment" podemos escribir un texto que acompañará al gif y en el que podemos poner el nombre del autor o lo que queramos.Veamos ahora la tercera pestaña, "Image".
![Page 9: Como se hacen los gif animados](https://reader036.fdocuments.co/reader036/viewer/2022081123/557b4024d8b42ae54f8b5556/html5/thumbnails/9.jpg)
En esta pestaña hay una cosa a tener en cuenta, es "Duration (1/100 s)". Esta es la
duración del fotograma seleccionado. En la imagen de la derecha vemos que está
seleccionado el número 1 y la duración tiene un valor de 10. Este número son centésimas
de segundo, por lo que nuestro fotograma será visible durante 1 décima de segundo. Esto se debe hacer con cada uno. En este
caso todos duran el mismo tiempo, pero en otras ocasiones interesa que sea diferente. Si queremos detener el contador un tiempo
en el número 5, a este frame le podemos dar una duración de 200 centésimas y será
visible durante 2 segundos, lo que da la sensación de que se ha parado.
Donde dice "Comment" es una cosa similar al comentario que hemos puesto en la
pestaña "Animation", pero en este caso solo afecta al frame seleccionado.
Ya solo resta guardar nuestro trabajo, para ello presiona en el botón que tiene 3
disquetes, que es "Guardar como" y le das el nombre que quieras. Para sobrescribir debes
pulsar el que tiene un solo disquete. .