Curso de GIMP 2.4 Paco Ferrús
Tema 3:Capas
Curso de GIMP 2.4 Paco Ferrús
Contenidos
¿Qué es una capa?Uso de capas para añadir textoHerramienta moverCambiar coloresEfectos simples sobre capasEnlazar capasOperaciones con capasEl diálogo capas
Curso de GIMP 2.4 Paco Ferrús
¿Qué son capas?
Una imagen en GIMP puede estar formada por varias capasUna capa es como una lámina que puede contener zonas opacas, semitransparentes y transparentesLas capas se comportan como si apilásemos láminas transparentes cada una con dibujos, lo que vemos es la combinación de todas ellas
Curso de GIMP 2.4 Paco Ferrús
Ejemplo de imagen formada con capas
Curso de GIMP 2.4 Paco Ferrús
Imagen resultante
Curso de GIMP 2.4 Paco Ferrús
¿Por qué usar capas?
Aunque podríamos realizar todo el trabajo sin capas, el empleo de éstas nos da más flexibilidad a la hora de realizar cambios y retoquesCada capa contiene una parte de la imagen con lo cual podemos aplicar ciertos efectos a sólo parte de la imagenLos programas de retoque fotográfico están muy orientados al uso de capas debido a la potencia y flexibilidad que nos dan
Curso de GIMP 2.4 Paco Ferrús
La ventana capas
Se activa desde el menú Archivo; Diálogos; CapasMuestra las capas de que consta la imagen y controles para trabajar con las mismas
Curso de GIMP 2.4 Paco Ferrús
Prácticas guiadas de capas
La mejor forma de entender cómo trabajar con capas es practicandoVamos a ver un par de ejemplos, paso a paso, en los que utilizaremos capasSe recomienda a los alumnos que hagan éstos pasos en sus ordenadores
Curso de GIMP 2.4 Paco Ferrús
Curso de GIMP 2.4 Paco Ferrús
Ventana capas cuando sólo tenemos una imagen
Utilizaremos la imagen 01.jpg del tema 3Podemos apreciar que la imagen se representa en una capa¡¡¡Ahora vamos a añadirle un texto!!!
Curso de GIMP 2.4 Paco Ferrús
La herramienta texto
Al hacer clic en la imagen aparece la ventana de edición de texto
Aquí escribimos eltexto deseado
Curso de GIMP 2.4 Paco Ferrús
Editor de texto
Escritura izda-dchao dcha-izda
Podemos cargartexto de un archivo
Limpia el texto introducido
Tan pronto como escribimosel texto aparece en la ima-gen, y ¡¡¡también apareceuna nueva capa!!!
Escritura izda-dcha y dcha-izda
Curso de GIMP 2.4 Paco Ferrús
El texto aparece muy pequeño
El texto aparecemuy pequeño
Curso de GIMP 2.4 Paco Ferrús
Opciones de la herramienta texto
Seleccionamos un tamaño de texto más acorde con la imagen que estamos editandoEn general conviente tener el alisado (antialiasing) activado para que las letras sean más suaves
Curso de GIMP 2.4 Paco Ferrús
Buen tamaño de textopero no está situadoen buen sitio...
Buen tamaño de texto...
Curso de GIMP 2.4 Paco Ferrús
Mover capas y selecciones
Cuando pulsamos la barra espaciadora también se activa esta herramienta independientemente de la herramienta que estemos utilizando
Sobre la capaactiva
No está sobre lacapa activa
Según dondeestemos situadosmoveremos eltexto o el fondo
Curso de GIMP 2.4 Paco Ferrús
Trucos de la herramienta mover...
Cuando queremos mover texto debemos situar el cursor exactamente sobre las letras y no sobre los huecos entre letras.Cuando la herramienta mover está seleccionada las flechas del cursor mueven la capa activa un pixel cada vez que las pulsamos.
Curso de GIMP 2.4 Paco Ferrús
Guardar dibujos en capas
El formato XCF nativo de GIMP guarda las capas y todos los detalles del dibujoTecleando un nombre de archivo y poniendo .xcf como extensión guardará en dicho formatoPodemos indicar las extensiones .xcf.gz o .xcf.bz2 para guardar en comprimido. GIMP maneja la compresión de forma transparente
Curso de GIMP 2.4 Paco Ferrús
Cambiarcolor
Color primer planoColor de fondo
Intercambiarcolores de primerplano y fondo
Color del texto
Resetear ablanco/negro
Al escribir textoéste aparece delcolor del primerplano
Para que cambieel color debeestar activada laventana de ediciónde texto
Curso de GIMP 2.4 Paco Ferrús
Cambiar el color de un texto existente
(1) Botón derechosobre la capa textoo pinchar el textoen la imagen
(3) Cambiar el color
(2)
Curso de GIMP 2.4 Paco Ferrús
El selector de color
Colores recientes
Saturación
Valo
r(1) Paleta decolores
Controlesindividuales
Bri
llo
Intensidad(2)
(3)
Curso de GIMP 2.4 Paco Ferrús
Hemos puesto el texto de color amarillo
Pero el texto con un solo color se ve plano y aburridoSi le añadimos una sombra base parecerá que está flotando sobre la imagen...
Curso de GIMP 2.4 Paco Ferrús
Añadimos una sombra...
La sombra se creará en una nueva capa
Curso de GIMP 2.4 Paco Ferrús
Ventana sombra baseDesplazamiento de la sombrarespecto al texto
Nuestro cerebro esperasombras desenfocadas
Una sombra realtiene transparencia
Las sombras suelenser negras o grisoscuro. A vecesuna sombra de color(azul oscuro por ej.)puede darle másriqueza a la imagen
Curso de GIMP 2.4 Paco Ferrús
Ya tenemos la sombra...Si no nos gusta el efecto,podemos deshacer y rein-tentarlo muchas veces...
Curso de GIMP 2.4 Paco Ferrús
Vamos a experimentar con las sombras...
Ahora sería un buen momentopara “arrancar” el menú quecontiene la opción sombra basepara tenerla disponible
Podemos crear varias sombrase ir desactivando y activandola visibilidad de las capasasociadas para ver cual deellas nos gusta mas
Curso de GIMP 2.4 Paco Ferrús
Enlazar capas
Podemos enlazar las capas de texto y su sombra para que se muevan juntas
Pinchar aquí paraenlazar capas
Curso de GIMP 2.4 Paco Ferrús
Vamos a rotar el texto
La mayoría de operaciones en GIMP trabajan sobre la capa actual y no sobre la imagen completaPara rotar el texto podemos utilizar la herramienta rotar capa vista en el capítulo anteriorSi hemos enlazado la capa de texto con la capa de sombra rotarán ambos elementos
Curso de GIMP 2.4 Paco Ferrús
Texto y sombra rotados
Curso de GIMP 2.4 Paco Ferrús
Usar capas para copiar y pegar
A menudo necesitamos copiar parte de una imagen en otraPor ejemplo , esta bonita imagen de Marte podría servirnos de nariz para nuestro caniche
Curso de GIMP 2.4 Paco Ferrús
Seleccionar la parte que queremos pegar
Necesitamos, únicamente, el planeta sin el fondo negroPodemos utilizar la herramienta elipse para seleccionar Marte pero, en este caso, la precisión es críticaSi nos equivocamos podemos mover, solo, la selección pulsando la tecla Alt (o Shift+Alt en otros sistemas)
Curso de GIMP 2.4 Paco Ferrús
Otra forma de mover la selección
Mover laselección
Cambiando la forma de trabajar de la herramienta mover podemos mover la selecciónAcordarse después de restablecer la opción para evitar confusiones futuras
¡ Muy importante!
Curso de GIMP 2.4 Paco Ferrús
Encoger/Agrandar un poco la selección
Curso de GIMP 2.4 Paco Ferrús
Pegar la selección
Copiamos desde el menú Edición; Copiar o Control+CPegamos desde el menú Edición; Pegar o Control+VLa selección se pega como una “selección flotante” (ver ventana de capas), de ahí que el pegado tenga, visualmente, defectos
Curso de GIMP 2.4 Paco Ferrús
Ejemplo de selección flotante
Observad que laimagen pegadaaparece condefectos, esto lohace el programaadrede para queveamos que setrata de unaselección flotante
Curso de GIMP 2.4 Paco Ferrús
¿Qué debemos hacer con una selección flotante?
Debemos convertirla en capa o pegarla en la capa actualEn este ejemplo vamos a convertirla en capa Pegar en la
capa actual
Convertir en capa
Curso de GIMP 2.4 Paco Ferrús
Marte es demasiado grande para que sirva como nariz del caniche
¡¡¡Vamos a cambiarle el tamaño!!!
Curso de GIMP 2.4 Paco Ferrús
¿Cual será el tamaño apropiado?
(1) Medirdistanciay ángulo
(2) Pinchar y arrastrar
(3) Medida
Haremos la nariz de una medidaun poco mayor de lo indicado...
Curso de GIMP 2.4 Paco Ferrús
Vamos a escalar la capa a 70 pixeles
Curso de GIMP 2.4 Paco FerrúsMovemos la nariz...
Curso de GIMP 2.4 Paco Ferrús
Ya hemos terminado nuestra obra de arte...
Curso de GIMP 2.4 Paco Ferrús
Un paseo por la ventana capas
Imagen actual
Pestañas
Actualizarautomáticamentela imagen actual
Modo de capa
Visibilidad
Enlazada
Vista previa
Nueva capa
Subir Bajar
Borrar capa
Ancla de capa
Duplicar capa
Nombre de capa
Máscara de capa
Mantenertransparente
Menú paraunir
Curso de GIMP 2.4 Paco Ferrús
Área de título
Es una lista desplegable situada arriba de la ventanaDesde aquí podemos cambiar a otra imagenAl lado hay un botón auto que hace que la ventana se actualice automáticamente cuando cambiamos de imagen
Curso de GIMP 2.4 Paco Ferrús
Máscara de capa
Controla, cuando existe, qué parte de la capa es visible y cual no lo esLas partes blancas de la máscara son visiblesLas partes negras son transparentes aunque la capa contenga algo en dicha posiciónEs otra forma de representar las transparencias
Curso de GIMP 2.4 Paco Ferrús
Menú de contexto de una capa
Si pulsamos el botón derecho del ratón sobre una capa aparece el menú de contexto de la mismaDesde aquí podemos acceder a ciertas funciones interesantes
Curso de GIMP 2.4 Paco Ferrús
Vamos a hacer un GIF animado
Una animación es un conjunto de imágenes que cambian ligeramente una de otraSi las visualizamos una detrás de otra vemos una animaciónGIMP representa cada secuencia con una capa, la capa más baja es la primera secuencia y la más alta es la última
Curso de GIMP 2.4 Paco Ferrús
¿Puedes hacer que vuele?
¡¡¡Vamos a hacer que aterrice y que despegue!!!
Curso de GIMP 2.4 Paco Ferrús
Creación de la imagen base
Necesitamos crear una imágen lo suficientemente grande para albergar la animación completaVamos a crearla de un tamaño unas 10 veces la longitud del biplano y de unas 4 veces su alturaSi vamos a poner la animación en la web interesa que sea una imagen pequeña que ocupe poco espacioEl fondo de la nueva imagen debe ser azul claro como el fondo del biplano
Curso de GIMP 2.4 Paco Ferrús
Hacemos un biplano de 100 pixeles de ancho
Curso de GIMP 2.4 Paco Ferrús
Establecer como color de fondo el cielo del biplano(1) Herramienta recoger color
(2)
(3) Clic en el cielo
(4)
Curso de GIMP 2.4 Paco Ferrús
Creación de una imagen base
El biplano es de 100x42 pixeles por lo queuna imagen 10 veces más ancha y 4 vecesmás alta será de 1000x168
Curso de GIMP 2.4 Paco Ferrús
Ahora a pegar varios bi-planos en la imagen base
(1) Editar; Copiar(Control+C)
(2) Editar; Pegar(Control+V)
(3) Convertir laselección flotanteen una capa
(4) Mover el biplanoa la posición que letoque
Curso de GIMP 2.4 Paco Ferrús
Ya casi está hecho...
Cada secuencia es un biplano con un fondo transparente.En la animación final cada biplano debe reemplazar al anterior por lo que cada secuencia necesita su propia copia del cielo
Curso de GIMP 2.4 Paco Ferrús
Poner a cada secuencia su propio fondo
(1) Seleccionar capade fondo y duplicarla
(2) Mover la nuevacapa debajo de unbiplano (si procede)
(3) Botón derechosobre la capa delbiplano
(4) Unir biplano y sunuevo fondo
Hay que repetir estos pasospara cada uno de los biplanos
Curso de GIMP 2.4 Paco Ferrús
Vamos a probar si funciona la animación
Guardar la animaciónen formato XCF
Curso de GIMP 2.4 Paco Ferrús
Guardar como GIF
Curso de GIMP 2.4 Paco Ferrús
Exportar archivo
Curso de GIMP 2.4 Paco Ferrús
Guardar como GIF...Cuando el navegador carga laimagen la muestra a capas
Comentarios incluidos en el archivo GIF
Curso de GIMP 2.4 Paco Ferrús
Configurar una animación con los nombres de capa
Podemos hacer que aterrice más lento (200ms)Una secuencia puede mezclarse con la anterior (combine)Una secuencia puede reemplazar a la anterior (replace)
Curso de GIMP 2.4 Paco Ferrús
Prácticas GIF animados
Ahora que ya sabemos despegar y aterrizar ¿Podrías hacer que el biplano haga un looping?Se trataría de hacer un lienzo más grande e ir rotando cada biplano...
Descargar algunos
GIF animados de
Internet, abrirlos
con GIMP y observar
sus capas