Tengo algunas imágenes jpg y necesito que cada una de ellas tenga un fondo transparente.
Tengo GIMP como herramienta gráfica.
Necesito ponerlas en una página web y necesito que se vea sólo el elemento principal y que tenga un fondo transparente.
Para ampliar la respuesta de utopicam's, a veces tu imagen puede contener áreas, como las sombras, que querrías que fueran semitransparentes. Por ejemplo, digamos que tienes una foto tomada en una caja de luz, como esta bonita imagen con licencia libre de un caballo de juguete sueco cortesía de Creative Tools:
En general, el primer paso sería ajustar los niveles de la imagen hasta que el fondo sea realmente blanco sólido, excepto las sombras y los reflejos que queremos mantener. (También se puede utilizar esta técnica con un fondo gris o de color, pero es un poco más complicado obtener buenos resultados de esta manera). En este caso, la imagen ya está bien ajustada, así que no tenemos que hacer nada al respecto.
El siguiente paso es seleccionar el fondo. Esto fue bastante fácil de hacer con la herramienta varita mágica, aunque tuve que arreglar algunas partes donde las rayas blancas del objeto se mezclan con el fondo con la herramienta lazo. Además, una vez que tuve el fondo bien seleccionado, amplié la selección unos cuantos píxeles (a máxima resolución) para evitar que quedara un halo blanquecino alrededor del objeto debido al aliasing. (No se puede ver en esta captura de pantalla a escala, pero realmente conseguí hacer un trabajo bastante bueno con la selección, si se me permite decirlo).
La misma imagen con el fondo seleccionado]2
Ahora, aquí está el truco: en lugar de simplemente recortar el fondo, utilicé Colors → Color to Alpha para cambiar el color del fondo (blanco) a transparente. (También podrías usar el relleno de cubo con el modo de borrado de color como sugiere utopicam). Si se aplica a toda la imagen, esto haría que el objeto se viera también semitransparente, pero como sólo se selecciona el fondo, las sombras se vuelven translúcidas mientras que el propio objeto permanece opaco:
Y aquí'está la misma imagen sobre un fondo azul pálido, para mostrar mejor las sombras y los reflejos semitransparentes:
Un truco extra que no he mostrado es que a menudo es más conveniente hacer dos copias de la capa de la imagen, convertir la selección en una máscara de capa en la superior, y aplicar Color a Alfa a la inferior. Esto te permite afinar los bordes del objeto editando la máscara, mientras ves en directo cómo quedará el resultado. (Consejo: haz unas cuantas capas de fondo con diferentes colores, para que puedas comprobar fácilmente cómo queda la imagen sobre diferentes fondos). En particular, a veces hacer que las luces cerca de los bordes del objeto sean ligeramente translúcidas puede hacer que el resultado sea más bonito y natural, ya que imita el fondo que se refleja en el objeto.
Nota: Este tutorial está también disponible en PDF.
Algunos tipos de imágenes carecen de un canal de transparencia; por ejemplo, JPG. Si este es el caso, añada un canal de transparencia alfa.
Esto se hace seleccionando Capa → Tranparencia → Añadir canal alfa
.
El siguiente paso es opcional y consiste en rellenar primero el área que debe volverse transparente con un color liso. Seleccione la herramienta de relleno de cubo o pulse Shift+B. Dentro de las opciones de la caja de herramientas Relleno de cubos
, seleccione Relleno de áreas transparentes
sólo cuando sea necesario. Seleccione Relleno de color BG
y Muestra combinada
y realice varios intentos mientras ajusta el Umbral
para obtener los mejores resultados. Entre medias, pulse Ctrl+Z para deshacer.
Será inevitable, e incluso deseable, que se realicen algunas mezclas de color. (En este sentido, Adobe Photoshop no es diferente.) Por lo tanto, elija un color que sea compatible con el fondo sobre el que se utilizará finalmente la imagen resultante.
Haga clic en el rectángulo del color de fondo en la mitad superior de la ventana de la caja de herramientas "Opciones de herramientas" para cambiar el color de fondo.
Aquí, he utilizado f3f3e9
como color de fondo para el relleno de color liso.
Sin embargo, también se puede utilizar la herramienta cuentagotas para elegir un color de cualquier parte del escritorio.
Relleno de cubos: Seleccione Relleno de áreas transparentes
sólo cuando sea necesario. Seleccione Relleno de color BG
y Muestra combinada
y realice unos cuantos intentos mientras ajusta el Umbral
para obtener los mejores resultados. Entre medias, pulse Ctrl+Z para deshacer]2.
Relleno del cubo aplicado. Elija un color de relleno que sea compatible con el fondo sobre el que se utilizará finalmente la imagen resultante. Esto se debe a que es inevitable, e incluso deseable, una cierta mezcla de colores. Aquí, he utilizado f3f3e9
para el relleno de color liso]3
Lo que hay que hacer ahora es Seleccionar → Por color
.
Podría ser tentador realizar Color a Transparencia
, sin embargo esto también cambiaría las áreas semitransparentes dentro del área de la imagen deseada.
Esta vez, seleccione Rellenar áreas transparentes
así como Muestra combinada
. Para este ejemplo en particular, decidí no aplicar el Antialiasing
ni el Feather edges
. No obstante, experimente con estos ajustes y elija lo que mejor le parezca. Una vez más, haga varios intentos mientras ajusta el "Umbral" para obtener los mejores resultados. Entre medias, pulse Ctrl+Z para deshacer.
Seleccione por color: Esta vez, seleccione Rellenar áreas transparentes
así como Muestra fusionada
. Una vez más, haga unos cuantos intentos mientras ajusta el Umbral
y experimente con el Antialiasing
y el Feather edges
para obtener los mejores resultados. Entre medias, pulse Ctrl+Z para deshacer]4.
A veces, resulta difícil conseguir que la selección de color sea exactamente correcta. Una parte del área de la imagen deseada podría ser seleccionada también porque el color coincide. En este caso, y apenas visible, nueve píxeles deseados en el centro de la tubería también fueron seleccionados para ser eliminados. Cuando esto sucede, utilice Ctrl+Arrastrar
con una herramienta Select
de su elección para seleccionar un área de selección sustractiva.
Utilice Ctrl+Arrastrar
con una herramienta Seleccionar
de su elección para seleccionar un área de selección sustractiva]6.
El área de transparencia deseada está ahora seleccionada]7.
En el borde de la imagen deseada, algunos tonos del fondo pueden quedar sin seleccionar. Si este es el caso, haga crecer la selección con un píxel utilizando Seleccionar → Crecer... → 1px
.
Una vez seleccionada el área de transparencia deseada, simplemente pulse Eliminar.
Una vez seleccionada el área de transparencia deseada, simplemente pulse Eliminar.]8
Por último, exporte la imagen transparente con Archivo → Exportar como...
a un formato de archivo que admita la transparencia. Sería preferiblemente PNG, pero GIF también funcionaría.
El resultado final]9
Parece que necesitas recortar ciertas partes de los jpgs (la figura principal, por ejemplo) y eliminar el "fondo". Puedes hacerlo con la herramienta lazo.
El sitio web de gimp tiene un montón de tutoriales y explicaciones. Mira esto http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection y esto: http://docs.gimp.org/en/gimp-tool-free-select.html
La selección poligonal crea un punto de anclaje cada vez que haces clic. Entonces al mover el puntero del ratón se dibuja una línea con un nuevo punto de anclaje que puedes mover mientras no vuelvas a hacer clic.
Puedes acceder a la herramienta Lazo de diferentes maneras:
Desde la barra del menú de la imagen Herramientas → Herramientas de selección → Selección libre,
haciendo clic en el icono de la herramienta en la caja de herramientas,
utilizando el atajo de teclado F
.
Para hacer que el fondo sólido de una imagen sea transparente, añada un canal Alfa y utilice la Varita Mágica para seleccionar el fondo. A continuación, utilice la herramienta Selector de color para seleccionar el color de fondo, que se convierte en el color de primer plano en la caja de herramientas. Utilice la herramienta Relleno de cubo con el color seleccionado. Establezca el modo de Relleno de Cubos en "Borrado de Color", que borra los píxeles con el color seleccionado; otros píxeles se borran parcialmente y su color se cambia.