Cómo crear imágenes con fondo transparente en Gimp

Tags: dibujo | diseño | gimp | imagen

¿Has visto esas imágenes que ilustran artículos en los blogs o en las páginas web que se integran perfectamente con el fondo sin mostrar antiestéticos bordes o fondos de la imagen? Son las llamadas imágenes con fondo transparente, un tipo especial de imágenes que dan un mejor aspecto a nuestra página Web.

En este artículo aprenderás a aplicar transparencia a una imagen, a conocer cuáles son los formatos compatibles con esta opción y los procedimientos más simples que te facilita Gimp para convertir imágenes diversas a imágenes con fondos transparentes.

Imágenes para la Web

El formato de imágenes pensado para su uso en Internet es el formato Gif (Graphics Interchange Format, Formato de intercambio de Gráficos), un formato que genera imágenes con un máximo de 256 colores, suficientes para ser vistos en pantalla, y que se caracterizan por tener un peso muy pequeño. Se suelen emplear para ilustraciones, banners y animaciones. Admiten además la opción de guardar el archivo con un fondo transparente (el que nos ocupa).

Muy similar al anterior es el formato PNG (Portable Network Graphics, Gráficos Portables de Red). Como ventaja que es un formato libre, como desventaja, genera archivos algo más grandes que los anteriores. Como el anterior también admite la opción de guardar el archivo con un fondo transparente.

Una opción muy simple: borra el fondo

En algunas imágenes podrás utilizar un procedimiento muy sencillo para convertir el fondo de una imagen a fondo transparente. Sencillamente selecciona el fondo de la imagen utilizando las herramientas de selección que ya conoces de Gimp y, a continuación, acude al menú Editar – Limpiar (idéntico resultado obtienes si utilizas la herramienta borrador para eliminar el color del fondo, ya que la acción limpiar borra los píxeles seleccionado). Observa como la imagen aparece con un fondo de trama con cuadrados para indicarte que el fondo ahora es transparente.

Cuando finalices guarda la imagen con uno de los dos formatos anteriores, gif o png, capaces de manejar fondos transparentes.

Utiliza este procedimiento para el fondo de la siguiente imagen, por ejemplo. Para utilizar esta imagen y realizar así la práctica anterior haz clic con el botón derecho del ratón sobre la imagen y seleccionar Guardar imagen como... - Firefox y Chrome.

 

Utilizando las capas – Canal alfa

No siempre podrás utilizar el procedimiento anterior. Te indicamos otro diferente no tan rápido ni sencillo, pero igual de eficaz y simple para convertir una imagen que tiene un fondo sólido en imagen con fondo transparente. Para seguir nuestras indicaciones guarda la imagen que te ofrecemos a continuación (ya sabes, botón derecho del ratón sobre la imagen, clic en la opción Guardar imagen como... - Firefox y Chrome).

 

Observa el aspecto que tiene nuestra imagen en una página web con un fondo de color rojizo. Lo cierto es que resulta algo antiestética. Nuestra intención es quitar ese borde blanco que la afea y conseguir que la imagen se integre con el color sólido del texto.

 

Inicia Gimp y abre la imagen que has descargado previamente. Acude al menú Capa – Transparencia – Añadir canal alfa:

 

Nota.

Si esta opción aparece deshabilitada es muy probable que se deba a que ya está aplicado el canal alfa. Continúa con el siguiente paso.

Ahora debes seleccionar aquellas partes de la imagen que quieras que sean transparentes. Deben ser zonas con un color similar. Acude para hacerlo al menú Seleccionar – Por color. Haz clic sobre los colores que quieras convertir en transparentes.

Acude de nuevo al menú Capa – Transparencia y selecciona ahora la entrada Color a alfa.

 

En la nueva ventana Gimp te muestra el aspecto final de la imagen. Haz clic en el botón Aceptar para finalizar.

Observa como el fondo de la imagen se transforma en un fondo transparente. Para indicártelo Gimp muestra una trama con cuadrados en lugar del color sólido inicial.

Ya sólo queda que guardes la imagen en un formato que admita trabajar con capas transparentes. El formato nativo de Gimp, de extensión xcf sí lo admite y es el ideal si estás utilizando las imágenes de fondo transparente para montar varias fotos en una única imagen hasta que tengas el resultado final de tu trabajo.

En el caso de querer guardar la imagen de manera individual con fondo transparente puedes utilizar tanto el formato gif como png. Para ello acude al menú Archivo – Guardar como y en la nueva ventana que aparece en pantalla escribe como nombre de archivo el nombre del mismo acompañado de cualquiera de las dos extensiones (gif y png) que te hemos indicad: por ejemplo, ordenador.gif.

Prueba el nuevo archivo de fondo transparente en tu página Web. ¡Mucho mejor!

 

¿Cómo proceder si el fondo no es un color sólido?

¿Acaso hemos de renunciar a que las imágenes tengan un fondo transparente si el fondo de la imagen original no es un color sólido?. En absoluto, lo que ocurre que el procedimiento será más lento e implicará un poco de habilidad y paciencia por tu parte. Siempre puedes ir seleccionando aquellas partes de la imagen que quieras convertir en transparente, o viceversa, y borrar – suprimir los píxeles seleccionados. Utiliza las diferentes herramientas de selección, o diferentes niveles de zoom en la imagen, invierte la selección que has realizado si lo precisas, etc. para ajustar la selección todo lo que puedas y finalmente borra los píxeles seleccionados utilizando la herramienta borrador.

Ejemplo:

       

Descarga nuestro tutorial en formato PDF - 600 Kb - Descarga

Mostrar este artículo en su sitio web

< Prev		Próximo >

Imagen y fotografía - Gimp