Cómo hacer un fondo transparente en una imagen. Programa en línea Pixir: creación de un fondo transparente para una imagen

1. Abra el archivo (Archivo - Abrir - Seleccione la imagen deseada de la carpeta).

2. Tome la "Varita mágica" (haga clic con el botón izquierdo del mouse) a la izquierda en la barra de herramientas, haga clic en el fondo blanco de la imagen. El fondo blanco se oscurecerá.

3.En el menú del programa, seleccione "Editar" - "Invertir selección"

4. Ahora seleccione "Imagen" - "Recortar a selección".

No es necesario hacer un inventario, pero seleccione "Imagen" - "Borrar selección".

Ahora veamos qué pasó.

Ahora la segunda manera. Usando el complemento Reemplazo de color

Después de abrir la imagen, vaya a "Efectos" - "Reemplazar color"
Movemos las palancas, observando el efecto. Puede desactivar los colores innecesarios (desmarque las casillas).

Como puedes ver, tanto el fondo blanco alrededor de los labios como el blanco de los ojos se han aclarado. Hay que volver a pintarlos.
Establece el color en la Paleta en blanco. Tome nuevamente la Varita Mágica y haga clic en los lugares donde pintaremos. No olvide mantener presionada la tecla Ctrl en el teclado para no seleccionar cada área por separado. Luego "Editar" - "Rellenar selección".

Esto es lo que obtenemos.

Recorta el área deseada

Abra la imagen, tome el Lazo y seleccione el área deseada. Destacaré el capullo de amapola. Es necesario resaltar un espacio cerrado.

Ahora vayamos al Menú. "Imagen" - "Recortar según la selección"

Puedes corregir algunas cosas con un borrador.

Programa en línea Pixir: crea un fondo transparente para una imagen.

Serguéi Feschukov

A veces te encuentras con una imagen muy adecuada para tu publicación y todo estaría bien... Pero el fondo de la imagen no coincide con el fondo del blog o el bloque con texto. Al parecer nadie tiene este problema y nadie tiene un fondo blanco, lo que sería adecuado en la mayoría de los casos. Necesito fondo transparente!

No pude encontrar ninguna buena idea en Internet. cómo hacer un fondo transparente para la imagen terminada, así que comencé a experimentar y encontré una solución más o menos adecuada.

Cómo hacer un fondo transparente para una imagen.

Tomemos como ejemplo una imagen sencilla en formato .jpg (en general, el formato no es particularmente importante):

Aquí hay un fondo blanco del que quiero deshacerme y crear un fondo transparente. Una versión en línea de Photoshop nos ayudará con esto.

Subiendo nuestra imagen. A la derecha de la ventana "Capas" aparecerá la capa "Fondo", en la que hay un candado (evita que se borre el fondo de la imagen).

Al hacer doble clic con el botón izquierdo del mouse en este candado, puede eliminar el candado del fondo. Aparecerá una marca de verificación en lugar de un candado.

Ahora tome la varita mágica (barra de herramientas, columna derecha, segundo botón desde arriba), especifique los siguientes parámetros: tolerancia = 21, casillas de verificación para suavizado y continuidad(normalmente estos parámetros son estándar), aunque puedes experimentar con los parámetros; y pulsamos sobre el fondo de la imagen (en nuestro caso, sobre el fondo blanco).

Ahora eliminamos el fondo presionando el botón “Eliminar” y obtenemos la imagen que necesitamos con un fondo transparente.

Como resultado, el resultado es la misma imagen con un fondo transparente.

Lo único negativo de Pixlr.- No puedes guardar la imagen en formato .gif, que también conserva un fondo transparente, pero es mucho más claro que el formato .png. Pero si no queda otra opción, ¿por qué no aprovechar ésta?

gracias a natalia petrova

21/12/14 32,7K

Antes de crear un fondo transparente en Photoshop, debe conocer todo sobre las capacidades de este programa. Y de repente, en lugar del fondo, tu ropa en la foto se volverá transparente.

Conceptos básicos de trabajar con fondos en Photoshop

Photoshop se considera, con razón, la herramienta más poderosa para trabajar con imágenes rasterizadas. A veces parece que ya sabes todo sobre las capacidades de este editor gráfico. Pero una y otra vez te encuentras con algo nuevo:


El uso más popular de Photoshop entre los usuarios comunes es cambiar y editar la parte de fondo de una imagen. Como anticipando esto, el programa, ya en las primeras etapas de creación de un nuevo archivo gráfico, pregunta cómo crear su capa de fondo:


La creación de un nuevo archivo gráfico en el editor gráfico se realiza a través del menú "Archivo" - "Nuevo". En el cuadro de diálogo que aparece, puede configurar las dimensiones y los parámetros básicos de la imagen futura. Establecer el campo Contenido de fondo en Transparente es la forma principal de eliminar el fondo mientras se sigue creando el dibujo.

La capacidad de editar imágenes en Photoshop se basa en el uso de capas. Cada uno de ellos es un objeto independiente y separado. Cambiar cualquiera de las capas no afectará el contenido de las demás. La estructura de capas de la imagen se muestra en el panel Capas:


Pero todo esto es una teoría que se puede aprender rápidamente en la práctica. Así que seamos creativos, cuyo poder de expresión mejorará con Photoshop.

Usando una capa de ajuste

Veamos un ejemplo de cómo puedes cambiar el fondo en Photoshop usando una capa de ajuste. Al inicio tenemos esta imagen:


La ventaja de utilizar una capa de ajuste es que ahorra tiempo al personalizar el efecto en toda la gama de colores del diseño. Puedes crearlo haciendo clic en el círculo blanco y negro en la parte inferior del panel Capas. En el menú que aparece, seleccione “Curvas”:


Al mover un punto en la curva y ajustar el canal de color, puedes lograr varios cambios en toda la foto. Con un enfoque hábil, es posible que no sea necesario realizar más ediciones. Esta es probablemente la forma más rápida de cambiar el fondo de una foto:


Usando una capa de ajuste, puedes cambiar fácilmente la hora del día en toda la ciudad.

quitando el cielo

Estamos cansados ​​del cielo aburrido sobre la ciudad. Por lo tanto, eliminémoslo usando la herramienta "Borrador de fondo". Está en la barra lateral izquierda:


Por supuesto, al ejemplo anterior le falta un poco de precisión. Por lo tanto, para no eliminar los detalles necesarios en el dibujo, conviene utilizar un bolígrafo fino.

Todos los cambios afectaron solo a la capa principal. Antes de cambiar el fondo, a través del menú “Capa” - “Nuevo” creamos uno nuevo:


Ahora, para crear un nuevo cielo sobre nuestra ciudad, puedes usar tu imaginación y varias herramientas de Photoshop. Por ejemplo, algún tipo de gradiente. Esto es lo que podría terminar con:


Pero es muy difícil recortar exactamente los contornos de la ciudad. Por lo tanto, para demostrar la siguiente herramienta, usaremos una fotografía del desierto. La tarea sigue siendo la misma: cambiar el cielo:


Para seleccionar el cielo nublado sobre el desierto, usaremos el botón " Varita mágica" Es adecuado para su uso en casos en los que el diseño consta de varios tonos de color distintos.

Antes de sustituir el fondo del cielo por otro, activa la varita mágica de la barra de herramientas y haz clic con ella en el cielo. En este caso, es mejor configurar la sensibilidad del instrumento al valor máximo. De lo contrario, el fondo no se seleccionará correctamente:


Después de eso, haga clic derecho en el área seleccionada y, en el menú contextual que aparece, seleccione " Capa mediante recorte»:
Parece que no pasó nada. Pero si nos fijamos en el panel “Capas”, veremos allí un nuevo elemento. Para eliminar un fondo recortado, seleccione la capa que lo contiene y seleccione el comando "Eliminar capa" en el menú contextual. Así es como luce nuestro desierto ahora:


Ahora puedes añadir una nueva capa y llenar el cielo sobre el Sahara con colores brillantes:

Desenfocar el fondo

Pero todavía quiero practicar no sólo con gatos, sino también con personas. Veamos cómo desenfocar el fondo en Photoshop. Para editar, tomemos una foto de una persona. De acuerdo con las leyes no escritas de Internet, la foto de una hermosa niña se usa con mayor frecuencia para tal demostración:


Ahora intentemos hacer que el fondo de la foto sea borroso para que toda la atención se centre en la belleza femenina. Este efecto se puede obtener si utiliza costosas DSLR para fotografía. Pero esto lo conseguiremos con la ayuda de un editor gráfico.

El principal problema es resaltar correctamente los contornos del cuerpo. Intentemos usar un lazo magnético para esto.

Si arrastra la herramienta Lazo magnético a lo largo del contorno de la imagen, el contorno plateado parece ser atraído por un imán hacia los límites del objeto seleccionado.

Después de activar la herramienta, mueva con cuidado el cursor a lo largo de los contornos de la figura de la niña. Y luego en el menú contextual seleccione el elemento " Invertir selección»:


Antes de difuminar el fondo, aplique el filtro integrado del editor de gráficos. Para hacer esto, en el menú "Filtro", seleccione el elemento "Desenfoque" - " frotis gaussiano»:


Resultó, por supuesto, no exento de defectos. Pero todos ellos se pueden eliminar con la herramienta Desenfocar. Y esto es lo que pasó:


Ahora adoptamos un enfoque diferente y utilizamos una máscara para resaltar la figura de la niña. Primero, creemos un duplicado de nuestra capa. Para hacer esto, márquelo en el panel "Capas" y seleccione el elemento " Duplicar capa»:


Luego aplica el filtro “ frotis gaussiano" Y agrega una máscara a la copia de la capa haciendo clic en el icono en forma de rectángulo con un círculo blanco en su interior. Así es como debería verse la foto de la niña en esta etapa:

¡Saludos queridos lectores de mi blog!

Recientemente necesitaba eliminar fondo Según la imagen, no soy particularmente bueno con Photoshop. Y te digo que ni siquiera lo tengo en mi computadora. (Bueno, en realidad, así es, ¿por qué necesito algo con lo que no sé trabajar)?

Pero el fondo de la imagen tenía que eliminarse de alguna manera, así que comencé a navegar por Internet en busca de una solución a mi problema. En realidad, hay muchas opciones, pero estaba buscando algo más fácil)). Encontré una forma muy fácil y sencilla de eliminar el fondo de una imagen.

Entonces, comencemos. Necesitaremos Photoshop, pero no lo tengo. Utilizo Photoshop en línea. Es algo muy conveniente, te lo diré. Y por supuesto, la imagen cuyo fondo queremos hacer transparente.

Te mostraré un ejemplo de esta imagen, eliminaremos el fondo blanco.

Vayamos al Photoshop en línea. Yo usé este PIXLR

Seleccione: Cargue una imagen desde su computadora.

Ahora en la ventana de la derecha "CAPAS" necesito abrir la cerradura

Haga clic en él 2 veces con el botón izquierdo ratón, debería aparecer una marca de verificación en el cuadro.

Ahora ve al panel de la izquierda y selecciona la herramienta. "varita mágica" y establezca la tolerancia en 21.

Eso parece ser todo, pero no estoy del todo satisfecho con la imagen, aún quedan restos del fondo, vuelvo a hacer clic en el lugar que quiero eliminar. Luego “editar” ---- “borrar”. Y así sucesivamente hasta eliminar todo lo necesario.

Sucede que en un sitio se cargan imágenes con un fondo uniforme y es necesario reemplazarlo automáticamente (el fondo) por uno transparente.

A menudo, esta característica es necesaria para fotografías de productos en una tienda en línea, fotografías superpuestas a un fondo corporativo y otras fotografías que no estropean el diseño del sitio. Recortar cada foto manualmente con Photoshop es bastante triste, pero existen métodos PHP con los que puedes "ponerla en funcionamiento".

Cómo funciona esto

La función busca píxel a píxel donde termina un color uniforme. Una vez calculadas todas las coordenadas, la función simplemente corta todo lo que está afuera.

Reemplazar un fondo blanco por uno transparente solo es posible si la imagen de salida se guarda en formato PNG o GIF. También son adecuados los nuevos formatos WebP y BPG con soporte de transparencia.

Siempre es mejor cambiar el tamaño de la imagen más grande antes de eliminar el fondo. Si hace esto más tarde, los límites pueden distorsionarse.

Reemplazo del fondo, ejemplo en bash

Para eliminar el fondo, ImageMagick tiene el operador -trim. Recorta la imagen a un color determinado:

Convertir imagen.jpg -calidad 100 imagen.png convertir imagen.png -borroso 20% -rellenar blanco -dibujar "color 5.5 relleno de inundación" -calidad 100 imagen.png convertir imagen.png -blanco transparente imagen.png convertir imagen.png -definir convolve:scale="100!,100%" -morphology Convolve "Log:0x2" image.png
El JPEG estándar se convierte a PNG antes de recortar. En un JPEG con pérdida, el fondo no será uniforme. Los píxeles adyacentes suelen diferir ligeramente en color. Por ejemplo: blanco, gris claro, azul claro. El argumento fuzz se establece en >0 para permitir que la función trate los colores adyacentes como iguales.

Reemplazo del fondo, ejemplo en PHP

Un ejemplo de cómo recortar un fondo blanco en una imagen (archivo de entrada: image.jpg, salida - trimmed.png):

setImageFormat("png"); ) $imagen->borderImagen("#ffffff",1, 1); $imagen->trimImage(0); $imagen->setImagePage(0, 0, 0, 0); $imagen->writeImage("recortado.png"); ?>
El operador borderImage dibuja un marco de 1x1 alrededor de la imagen en el color de fondo, después de lo cual el operador trimImage lo recorta junto con el marco.

¡Atención! El operador trimImage funciona si Imagick está compilado con ImageMagick versión 6.2.9 o posterior.

Cómo hacer que el fondo sea uniforme.

De manera similar, puedes reemplazar un fondo no uniforme por uno uniforme al convertir de JPEG a PNG:

Convertir imagen.jpg -rellenar ninguno -fuzz 1% -draw "relleno de inundación mate 0.0" -flop -draw "relleno de inundación mate 0.0" -flop image.png
En este ejemplo, cada píxel del fondo se rellenará con un color: píxeles con coordenadas (0;0).

Muchos ejemplos de código

Puedes comprobar cómo funciona el recorte de fondo utilizando la biblioteca Imagick


Arriba