Informática
Tratamiento de imágenes

Tu Instituto Online
   


 
Nivel Medio GIMP: Texto con relieve y sombra
Duración aproximada: 1 sesión.
   
Objetivos Objetivos
  • Aprender a realizar efectos llamativos sobre los textos en GIMP.
   
Fuentes de información Fuentes de información
   
Contenidos
Contenidos
 

1. Texto con sombra

A la hora de crear un texto con sombra vamos a utilizar algunos filtros de GIMP.

   

Todos los ejercicios que vamos a realizar tendrás que subirlos en el mismo lugar de la plataforma.

Es recomendable que pruebes a modificar los distintos parámetros de los filtros para comprobar cómo afecta cada uno de ellos al resultado.

   
Ejercicios
Ejercicio
 

Crear archivo

  • Ve al menú Archivo → Nuevo. Crea una nueva imagen de 400 x 200 píxeles con fondo blanco.

Nuevo archivo

Escribir texto

  • Selecciona la herramienta Texto Texto. Elige la fuente Sans, tamaño 50 y color negro.
  • Escribe sobre la imagen el texto “INFORMÁTICA”.
  • Ve a la paleta de capas y renombra la capa como “Sombra”.
  • Duplica la capa de texto. Menú Capa → Duplicar la capa.
  • En la paleta de Capas, haz clic sobre la nueva capa y renombra como “Texto”.

Aplicar filtros

  • Selecciona la capa “Sombra”.
  • Aplica Filtros → Difuminar → Desenfoque gaussiano con un valor de 10, tanto en horizontal como vertical. Ahora, esta capa ha dejado de ser un texto editable para convertirse en una capa normal.
  • Vamos a desplazar la capa, para que tenga impresión de sombra, 5 píxeles a la derecha y 5 píxeles hacia abajo. Para ello elige Capa → Transformar → Desplazamiento y, en el cuadro de diálogo que aparece introduce en X y en Y el valor de 5.

Desplazamiento

Rellenar con textura

Ahora vamos a rellenar con una textura la capa “Texto” (únicamente las letras).

  • Selecciona la capa "Texto" y haz clic con el botón derecho sobre ella. En el menú emergente elige la opción Alfa a selección.
  • Si no está visible, muestra la caja de herramientas de Patrones (menú Ventanas → Diálogos empotrables → Patrones).
  • Selecciona la pestaña de Patrones.
  • Arrastra el patrón (Pine 64x56) a la capa “Texto” para que se rellene.

Patrones          Aspecto actual

  • Deselecciona todo con el menú Seleccionar → Ninguno.
  • Ve a la capa de Fondo. Selecciona la herramienta de Relleno (cubo de pintura) Cubo de pintura y pinta el fondo con un patrón marrón oscuro.

Patrón para rellenar el fondo          Resultado final

Exportar imagen

  • Exporta la imagen dentro de tu directorio de GIMP como “textosombra.jpg”.
  • Cierra la imagen descartando los cambios (sin guardarlos).

Subir la imagen

  • Sube el fichero "textosombra.jpg" a la plataforma.
   
Contenidos
Contenidos
 

2. Texto con relieve

Ahora vamos a crear un texto con relieve utilizando algunos filtros de GIMP.

   
Ejercicios
Ejercicio
 

Crear archivo

  • Ve al menú Archivo → Nuevo. Crea una nueva imagen de 400 x 200 píxeles con fondo blanco.

Escribir texto

  • Selecciona la herramienta Texto Texto. Elige la fuente Sans, tamaño 50 y color negro.
  • Escribe sobre la imagen tu nombre.
  • En la paleta de Capas, haz clic sobre la nueva capa y renombra como “Texto”.
  • Selecciona la capa "Texto". Aplica Filtros → Difuminar → Desenfoque gaussiano con un valor de 5, tanto en horizontal como vertical. Ahora, esta capa ha dejado de ser un texto editable para convertirse en una capa normal.

Combinar capas

Ahora tenemos 2 capas: la capa fondo (de color blanco) y la capa con el texto que hemos escrito (de color negro). Vamos a fusionar el texto con el fondo de la imagen.

  • Mezcla las dos capas con el menú Imagen → Combinar las capas visibles. Deja las opciones por defecto y haz clic en Combinar.

Resultado final

  • Ve al menú Colores → Invertir.

Aplicar filtros

  • Crea una nueva capa de color transparente. Menú Capa → Capa nueva. Renombra la nueva capa como “Efecto”.
  • Selecciona la capa “Efecto”. Utiliza el filtro Filtros → Renderizado → Nubes → Plasma para darle un poco de color a la capa. Elige los valores de plasma que desees. Por ejemplo:

Resultado final

  • Vamos a proyectar relieve. Menú Filtros → Mapa → Mapa de relieve y como Mapa de relieve elige la capa “Texto”. Establece los valores que más te gusten. Por ejemplo:

Resultado final

Resultado final

Añadir máscara de capa

  • Selecciona la capa Fondo. Menú Seleccionar → Todo. Menú Editar → Copiar.
  • Selecciona la capa “Efecto”. Menú Capa → Máscara → Añadir máscara de capa. Marca el color blanco, para que la máscara sea blanca.

Resultado final

  • Haz clic en la máscara blanca. Menú Editar → Pegar. Nos quedará una selección flotante.

Resultado final

  • Ancla la capa con el menú Capa → Anclar la capa. Las partes negras de la máscara de la capa de plasma se convierten en partes transparentes y las partes blancas continuan 100% opacas. Los tonos grises son suaves transiciones.

Resultado final          Resultado final

Cambiar color de fondo

  • Crea una nueva capa de nombre “Color”. Mueve la capa y sitúala entre la capa Fondo y la capa “Efecto”.
  • Selecciona la herramienta cubo de pintura. Pinta la capa con el color que quieras.
  • Ahora vamos a cambiar el contraste del texto. Menú Colores → Niveles. Mueve los triángulos que se ven en los degradados grises como desees. Lo que estamos haciendo es añadir más contraste al borde de la máscara, de forma que el dibujo destaque más. Por ejemplo:

Resultado final

Añadir sombra al texto

  • Ve a la capa “Efecto”. Duplica la capa con el menú Capa → Duplicar la capa.
  • Selecciona la nueva capa y renombra como “Sombra”.
  • Aplica la máscara de capa. Menú Capa → Máscara → Aplicar máscara de capa. De este modo, hemos fusionado el efecto de plasma con la máscara, quedando la imagen con las partes transparentes bien definidas. La máscara desaparece.
  • Mueve la capa “Sombra” justo debajo de la capa “Efecto”.

Resultado final

  • Vamos a desplazar la capa, para que tenga impresión de sombra, 5 píxeles a la derecha y 5 píxeles hacia abajo. Para ello elige Capa → Transformar → Desplazamiento y, en el cuadro de diálogo que aparece introduce en X y en Y el valor de 5. Por último, haz clic en Desplazamiento.

Resultado final

   

También podemos utilizar la herramienta Mover Tijeras de selección para desplazar la capa como queramos.

   
 

Exportar imagen

  • Exporta la imagen dentro de tu directorio de GIMP como “textorelieve.jpg”.
  • Cierra la imagen descartando los cambios (sin guardarlos).

Subir la imagen

  • Sube el fichero "textorelieve.jpg" a la plataforma.
   
   
Creditos Créditos
Licencia de Creative Commons

Este documento es de dominio público bajo licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España.
TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. v. 2.0.2.1.0

No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.

Los reconocimientos se realizan en el apartado Fuentes de información.

Los iconos empleados están protegidos por la licencia LGPL y se han obtenido de:
https://commons.wikimedia.org/wiki/Crystal_Clear
https://www.openclipart.org


Licencia de Creative Commons

Todas las capturas de pantalla tienen copyright y pertenecen a TuInsitutoOnline.com.

TuInstitutoOnline.com permite su uso siempre y cuando se muestren desde el dominio www.tuinstituoonline.com y NO PERMITE enlazar a ellas desde otros lugares.

Además, la estructura diseñada para mostrar el contenido de las unidades es propiedad de TuInstitutoOnline.com.

TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. Versión 2021.