tema 3: capas - uvmural.uv.es/piesomon/gimp/tema3/03_capas.pdf · 2009. 2. 24. · uso de capas...

Curso de GIMP 2.4 Paco Ferrús

Tema 3:Capas


Contenidos

¿Qué es una capa?Uso de capas para añadir textoHerramienta moverCambiar coloresEfectos simples sobre capasEnlazar capasOperaciones con capasEl diálogo capas


¿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


Ejemplo de imagen formada con capas


Imagen resultante


¿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


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


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


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!!!


La herramienta texto

Al hacer clic en la imagen aparece la ventana de edición de texto

Aquí escribimos eltexto deseado


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


El texto aparece muy pequeño

El texto aparecemuy pequeño


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


Buen tamaño de textopero no está situadoen buen sitio...

Buen tamaño de texto...


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


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.


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


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


Cambiar el color de un texto existente

(1) Botón derechosobre la capa textoo pinchar el textoen la imagen

(3) Cambiar el color

(2)


El selector de color

Colores recientes

Saturación

Valo

r(1) Paleta decolores

Controlesindividuales

Bri

llo

Intensidad(2)

(3)


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...


Añadimos una sombra...

La sombra se creará en una nueva capa


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


Ya tenemos la sombra...Si no nos gusta el efecto,podemos deshacer y rein-tentarlo muchas veces...


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


Enlazar capas

Podemos enlazar las capas de texto y su sombra para que se muevan juntas

Pinchar aquí paraenlazar capas


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


Texto y sombra rotados


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


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)


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!


Encoger/Agrandar un poco la selección


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


Ejemplo de selección flotante

Observad que laimagen pegadaaparece condefectos, esto lohace el programaadrede para queveamos que setrata de unaselección flotante


¿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


Marte es demasiado grande para que sirva como nariz del caniche

¡¡¡Vamos a cambiarle el tamaño!!!


¿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...


Vamos a escalar la capa a 70 pixeles

Curso de GIMP 2.4 Paco FerrúsMovemos la nariz...


Ya hemos terminado nuestra obra de arte...


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


Á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


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


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


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


¿Puedes hacer que vuele?

¡¡¡Vamos a hacer que aterrice y que despegue!!!


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


Hacemos un biplano de 100 pixeles de ancho


Establecer como color de fondo el cielo del biplano(1) Herramienta recoger color

(2)

(3) Clic en el cielo

(4)


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


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


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


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


Vamos a probar si funciona la animación

Guardar la animaciónen formato XCF


Guardar como GIF


Exportar archivo


Guardar como GIF...Cuando el navegador carga laimagen la muestra a capas

Comentarios incluidos en el archivo GIF


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)


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

tema 3: capas - uvmural.uv.es/piesomon/gimp/tema3/03_capas.pdf · 2009. 2. 24. · uso de capas...

Documents