Informática
Tratamiento de imágenes

Tu Instituto Online
   


 
Nivel Medio GIMP: Filtros y efectos con textos
Duración aproximada: 2 sesiones.
   
Objetivos Objetivos
  • Aplicar efectos y filtros en textos.
  • Repasar los filtros vistos anteriormente.
   
Fuentes de información Fuentes de información
   
Contenidos
Contenidos
 

1. Efectos con texto

Vamos a aplicar filtros y efectos a diversos textos.

   

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
 

Descargar imagen

  • Descarga del portal la imagen del planeta Tierra. DESCARGAR
  • Abre la imagen en GIMP.

Cambiar tamaño lienzo

Vamos a cambiar el tamaño de la imagen para hacerla más grande.

  • Ve al menú Imagen → Tamaño del lienzo. En Tamaño del lienzo, asegúrate de que el icono de las cadenas está roto y pon Anchura 800 píxeles, Altura 800 píxeles. En Desplazamiento haz clic en el botón Centrar. En Redimensionar capas elige Todas las capas.

Nuevo archivo

  • Por último, haz clic en Redimensionar.
  • Selecciona la herramienta de Relleno (cubo de pintura). Rellena con color negro el área del lienzo que está en blanco.
  • Renombra la capa como "Fondo".

Escribir texto 1

  • Selecciona la herramienta Texto Texto. Elige la fuente, tamaño y color que desees.
  • Escribe en la parte inferior de la imagen el texto “LA TIERRA”.
  • 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 1”.

Aplicar filtros. Efecto sombra y perspectiva

  • 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.
  • Haz clic en Aceptar.
  • 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.
  • Haz clic en el botón Desplazamiento.
  • Ve a la capa "Texto 1". Con el botón derecho elige la opción Combinar hacia abajo.
  • Ve la capa "Sombra". Renombra la capa como "Texto 1".
  • Vamos a poner el texto en perspectiva. Selecciona la herramienta Perspectiva Tijeras de selección. Acomoda la perspectiva al gusto.
  • Por ejemplo:

Nuevo archivo

Escribir texto 2

  • Selecciona la herramienta Texto Texto. Elige la fuente, tamaño y color que desees. Si no está marcada, marca la opción Alisado.
  • Escribe en la parte derecha de la imagen el texto “ESPACIO”, dejando una letra en cada renglón (presionando Retorno entre cada letra). Aumenta el ancho de las letras. En Justificar, marca la opción Centrado.
  • Ve a la paleta de capas y renombra la capa como “Texto 2”.
  • Selecciona la herramienta Perspectiva Tijeras de selección. Aumenta el tamaño según te parezca. Elige la inclinación de la perspectiva deseada.

Aplicar filtros. Efecto viento

  • Filtro de Viento. Ve al menú Filtros → Distorsiones → Viento. Prueba y elige los valores que más te gusten.
  • Filtro de difuminación. Ve al menú Filtros → Difuminar → Desenfoque (blur). Puedes aplicar el desenfoque más veces.
   
Fuentes de información Sugerencias

Puedes rellenar de color diferente las áreas de las letras con la herramienta bote de pintura.

   
 

Escribir texto 3

  • Selecciona la herramienta Texto Texto. Elige la fuente, tamaño y color que desees.
  • Escribe el texto “PLANETA”.
  • Ve a la paleta de capas y renombra la capa como “Texto 3”.

Aplicar filtros. Efecto distorsión

Vamos a rotar la palabra “PLANETA” de forma semicircular.

  • Activa la capa de texto "Texto 3".
  • Ve al menú Filtros → Distorsiones → Doblar según curva. Vamos a girar el texto en 2 pasos:
    • En la opción Curva para el borde, marca Superior. Acomoda la palabra “PLANETA” tal y como se ve en la foto final.
    • En la opción Curva para el borde, marca Inferior. Acomoda la palabra “PLANETA” tal y como se ve en la foto final.
  • Por ejemplo:

Nuevo archivo

  • Haz clic en Aceptar.
  • Acomoda la palabra “PLANETA” tal y como se ve en la foto final.
   
Fuentes de información Sugerencias

También puedes aplicar Filtros → Distorsiones → Coord. polares y girar la imagen con la herramienta de Rotar, para que el texto quede legible.

   
 

Aplicar filtros. Efecto luces y sombras

  • Ve al menú Filtros → Luces y sombras. Aplica el efecto que quieras.

Escribir texto 4

  • Selecciona la herramienta Texto Texto. Elige la fuente, tamaño y color que desees.
  • Escribe el texto “AZUL”.
  • Ve a la paleta de capas y renombra la capa como “Texto 4”.

Aplicar filtros. Efecto distorsión

  • Repite los pasos anteriores con el texto "AZUL".
  • Elimina los parámetros anteriores con el botón Reiniciar para el borde Superior e Inferior.
  • Por ejemplo:

Nuevo archivo

  • El resultado final puede ser como el que se muestra a continuación:

Nuevo archivo           Nuevo archivo

Guardar imagen

  • Guarda la imagen como “tierra.xcf”. Nos aseguramos de poner el formato de GIMP (.xcf) para no perder las capas.

Exportar imagen

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

Subir la imagen

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

2. Cuadrantes

Ahora vamos a aplicar efectos de texto en partes de una imagen.

   
Ejercicios
Ejercicio
 

Crear archivo. Dividir en cuadrantes

  • Ve al menú Archivo → Nuevo. Elige la plantilla 640x480 y crea una nueva imagen de 640 x 480 píxeles con fondo blanco.
  • Divide la imagen en cuatro zonas. Selecciona la herramienta de Pincel. Elige el tipo (2. Hardness 100), tamaño 9 px y el color que quieras. Traza 2 líneas perpendiculares para dividir la imagen en 4 zonas iguales. Recuerda que para que queden rectas, mantenemos presionada la tecla Mayús.

Primer cuadrante

Pintar con color:

  • Selecciona el área del primer cuadrante con la herramienta de Selección rectangular.
  • Selecciona la herramienta de Relleno (cubo de pintura) y rellénala del color que quieras (por ejemplo verde).
  • Deselecciona el área. Ve al menú Seleccionar → Ninguno.

Escribir texto:

  • Selecciona la herramienta Texto. Elige la fuente, tamaño y color que desees.
  • Escribe la palabra "MÁLAGA".
  • En la paleta de Capas, haz clic sobre la nueva capa y renombra como “Texto 1”.

Aplicar filtros:

  • Vamos a hacer brillo alrededor de las letras. Ve al menú Filtros → Luces y sombras. Elige el efecto que desees. Modifica el valor de los parámetros para lograr un efecto parecido al de la foto final.
  • Ve a la capa de fondo.
  • Trazos finales. Selecciona la herramienta Pincel. Con el pincel (2. Hardness 050) y tamaño 4 px, traza 2 líneas perpendiculares a través de las letras.

Segundo cuadrante

Escribir texto:

  • Selecciona la herramienta Texto. Elige la fuente, tamaño y color que desees.
  • Escribe la palabra "SEVILLA".
  • En la paleta de Capas, haz clic sobre la nueva capa y renombra como “Texto 2”.

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

  • Selecciona la capa "Texto 2" y con el botón derecho del ratón elige la opción Alfa a selección.
  • Si no está visible, mostrar la caja de herramientas de Patrones (menú Ventanas → Diálogos empotrables → Patrones).
  • Selecciona la pestaña Patrones. Arrastra el patrón que quieras a la capa “Texto 2” para que se rellene.
  • Ve al menú Seleccionar → Ninguno.
  • Ve al menú Filtros → Ruido. Aplica el que quieras.
  • Aplica el efecto sombra al texto. Ve al menú Filtros → Luces y sombras → Drop Shadow.

Tercer cuadrante

Imagen de fondo:

  • Descarga del portal la imagen de la Alcazaba de Málaga. DESCARGAR
  • Abre la imagen en GIMP.
  • Ve a la imagen de la Alcazaba.
  • Selecciona toda la imagen. Menú Seleccionar → Todo.
  • Copia la selección con Editar → Copiar.
  • Ve a la imagen de los cuadrantes.
  • Pega la Alcazaba en el tercer cuadrante con Editar → Pegar como → Capa nueva. Acomoda en la posición correcta con la herramienta de Escalado Escalado y la herramienta Mover Mover.
  • Renombra la nueva capa como “Alcazaba”.

Escribir texto:

  • Selecciona la herramienta Texto. Elige la fuente, tamaño y color que desees.
  • Escribe la palabra "Alcazaba".
  • En la paleta de Capas, haz clic sobre la nueva capa y renombra como “Texto 3”.

Aplicar filtros:

  • Da volumen a las letras. Usa los filtros que quieras. Aplica las luces adecuadas en los efectos.
  • En la paleta de capas, pon la opacidad que desees.

Cuarto cuadrante

Imagen de fondo:

  • Descarga del portal la imagen de la Plaza de España de Sevilla. DESCARGAR
  • Abre la imagen en GIMP.
  • Ve a la imagen de la plaza.
  • Selecciona toda la imagen. Menú Seleccionar → Todo.
  • Copia la selección con Editar → Copiar.
  • Ve a la imagen de los cuadrantes.
  • Pega la plaza en el cuarto cuadrante con Editar → Pegar como → Capa nueva. Acomoda en la posición correcta con la herramienta de Escalado Escalado y la herramienta Mover Mover.
  • Renombra la nueva capa como “Plaza”.

Escribir texto:

  • Selecciona la herramienta Texto. Elige la fuente, tamaño y color que desees.
  • Escribe la palabra "Plaza España".
  • En la paleta de Capas, haz clic sobre la nueva capa y renombra como “Texto 4a”.
  • Da volumen a las letras. Usa los filtros y efectos que quieras. Poner un borde o sombra a las letras (por ejemplo Filtros → Detectar bordes → Sobel).
  • Coloca el texto en la imagen según el patrón de la foto final.
  • Repite los pasos anteriores con el mismo texto. Renombra la capa como "Texto 4b".

Aplicar filtros:

  • Ve a la capa "Plaza". Selecciona el área del cuarto cuadrante.
  • Ve al menú Filtros → Ruido. Aplicar el filtro que quieras. Puedes repetir la operación hasta obtener el fondo deseado.

El resultado final puede ser como el que se muestra a continuación:

Nuevo archivo

Guardar imagen

  • Guarda la imagen como “cuadrantes.xcf”. Nos aseguramos de poner el formato de GIMP (.xcf) para no perder las capas.

Exportar imagen

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

Subir la imagen

  • Sube el fichero "cuadrantes.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.