INFORMร TICA 4ยบ ESO
IES Nosa Sra Ollos Grandes
GIFS ANIMADOS
Esta obra de Covadonga Yugueros estรก bajo una Licencia Creative Commons AtribuciรณnNoComercial-CompartirIgual 3.0 Unported.
CYV
Pรกgina 1
INFORMÁTICA 4º ESO
IES Nosa Sra Ollos Grandes
GIFS ANIMADOS Los Gifs animados son varias imágenes en formato GIF que unidas forman una imagen en movimiento. Las animaciones GIF sirven para varios propósitos en Internet, puedes utilizarlos para identificar tu correo, para construir banners, para diseñar iconos, para dinamizar una presentación, etc. Para hacer un GIF animado solo debes diseñar imágenes que sigan cierta secuencia y guardarlas en formato GIF.
1. Cómo crear Gifs animados con GIMP La animación es algo muy sencillo en GIMP. Consiste en crear distintas capas sobre las que aplicaremos la opción "guardar como animación". El formato en que debemos guardar la imagen animada debe ser GIF, ya que es el único que nos permite guardar como animación. Cada capa de nuestra imagen se convierte, en la animación, en un fotograma que se expone durante un pequeño espacio de tiempo para proporcionar el efecto de movimiento.
CAPA
FOTOGRAMA
CADA FOTOGRAMA SE EXPONE UN TIEMPO
Si la duración de cada fotograma no fuera la misma para todos los cuadros la tendríamos que indicar en el nombre de la capa en milisegundos y entre paréntesis, por ejemplo, si queremos que un cuadro dure un segundo pondríamos al lado del nombre de la capa (1000ms). En nuestra secuencia de capas que formarán la animación, el inferior es el primer cuadro y el superior el último de la animación y cada cuadro tendrá entre paréntesis su duración en milisegundos.
Último Cuadro
1er Cuadro
Una vez que tenemos todas las capas (cuadros del futuro gif) dispuestas a nuestro gusto, vamos a Archivo>>guardar como…. Y lo guardamos por “Extensión”, como formato GIF CYV
Página 2
INFORMÁTICA 4º ESO Al aceptar se desplegará un cuadro de dialogo en el cual debemos marcar >>"guardar como animación" para que la imagen se guarde como un gif animado y no como un gif estático.
IES Nosa Sra Ollos Grandes
Luego exportamos la imagen en el botón "Exportar". Aparecerá un cuadro, en el que, entre otras cosas podremos definir el tiempo que se tardará de pasar de un cuadro (capa) a otro. Siempre que queramos el mismo tiempo para todos los fotogramas. En caso contrario ya se indicó arriba lo que debes hacer.
EJEMPLO 1. Creamos una imagen nueva con el tamaño 60x170 píxeles y fondo blanco. (Horizontal) 2. Vamos a crear una animación que nos muestre poco a poco el texto "2017". Ponemos unas líneas guía en nuestra Ventana Imagen para que no haya saltos en la alineación del texto. Seleccionemos la herramienta texto y con el tipo de letra que viene por defecto y tamaño 50 píxeles escribimos "2". Aceptamos y colocamos la letra en las guías que tenemos en la Ventana Imagen.
3. Vamos creando capas de texto para cada una de las letras o símbolos que componen nuestra imagen hasta obtener el número de capas que necesitamos. En nuestro caso son 5 capas: Fondo Una capa para cada número que forma el año
CYV
Página 3
INFORMÁTICA 4º ESO IES Nosa Sra Ollos Grandes 4. En el menú Ventana seleccionamos Filtros >> Animación >> Optimizar para GIF. Lo que hace el programa es preparar nuestra imagen en capas transparentes, para que la podamos guardar en este formato (gif). Así Gimp crea una nueva imagen en la que obtenemos distintas capas, una totalmente blanca y el resto con cada una de las letras o símbolos.
5. En esta nueva Ventana Imagen accedemos a Archivo >> Guardar como y tras poner el nombre del archivo seleccionamos el formato GIF. Aceptamos. En esta ocasión vemos que la opción Guardar como animación aparece activa y es la que debemos elegir. Exportamos. 6. Nos aparece el cuadro de diálogo Guardar como GIF con las "opciones de GIF animado" activadas. Podemos seleccionar:
"Bucle perpetuo" para que nuestra animación se repita constantemente.
"Retardo entre cuadros" (cada imagen contenida en una capa), dependiendo del efecto que deseemos elegiremos una u otra velocidad.
7. Si accedemos a Filtros >> Animación funcionamiento de nuestra imagen animada.
CYV
>>Reproducir
animación podemos comprobar el
Página 4