Manual de GIMP. Capítulo 4. Los textos y las capas
Los textos son algo básico en el tratamiento de imágenes por ordenador y GIMP nos proporciona herramientas útiles para su uso.
Los podemos generar con:
Los Script-Fu para textos.
La herramienta texto de la caja de herramientas.
Con un filtro que existía en la versión 2.2. para Windows y que no se ha incluido en la versión 2.4
En el capítulo 1 vimos la creación de un logotipo rápido utilizando los Script-Fu que nos proporciona GIMP en relación a los textos.
¿Qué son los Script-Fu? Pues una sucesión de órdenes escritas en un lenguaje llamado Schema. Pueden ser modificables (si tenemos conocimiento informáticos para ello) y sirven para generar imágenes nuevas o provocar modificaciones en una imagen o en parte de ella.
![]()
Al
seleccionar la herramienta texto aparecen, como con las demás, sus
opciones de herramienta. Se puede seleccionar:
Pulsando la tecla t del teclado sobre la imagen
Abriendo en la ventana imagen el menú Herramientas y elegir Texto.
Pulsando sobre el icono correspondiente en la Caja de Herramientas.
Pulsando el botón derecho del ratón sobre la imagen, con lo que se despliega un menú contextual en el que podemos encontrar Herramientas >> Texto.

Eligiendo
la herramienta de las tres últimas formas se nos muestra una caja
para introducir el texto (el Editor de textos de GIMP).
Tiene en la parte superior varios botones (de izquierda a derecha) que sirven para:
Abrir un archivo de texto (en formato txt).
Borrar el texto que haya en el editor.
Especificar dirección de escritura de izquierda a derecha.
Especificar dirección de escritura de derecha a izquierda (este último efecto lo apreciamos cuando escribimos la segunda línea dentro del Editor de textos, pues la primera línea la escribe de izquierda a derecha).
A medida que tecleamos el texto podemos comprobar que se va escribiendo en la ventana imagen. Cuando terminamos pulsamos en el botón Cerrar.
Posteriormente (o con anterioridad a comenzar a escribir) podemos escoger opciones del texto.
Éstas son:

Tipografía. Pinchando sobre el botón que hay a
la derecha de Tipografía podemos cambiar el tipo de letra a cualquiera
de las que tenemos instaladas en nuestro equipo.
Tamaño. Aquí especificamos tamaño para el tipo de letra elegida.
Hinting. Esta casilla está seleccionada por defecto y sirve para ver los textos de forma precisa, sobre todo con tamaños de fuente pequeños. Pruebe a disminuir el tamaño de las letras (10 por ejemplo) y a marcar y a desmarcar la casilla para ver el efecto que produce
Forzar el auto-hinter. Sirve para establecer de forma automática la distancia de las letras.
Alisado. Sirve para evitar exceso de enfoque (bordes duros) en las letras. Pruebe a aumentar mucho el tamaño de las letras (80 por ejemplo) y a marcar y a desmarcar la casilla para ver el efecto que produce.
Color. Sirve para elegir color para el texto.
Justificar. Para justificar el texto a izquierda, derecha, centrado o justificad a ambos márgenes.
Sangrar. Separa el borde izquierdo del texto con la caja que lo enmarca.
Espaciado de línea. Separa las líneas que hay en el Editor de textos.
Espaciado de letras. Separa las letras que hay en el Editor de textos.
Como se ha comentado con anterioridad este filtro (en capítulos posteriores hablaremos de ellos) se encontraba en la versión 2.2 para Windows (no así en la versión para GNU/Linux). Desconocemos el motivo de no incluirlo en la versión 2.4, aunque nos vamos a tomar la licencia de comentar su instalación1 aquí (esperamos que no suponga dificultad alguna teniendo en cuenta nuestra intención de hacer un manual de iniciación a GIMP).
La carpeta de instalación es la siguiente: C:/archivos de programa/GIMP-2.0/lib/GIMP/2.0/plug-ins
En dicha carpeta vamos a copiar el siguiente archivo: http://tecnologiaedu.uma.es/materiales/gimp/archivos/freetype.exe
Si tenemos abierto GIMP lo cerramos y volvemos a abrir para disponer de este filtro.
Se nos abre un cuadro de diálogo en el que podemos elegir:
El tipo de letra en Font Family.
El estilo de fuente (negrita, cursiva, negrita cursiva...) en Font Style.
En la caja de texto Preview previsualizamos los cambios que vayamos haciendo.
La casilla de verificación Dot for Dot nos permite ver el texto a tamaño real. Si la desactivamos podemos aumentar el tamaño de visualización o reducirlo (aunque esto no afecta al tamaño real del texto en la imagen.
La casilla Auto, cuando está activada, nos permite ver en la zona de previsualización los cambios que vamos introduciendo. Si la desactivamos dejando de ver dichos cambios.
Luego vemos la caja de texto en la que introducir la línea de texto (este filtro tiene la limitación de poder introducir únicamente una línea).
La casilla Auto, cuando está activada, nos permite ver en la zona de previsualización los cambios que vamos introduciendo. Si la desactivamos dejando de ver dichos cambios.

Inmediatamente después vemos dos pestañas: General y Transformation.
La pestaña General nos permite modificar el tamaño de la fuente (Font Size) y el espaciado de las letras (Spacing).

La pestaña Transformation nos permite cambiar la altura del texto, la
anchura de las letras, la inclinación y la rotación del texto.
Demo de uso del Filtro FreeType
http://tecnologiaedu.uma.es/materiales/gimp/capturas/freetype.htm

Las capas son como acetatos puestos unos encima de otros. La parte que no está rellena en una capa deja ver el contenido de la capa de debajo.
Se
comentó en capítulos anteriores que las zonas que parecen un
tablero de ajedrez formadas por cuadraditos grises indican
transparencia.
La ventaja que tiene trabajar con capas es que lo que se haga en una no influye al contenido de las otras. Una capa puede ser borrada, duplicada, combinada con otras. A una capa se le puede cambiar el tamaño de forma independiente, se pueden mover, se les puede cambiar el orden de apilación, etc. También permiten distintos grados de transparencia.
En la figura de la derecha tenemos una serie de capas que, combinadas, forman una imagen que puede ser utilizada como portada en una página Web, como componente de una primera página en una publicación impresa, etc.
Si hemos cerrado en capítulos anteriores la ventana donde estaba el cuadro de diálogo de las capas, lo podemos recuperar desde:
La caja de herramientas siguiendo esta secuencia: Archivo >> Diálogos >> Crear un empotrable nuevo >> Capas, canales y rutas.
Desde la ventana de cualquier imagen desplegando el menú Diálogos >> Crear un empotrable nuevo >> Capas, canales y rutas.
Podemos
abrir únicamente la ventana capas:
-
Incluyéndola como una nueva solapa en la ventana
principal de
GIMP
http://tecnologiaedu.uma.es/materiales/gimp/capturas/solapacapa.htm
- En la ventana principal de GIMP: Archivo
>> Diálogos
>> Capas.
- Pulsando la combinación de teclas Ctrl+L.
- En la ventana de una imagen: Diálogos
>> Capas.
![]() |
En ambos
casos aparece la siguiente ventana en la que podemos observar varias
zonas
Un desplegable en el que podemos elegir, si tenemos varias imágenes abiertas, la imagen sobre la que trabajar. Varias pestañas: capas, canales, rutas y deshacer. Se nos muestra por defecto seleccionada la pestaña capas. Botones específicos de cada una de las pestañas. |
Canales
Los canales nos permiten en las imágenes en modo RGB (por ejemplo) ver la cantidad de rojo, verde y azul que contiene una imagen (aparte de su transparencia).
Rutas
Las rutas nos van a permitir hacer selecciones que se pueden ajustar a una determinada forma, zona... de la imagen. Posteriormente se puede editar y volver a modificarla siempre que queramos.
Deshacer
Cuando cometamos errores con el programa los podemos deshacer acudiendo a este histórico de acciones. El número de acciones a deshacer depende de la memoria asignada al historial para cada imagen.
A
las opciones de configuración del programa se accede desplegando el
menú Archivo de la ventana principal de GIMP,
eligiendo
Preferencias. En concreto, la memoria asignada al
histórico
de deshacer se encuentra en la opción Entorno.
Los botones sirven, de izquierda a derecha, para lo siguiente:
Crear una capa nueva.
Subir la capa seleccionada.
Bajar la capa seleccionada.
Duplicar la capa activa.
Anclar la capa (este botón se activa en algunas operaciones, como por ejemplo cuando se pega una capa y está esperando la selección a “ser fijada”).
Borrar la capa activa. También se puede borrar una capa arrastrándola a la papelera.
Dentro de la ventana Capas encontramos los siguientes elementos:

Acceso al menú de capas/solapas. Este botón nos permite acceder al menú de capas (aparte de poder gestionar las solapas (añadir, cerrar, desprender, etc.).
Otra
forma de acceder al menú de capas es
hacer clic con el botón derecho en la ventana capas. Nos aparece el
menú de capas como menú contextual emergente.
Bloqueo de transparencia. Sirve para poder rellenar una capa (con un color sólido o un patrón) o una parte de ella sin que afecte a las zonas transparentes de la misma.
Modo de combinación. La forma de combinación de la capa en la imagen lo elegimos aquí.
Control de la opacidad. Se puede establecer la transparencia de la capa desplazando el botón deslizante o introduciendo directamente el porcentaje de opacidad deseado en el cuadro de texto.
Nombre de la capa. Sirve para identificar la capa (es útil cuando una imagen está compuesta por muchas capas). Puede modificarse haciendo doble clic sobre el nombre de cada capa.
Capa seleccionada. Se encuentra coloreada e indica que lo que hagamos en la ventana imagen surtirá efecto en ella.
Visibilidad de la capa. Si el ojo está visible vemos la capa en la ventana imagen. Si hacemos clic sobre el ojo, éste desaparece y la capa deja de estar visible en la ventana imagen.
Capa enlazada. Este icono (que se activa y desactiva haciendo clic sobre él) permite la transformación agrupada de todas las capas que están enlazadas.
Cuando se crea una capa nueva hay que elegir:
El nombre que le vamos a dar a la capa. Es conveniente poner un nombre acorde con el contenido que vaya a tener para luego localizarla con más facilidad en la lista de capas.
La anchura y la altura. Nos propone siempre el programa por defecto el tamaño de la imagen como tamaño de la capa, pero esta cifra puede ser cambiada a nuestro antojo.
El relleno de la capa: color de frente, de fondo, blanco o transparencia.

Vamos a hacer algunas prácticas combinando lo comentado para los textos y las capas.
Para ello creemos una imagen de 500 x 270 píxeles con el fondo blanco.
Vamos, en primer lugar, a poner un texto con sombra.
Para ello escogemos la herramienta Texto y, en opciones de herramienta, especificamos estos valores:
Tipografía: Arial.
Tamaño: 60.
Color: en notación HTML escribimos ff0000 (corresponde al rojo).
Justificar: centrado.
Pinchamos sobre la ventana de la imagen, con lo que aparece el Editor de textos de GIMP. Escribimos “El GIMP” y pinchamos en el botón Cerrar. Desplazamos el texto a la parte superior izquierda con la herramienta Mover.
Como vamos a trabajar con capas, debemos tener la ventana capas visible. La podemos poner visible, como se ha comentado, de varias formas. Recordamos una de ellas: desplegamos Diálogos >> Crear un empotrable nuevo >> Capas, canales y rutas.
Los
textos son editables siempre y cuando no se cambien las condiciones
de la capa. Esto ocurre cuando se hace clic, en la ventana capas
sobre la capa de texto, con el botón derecho y, en el menú
contextual emergente, se elige Descartar información de texto;
también deja de ser editable cuando se aplica un filtro al texto. En
ambos casos la capa de texto pasa a ser una capa normal (en lugar de
texto) y deja, por tanto, de ser editable.
Habrá observado que en la ventana capas ha aparecido una capa con una T y como nombre de la capa el texto que hemos escrito (esta T indica que es una capa de texto editable).
Vamos a duplicar la capa de texto pinchando en el botón Duplica la capa (situado en la parte inferior de la ventana). Parece que no ha ocurrido nada (pues únicamente vemos un texto). Lo que ocurre es que hemos creado una capa con las mismas propiedades (tamaño del texto, color, posición), por lo que la capa superior “tapa” a la inferior.
Como nombre el programa pone el mismo que la capa origen más una almohadilla y el número 1 (si duplicásemos más veces la capa pondría una numeración consecutiva a las capas de texto creadas de esta forma). Cambiamos el nombre a la capa y escribimos “sombra GIMP”.
A la capa “sombra GIMP” le cambiamos el color a negro y aplicamos sobre ella la secuencia Filtro >> Desenfoque >> Desenfoque gaussiano... En la ventana que aparece aumentamos el radio de desenfoque a 10. Haga clic en el botón Aceptar. Observe cómo, en la ventana capas, esta capa ha dejado de ser una capa de texto (ya no es editable).
Seleccionamos la herramienta Mover y podemos, utilizando las teclas de movimiento del cursor (las flechas que se encuentran entre la parte alfanumérica y numérica del teclado), mover la capa de forma “mas precisa”. La desplazamos 5 píxeles hacia la derecha y 5 hacia abajo.
Por último cambiamos el orden de apilación de esta capa para ponerla debajo de la capa con texto color rojo.
Guardamos el archivo como texto.xcf
NOTA: Las siguientes demos pertenecen a una animación de la versión 2.2 (lo único que ha cambiado es el icono del texto)
http://tecnologiaedu.uma.es/materiales/gimp/capturas/texto1.htm
En segundo lugar un texto con el filtro FreeType
Recuperamos (si lo hemos cerrado) el archivo texto.xcf. Desde la ventana imagen seleccionamos Filtros >> Text >>FreeType y elegimos Arial en Font Family, 50 en Font Size y en la caja de texto escribimos “una buena elección”. En la pestaña Transformation un valor de 25 en Rotation.
En la ventana capas ha aparecido una capa con el mismo nombre que lo que hemos escrito en la capa de texto.
Vamos a crear (utilizando el icono de la parte inferior de la ventana capa) una nueva capa con fondo transparente y con nombre “una buena elección 2”. Cambiamos el color de frente a negro en la caja de herramientas y aplicamos de nuevo el filtro FreeType, pero ahora con marcamos la casilla de verificación Create Bezier Outline.
Una vez lo hayamos hecho parece que no ha ocurrido aparentemente nada. Seleccionamos la solapa Rutas y podemos observar que sí se ha creado algo (una ruta para poder ahora trabajar con ella). Vamos a hacer clic en el botón Trazar ruta... y en la ventana que aparece a continuación aceptamos pinchando en el botón Trazo.
Volvemos de nuevo a la solapa capas. Bajamos la capa de texto con el color negro (para que se pueda ver la de color rojo) y combinamos las dos capas. Para ello hacemos seleccionamos la capa superior y hacemos clic sobre ella con el botón derecho. En el menú emergente elegimos Combinar hacia abajo.
Por último, movemos la capa a una posición más centrada y guardamos de nuevo el archivo.
http://tecnologiaedu.uma.es/materiales/gimp/capturas/texto2.htm
En tercer lugar un Logo mediante un Script-Fu
Ahora vamos a aprovechar uno de los logos que nos proporciona GIMP y lo vamos a incorporar a nuestra imagen.
Para ello en la ventana principal de GIMP desplegamos Exts >> Script-Fu >> Logos >> Imigre-26.
En el cuadro de diálogo de este Script-Fu escogemos:
Texto: para todos.
Color del fotograma: negro.
Tipografía: Arial Black.
Tamaño de la tipografía (píxeles): 50.
Esto nos abre una ventana nueva con tres capas: una para el fondo (de color blanco), una para el texto con el color rojo y otra para el borde con el color que hemos elegido (el negro).
Vamos a combinar las dos capas de texto; posteriormente minimizamos esta ventana para que no “nos moleste” (aunque minimicemos la ventana principal, el empotrable de capas, canales, rutas y deshacer sigue visible). Ahora arrastramos la capa con el texto a la ventana del archivo texto.xcf.
Como la nueva capa que hemos arrastrado desde el otro archivo se pega en el centro de la imagen, la arrastramos a otro lugar más conveniente.
http://tecnologiaedu.uma.es/materiales/gimp/capturas/texto3.htm

Si
suponemos (como hemos visto en el epígrafe anterior, en la animación
texto3) que tenemos dos ventanas de imágenes distintas y queremos
copiar una capa de una ventana a otra, un procedimiento cómodo es
arrastrar la capa que queremos copiar de una ventana a otra. Otro
procedimiento (normal en todas las aplicaciones) consiste en, una vez
seleccionada la capa que se quiere copiar en el archivo de origen,
desplegar el menú Editar y elegir la opción Copiar
(o la combinación de teclas Ctrl+C).
Posteriormente seleccionamos la imagen destino (sobre la que queremos
copiar la capa) y elegimos
Editar
>> Pegar
(Ctrl+V).
Si utilizamos este procedimiento verá en la ventana de capas una capa que se llama “Selección flotante (Capa pegada)”. Para fijar (anclar) la capa, tenemos que pulsar el icono ancla que hay en la parte inferior de la ventana, aunque lo mejor es que hagamos clic sobre esa capa con el botón derecho y, en el menú emergente, elija la opción Capa nueva... (con esto se pega la selección flotante en una nueva capa).

Para seguir practicando con la copia de capas entre imágenes, descargue http://tecnologiaedu.uma.es/materiales/gimp/archivos/copiacapas.zip. Abra el archivo fondo.jpg y sobre él (copiando y pegando o arrastrando) vamos a pegar las siguientes imágenes: vaca.png, cartel.png y torre.png (cada imagen en una capa independiente).
Puede quedar algo como esto:


Hasta ahora hemos visto que las capas son como acetatos superpuestos y los superiores dejan ver lo que hay en las capas de abajo si tienen zonas transparentes. GIMP no se queda exclusivamente en esta posibilidad, pues nos ofrece distintos modos de combinar las capas con las que están debajo de ellas.
Para ver algunas combinaciones hemos partido de la siguiente disposición de capas:
Un fondo con dos colores.
Una capa con un círculo amarillo.
Una capa con las palabras “El GIMP” a la que se ha descartado la información del texto.
En los ejemplos siguientes se va aplicar el mismo modo de combinación a las capas “El GIMP” y “Círculo” (eso hace que algunos modos de combinación parezcan que hacen desaparecer la capa.
|
|
|
|
|
|
|
|
Lo interesante está en aplicar modos de combinación distintos a diferentes capas.
Reconocimiento-NoComercial-CompartirIgual 2.5 España
Realizado por:
José Sánchez Rodríguez (Universidad de Málaga) josesanchez@uma.es
Julio Ruiz Palmero (Universidad de Málaga) julioruiz@uma.es
Usted es libre de:
copiar, distribuir y comunicar públicamente la obra
hacer obras derivadas
Bajo las condiciones siguientes:
|
|
|
|
|
Reconocimiento - No comercial - Compartir igual: El material creado por un artista puede ser distribuido, copiado y exhibido por terceros si se muestra en los créditos. No se puede obtener ningún beneficio comercial y las obras derivadas tienen que estar bajo los mismos términos de licencia que el trabajo original. |
||
GNUser cc 2009