Estoy informándome a cerca de la forma de lograr que una o varias partes del fondo de una imagen sean transparentes.
Creo que tendrá que ser necesariamente PNG.
¿Alguna idea de cómo hacerlo?
PNG es uno de los muchos formatos que soportan transparencias (otros ejemplos: GIF 89, TIFF, TGA, BMP, JPEG 2000, SVG), hay software como Adobe Photoshop o GNU Image ManiPulation (GIMP) que permiten seleccionar áreas y luego eliminarlas (transparencia)
B#
CitarPNG es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes.
Fuente: Google
Lo normal sería usar para las imágenes transparente es el formato .png. Y no termino de comprender, a que te refieres con "una o varias partes del fondo"...
Con Photoshop es muy sencillo... cargas la imagen, seleccionas lo que quieres quitar, lo eliminas y guardas como PNG...
:rolleyes: :o :rolleyes:
También se puede hacer con Word, Excel, PowerPoint, etc. Al insertar una imagen e ir a Formato de Imagen están las opciones para Definir color transparente y/o Quitar fondo, luego para guardar la imagen sola, hay que darle click derecrecho > guardar imagen, eliges PNG y listo.
Hay varios programas que sirven para esto, ya dependerá de cual tengas a mano y siempre es bueno saber que se puede con varios programas por si te encuentras en PC ajeno y tienes esa necesidad. Por ejemplo está IrfamView, FastStone, Gimp, Photoshop (si te lo puedes permitir XD) ImageMagick, FFmpeg, etc.
- La alternativa Web gratuita a Photoshop que últimamente se ha dado a conocer bastante es: https://www.photopea.com/
Depende de varias cosas...
Para qué se va a usar, qué lenguaje o programa usarás, si tiene movimiento o no, o alguna otra interacción, etc...
Lo habitual es definir máscaras. Las máscaras son áreas (imágenes al fin y al cabo), que se dividen en dos zonas lógicas: transparentes y opacas. Aquellas zonas que deban ser transarentes se pintan de un color y las opacas de otro. Normalmente se usan los colores Blanco (todos sus bit a '1') y Negro (todos sus bits a '0').
Esto puede ser hecho como imagen directamente o bien ser creadas exprofeso al instante si se van a usar en algún programa.
El programa en curso puede utilizar la máscara para fundirla con una imagen (sólida para que, los píxeles coincidentes en posición sean opacos o transparentes en la imagen) tal como indica la máscara. Mediante las técnicas de 'Blitting', se consigue el efecto deseado.
Si ha de tener algún tipo de interacción, implica que la máscara podrá ser cambiada por otra según las condiciones al caso.
En cambio, si la imagen ha de ser estática (las zonas transparentes fijas en tamaño y ubicación), lo preferible es entonces usar un tipo de imagen que ya admite la transparencia (el programa o función que finalmente renderice dicha imagen, será entonces el encargado de hacer ese blitting...)
...al caso los programas y formatos que otros compañeros han comentados (png, gif, etc...) es lo más adecuado.
Además yendo un poco más allá el canal alfa, puede describir el nivel de transparencia para cada pixel individual... (el formato png admite esto, gif por ejemplo, no).
Desde finales de los 90, prácticamente todas las tarjetas gráficas incorporan la funcionalidad para tratar el canal alfa.
Mientras el cálculo de blitting es rápido, tratar el canal alfa por softaware, es más costoso ...pero también puede ser realizado por software si las imágenes son muy pequeñas y uno decide prescindir de mantener chorrocientas imágenes en recursos. Volviendo a las máscaras, en este caso los valores entre 1 y 254 definen precisamente el valor de transparencia siendo los dos valores extremos, el opcao y el tranpsarente. Se calcula el color que la imagen de origen, aplicando precisamente un cálculo entre esa pixel el de destino ateniendose el valor que marque el pixel de la máscara.
El software más profesional del que dispongo es Photoshop cs2.
Mi intención es lograr dos objetivos principales.
https://imgur.com/a/vXUbs4R
https://imgur.com/a/J3rdEl8
La parte negra sería la imagen y el fondo transparente.
Usa la varita mágica con baja tolerancia, selecciona las partes negras que es justo lo que deseas conservar, luego invierte la selección (Selección > Invertir), por último elimina con Supr o Ctrl + X
Algo estoy haciendo mal porque lo guardo como .png y sale con fondo blanco.
Cita de: B€T€B€ en 27 Noviembre 2020, 21:06 PM
Algo estoy haciendo mal porque lo guardo como .png y sale con fondo blanco.
No lo estas haciendo bien entonces... lo que vas a eliminar debe quedar con cuadritos blancos y grises que luego desaparecen al convertir a PNG...
Busca tutoriales en la red...
:rolleyes: :o :rolleyes:
Cita de: B€T€B€ en 27 Noviembre 2020, 21:06 PM
Algo estoy haciendo mal porque lo guardo como .png y sale con fondo blanco.
Tienes que asegurarte que en tu Photoshop el fondo que eliminas o cortas no quede blanco sino del tipo cuadriculado que es la forma como normalmente se muestra la transparencia. Si queda blanco es que la capa está bloqueada (tiene un candado), debes desbloquearla dándole doble click a ese candado y aceptando.
- Otra cosa final es como dice Machacador, guardar/exportar la imagen como PNG, aquí asegúrate de que esté marcado el check de transparencia.
- Por último si no te muestra el fondo cuadriculado aún desbloqueando la capa es posible que tu capa esté en modo Indexado, tienes que ponerlo en modo RGB (capa > modo de color). De momento no se me ocurren otras cosas
Si toda la zona transparente es del mismo color, no necesitas eliminar capas... Basta que al ir a guardar la imagen como png, señales aquellas que la quieres guardar con transparencia, y en vez de elegir 'usar capa transparente existente', elegir 'usar color', y señalar que color es el transparente... Nota que el color debe ser exacto... un color adyacente, próximo o similar, no zlo serán.
Photoshop
Archivo > Abrir (elijo la imagen)
https://imgur.com/a/la2OE5C
Con la barita selecciono la rejilla y después Seleccion > Invertir > Tecla Supr
Archivo > Guardar como > .png > Guardar (opciones png: ninguno/entrelazar)
> sigue con fondo opaco.
He probado a utilizar una rejilla con fondo amarillo y el amarillo si lo elimina, pero sigue siendo un fondo opaco.
Puedes poner una captura de pantalla completa del Photoshop? justo cuando le das a Ctrl + X o Suprimir el fondo seleccionado
- YO acabo de replicar los pasos que has mencionado y no he tenido problemas, ya es verá en la captura tu Modo de Color, si la capa está bloqueada, si tienes más capas, etc.
¿Cómo compruebas que tiene fondo transparente (una vez guardado el archivo)?
Se nota directamente en la imagen previa o dependiendo de tu visualizador de imágenes como el que trae por defecto Windows 7 u 8. Supongo que el de Win10 será similar:
(https://i.ibb.co/0fdX9G2/betebe.png)
También lo puedes insertar sobre otra imagen o documento Word, debería de mostrarse la parte que está detrás de la imagen
OK.
Gracias.