Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas...
Transcript of Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas...
![Page 1: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/1.jpg)
Curso de GIMP 2.4 Paco Ferrús
Tema 3:Capas
![Page 2: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/2.jpg)
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
![Page 3: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/3.jpg)
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
![Page 4: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/4.jpg)
Curso de GIMP 2.4 Paco Ferrús
Ejemplo de imagen formada con capas
![Page 5: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/5.jpg)
Curso de GIMP 2.4 Paco Ferrús
Imagen resultante
![Page 6: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/6.jpg)
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
![Page 7: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/7.jpg)
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
![Page 8: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/8.jpg)
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
![Page 9: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/9.jpg)
Curso de GIMP 2.4 Paco Ferrús
![Page 10: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/10.jpg)
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!!!
![Page 11: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/11.jpg)
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
![Page 12: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/12.jpg)
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
![Page 13: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/13.jpg)
Curso de GIMP 2.4 Paco Ferrús
El texto aparece muy pequeño
El texto aparecemuy pequeño
![Page 14: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/14.jpg)
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
![Page 15: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/15.jpg)
Curso de GIMP 2.4 Paco Ferrús
Buen tamaño de textopero no está situadoen buen sitio...
Buen tamaño de texto...
![Page 16: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/16.jpg)
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
![Page 17: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/17.jpg)
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.
![Page 18: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/18.jpg)
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
![Page 19: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/19.jpg)
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
![Page 20: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/20.jpg)
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)
![Page 21: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/21.jpg)
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)
![Page 22: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/22.jpg)
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...
![Page 23: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/23.jpg)
Curso de GIMP 2.4 Paco Ferrús
Añadimos una sombra...
La sombra se creará en una nueva capa
![Page 24: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/24.jpg)
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
![Page 25: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/25.jpg)
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...
![Page 26: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/26.jpg)
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
![Page 27: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/27.jpg)
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
![Page 28: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/28.jpg)
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
![Page 29: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/29.jpg)
Curso de GIMP 2.4 Paco Ferrús
Texto y sombra rotados
![Page 30: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/30.jpg)
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
![Page 31: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/31.jpg)
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)
![Page 32: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/32.jpg)
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!
![Page 33: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/33.jpg)
Curso de GIMP 2.4 Paco Ferrús
Encoger/Agrandar un poco la selección
![Page 34: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/34.jpg)
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
![Page 35: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/35.jpg)
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
![Page 36: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/36.jpg)
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
![Page 37: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/37.jpg)
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!!!
![Page 38: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/38.jpg)
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...
![Page 39: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/39.jpg)
Curso de GIMP 2.4 Paco Ferrús
Vamos a escalar la capa a 70 pixeles
![Page 40: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/40.jpg)
Curso de GIMP 2.4 Paco FerrúsMovemos la nariz...
![Page 41: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/41.jpg)
Curso de GIMP 2.4 Paco Ferrús
Ya hemos terminado nuestra obra de arte...
![Page 42: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/42.jpg)
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
![Page 43: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/43.jpg)
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
![Page 44: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/44.jpg)
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
![Page 45: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/45.jpg)
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
![Page 46: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/46.jpg)
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
![Page 47: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/47.jpg)
Curso de GIMP 2.4 Paco Ferrús
¿Puedes hacer que vuele?
¡¡¡Vamos a hacer que aterrice y que despegue!!!
![Page 48: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/48.jpg)
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
![Page 49: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/49.jpg)
Curso de GIMP 2.4 Paco Ferrús
Hacemos un biplano de 100 pixeles de ancho
![Page 50: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/50.jpg)
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)
![Page 51: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/51.jpg)
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
![Page 52: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/52.jpg)
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
![Page 53: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/53.jpg)
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
![Page 54: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/54.jpg)
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
![Page 55: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/55.jpg)
Curso de GIMP 2.4 Paco Ferrús
Vamos a probar si funciona la animación
Guardar la animaciónen formato XCF
![Page 56: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/56.jpg)
Curso de GIMP 2.4 Paco Ferrús
Guardar como GIF
![Page 57: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/57.jpg)
Curso de GIMP 2.4 Paco Ferrús
Exportar archivo
![Page 58: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/58.jpg)
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
![Page 59: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/59.jpg)
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)
![Page 60: Tema 3: Capas - UVmural.uv.es/piesomon/GIMP/tema3/03_Capas.pdf · 2009. 2. 24. · Uso de capas para añadir texto Herramienta mover Cambiar colores Efectos simples sobre capas Enlazar](https://reader035.fdocumento.com/reader035/viewer/2022062610/61066674f491bd5ef22f9748/html5/thumbnails/60.jpg)
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