Prctica 2.
Preparacin lmina
Prctica 3.
Animacin.
Prctica 4.
Fundir.
11
Prctica 5.
Globo giratorio
12
Prctica 6.
Ondas.
13
Prctica 7.
Quemado.
13
Prctica 8.
Varita mgica.
15
Prctica 9.
21
Prctica 10.
De foto a dibujo.
21
Informtica 4 ESO
Gimp: Edicin de imgenes
la
vez
que
a
la
Informtica 4 ESO
Gimp: Edicin de imgenes
6. Ahora que tenemos esta seleccin es importante que comprobemos que la capa
seleccionada es "Copia de Fondo". Haz clic con el botn derecho sobre la
imagen y elige Editar --> Limpiar (Supr). Acabamos de quitar un trozo de la
imagen de fondo con la forma del texto.
Informtica 4 ESO
Gimp: Edicin de imgenes
7. Ahora debes crear dos capas, una con el fondo transparente y otra con el fondo
blanco llamadas "Transparente" y "Fondo blanco". Debes colocarlas tal y como
se observa en la imagen siguiente.
Informtica 4 ESO
Gimp: Edicin de imgenes
9. Vamos al men Seleccionar --> Nada. Hacemos clic con el botn derecho sobre
la Ventana imagen y aplicamos un filtro: Filtros --> Desenfoque -->
Desenfoque gaussiano, con un valor de 10, despus aceptamos. Mueve esta
capa 4 pxeles a la derecha y 4 pxeles hacia abajo. Haz visible la capa "Copia de
fondo"
10. El efecto obtenido nos permite ver a travs de la imagen, hemos hecho un
agujero con la forma del texto en la imagen.
11. El resultado es el que puedes ver. Guardamos nuestro trabajo como
"erosion.xcf". Mantenemos no visible la capa de texto y aplanamos la imagen.
Ahora la guardamos en formato JPG. ste es el resultado.
Informtica 4 ESO
Gimp: Edicin de imgenes
Vamos a preparar una lmina para imprimir y ser usada por retroproyeccin o usar esa
imagen para incluirla en una presentacin con ordenador.
Informtica 4 ESO
Gimp: Edicin de imgenes
6. Si todo es correcto podemos combinar las tres capas de texto para formar una
sola. Atencin a este paso porque las capas de textos pierden la posibilidad de
volver a ser editado el texto.
7. Creamos una capa nueva "lneas", donde vamos a dibujar todas las lneas que
van a unir cada rgano con el texto correspondiente. Creamos una capa
independiente para estas lneas porque nos permitir tener la opcin de imprimir
nuestro trabajo como una imagen muda en las que los alumnos deban escribir los
nombres que correspondan. Elegimos un color verde oscuro para estas lneas y
trazamos con el lpiz. Para que las lneas sean totalmente rectas el proceso que
debes seguir es el siguiente: hacemos clic en el punto de inicio de la lnea recta;
soltamos el botn del ratn y nos situamos en el punto final de la recta,
presionamos la tecla Maysculas y con ella presionada hacemos clic en ese
punto. Repite el proceso para cada una de las lneas.
8. Hacemos clic en las proximidades del final de cada una de las lneas dibujadas y
con el mismo color escribimos los textos correspondientes. Cada vez que
escribas un texto se crear una capa nueva de texto. Te recomendamos que dejes
estas capas de forma independiente porque podran ser usadas como parte de una
imagen animada, donde se van mostrandon paso a paso las distintas capas.
9. Por ltimo vamos a crear una imagen nueva para poner ttulo a nuestra lmina.
Accedemos al men de la Caja de Herramientas Exts --> Script-Fu --> Logos
y con una tamao de letra de 40 escribimos el ttulo de nuestra lmina "El pez".
Se crea un nuevo documento que contiene tres capas. Hacemos invisible la capa
de fondo y combinamos las otras dos, despus arrastramos la capa resultante
sobre la ventana imagen de nuestra lmina del pez, soltamos y la colocamos en
la parte superior-central de nuestra imagen. El trabajo realizado tendr el aspecto
de la siguiente figura:
Informtica 4 ESO
Gimp: Edicin de imgenes
10. Si hacemos invisibles todas las capas que contienen textos obtenemos una
lmina muda que podemos imprimir y entregar a nuestros alumnos para que la
completen.
11. No olvides guardar esta imagen en formato "xcf" para poder seguir trabajando
con capas y guardar la imagen en formato JPG para poder imprimirla.
Informtica 4 ESO
Gimp: Edicin de imgenes
Prctica 3: Animacin.
La animacin es algo muy sencillo de realizar en GIMP. Consiste en crear distintas
capas en una imagen y a la hora de guardar esa imagen aplicaremos la opcin "Guardar
como animacin". El formato en que debemos guardar la imagen animada debe ser GIF,
ya que es el nico que nos permite guardar como animacin.
Cada capa de nuestra imagen se convierte, en la animacin, en un fotograma que se
expone durante un pequeo espacio de tiempo para proporcionar el efecto de animacin.
Hagamos una prueba para comprobar el funcionamiento de la animacin en GIMP.
1. Crea una imagen nueva con el tamao 300x100 pixeles y fondo blanco.
2. Vas a crear una animacin que muestre letra a letra el texto "El Gimp". Pon unas
lneas gua en la Ventana Imagen para que no haya saltos en el alineamiento
del texto. Selecciona la herramienta texto y con el tipo de letra que viene por
defecto y tamao 50 pxeles escribe la letra "E". Acepta y coloca la letra en las
guas que acabas de poner en la Ventana Imagen.
3. Ve creando capas de texto para cada una de las letras que van a componer la
imagen hasta obtener...
4. Haciendo clic con el botn derecho sobre la Ventana Imagen selecciona Filtros
--> Animacin --> Optimizar para GIF. Este filtro lo que hace es preparar
nuestra imagen en capas transparentes, para que podamos guardarla en este
formato. Crea una nueva imagen en la que obtenemos 7 capas, una totalmente
blanca y 6 con cada una de las letras.
5. En esta nueva Ventana Imagen accede a Archivo --> Guardar como y tras
poner el nombre del archivo, selecciona el formato GIF. Acepta.
6. En esta ocasin vemos que la opcin Guardar como animacin aparece activa
y es la que debemos elegir. Exporta.
7. Aparece el cuadro de dilogo Guardar como GIF con las "opciones de GIF
animado" activadas.
Informtica 4 ESO
Gimp: Edicin de imgenes
10
Informtica 4 ESO
Gimp: Edicin de imgenes
Prctica 4: Fundir
Produce una mezcla de imgenes partiendo de tres capas distintas que podemos guardar
como animacin, necesita dos capas que sern las que mezcle y una tercera, la de fondo.
1. Partiendo de la imagen atletismo.jpg, duplica dos veces la nica capa que existe.
Colorea la parte negra de la imagen de azul en una de las capas y de rojo en la
tercera. Ahora tienes tres capas: una con la imagen en color azul, la intermedia
en color rojo y la inferior (fondo) en color negro.
2. Accedemos a Filtros --> Animacin --> Fundir. El cuadro de dilogo nos
permite la creacin de fotogramas intermedios, que mezclan los colores de cada
capa y el radio de desenfoque para pasar de una mezcla a otra.
11
Informtica 4 ESO
Gimp: Edicin de imgenes
15 fotogramas
12
Informtica 4 ESO
Gimp: Edicin de imgenes
Prctica 6: Ondas
Simula ondas sobre el agua. El archivo obtenido es de un gran peso por lo que hay que
tratar con precaucin este tipo de archivos para ser incluidos en nuestras pginas web.
Prctica 7: Quemado
Debemos partir de una imagen con dos capas. Una quedar fija y la otra va "quemando"
a la inicial, creando una animacin. Tenemos que tener en cuenta que la imagen ser
guardada en formato GIF y que el color quedar indexado, por lo que si partimos de
fotografas los resultados puede que no sean todo lo buenos que nos gustara obtener.
1. Abre la imagen que ya hemos utilizado en otras ocasiones, la imagen del
smbolo del atletismo.
2. Duplica la capa dos veces y elimina la capa que queda de fondo para obtener dos
capas con Alfa. Como la imagen est en modo de grises la transformamos en
una imagen RGB. Elimina las zonas blancas de las dos capas y rellena las zonas
negras de la capa superior con color rojo.
13
Informtica 4 ESO
Gimp: Edicin de imgenes
3. Accede a Filtros --> Animacin --> Quemado y pon los siguientes datos.
4. Obtienes una imagen indexada con varias capas que permite animacin.
5. Abre el Reproductor de animacin para observar el resultado de la aplicacin
del Filtro. Si el resultado es correcto guarda la animacin en formato GIF.
GIMP nos proporciona algunas herramientas para animar imgenes y hacer algo
diferentes nuestras pginas web. No hay que olvidar la posibilidad de guardar cualquier
imagen con diferentes capas como una animacin, en la que cada capa ser un
fotograma de nuestra animacin.
14
Informtica 4 ESO
Gimp: Edicin de imgenes
Ahora vamos a cambiar el cielo por uno con nubes. Para poder hacerlo debemos
disponer de una imagen con el cielo nublado.
15
Informtica 4 ESO
Gimp: Edicin de imgenes
16
Informtica 4 ESO
Gimp: Edicin de imgenes
Al escanear una imagen se suele elegir la resolucin en funcin de las caractersticas del
escner y el destino de la misma. En esta ocasin hemos modificado ligeramente la
imagen, para dejarla con una resolucin de 72 pxeles por pulgada y modo de color
Escala de grises, dado que la imagen original no dispona de ningn otro color ms que
blanco o negro. Comencemos a colorear nuestro dibujo.
1. Abrimos la imagen colorea.jpg y la situamos en nuestra pantalla de tal forma
que nos permita acceder a las diferentes ventanas de GIMP. Vemos que la
imagen tiene una cierta "suciedad" producto del escaneado en Escala de grises.
Vamos a aumentar el contraste de la imagen para que desaparezcan los
diferentes tonos de gris y obtengamos un dibujo con lneas negras sobre el papel
blanco. Colores --> Umbral ; modificando el valor inicial por el de 150 y el
valor final lo puedes dejar en 255, para que slo queden las lneas negras.
2. Vamos a comenzar a rellenar las distintas zonas de la imagen con colores slidos
y degradados. Para manejar correctamente la imagen vamos a crear una capa
copia de la que tenemos como base de la imagen. Denominamos a esta nueva
capa "rellenos". La imagen est en Modo Escala de grises, convirtmosla a
modo RGB.
3. El proceso para rellenar las distintas partes de la imagen va a ser similar,
primero realizaremos una seleccin y rellenaremos esa seleccin con un color
slido con la herramienta Rellenar con un color o patrn. Vamos a recordar
las opciones de esta herramienta.
17
Informtica 4 ESO
Gimp: Edicin de imgenes
5. Esto es debido a que las lneas negras que forman nuestro dibujo tienen agujeros
por donde "escapa" la seleccin y con ella el relleno de color. Si ha ocurrido
18
Informtica 4 ESO
Gimp: Edicin de imgenes
esto, debemos acercarnos con la herramienta Zoom a toda la lnea y cerrar las
lneas que nos encontremos abiertas.
Con la herramienta Lpiz y con color negro cerremos los huecos que veamos.
19
Informtica 4 ESO
Gimp: Edicin de imgenes
11. Podemos combinar todas las capas que hemos creado para el coloreado. Vamos
a crear un fondo degradado. Seleccionamos toda la zona blanca posterior al
dibujo y la borramos. Creamos una capa que situamos detrs del dibujo y la
rellenamos con gradiente. Creamos un gradiente del estilo del siguiente:
13. Sobre la capa en la que ha quedado el dibujo vamos a crear una sombra para
destacar el dibujo del fondo. Podemos utilizar el Filtro de "Sombra arrojada "
con un desplazamiento de 5 en cada eje. El resultado final se puede ver en la
siguiente imagen. Guardamos en formato XCF.
20
Informtica 4 ESO
Gimp: Edicin de imgenes
21
Informtica 4 ESO
Gimp: Edicin de imgenes
22