Elimina el fondo de tus fotos de productos con estas 4 herramientas de edición

Elimina el fondo de tus fotos de productos con estas 4 herramientas de edición
feature

Eliminar el fondo de una imagen tiene varios beneficios, incluyendo su fácil integración a través de los canales de venta, aumento de la atención en el producto y mejora en la velocidad de carga de la página. Pero posiblemente no sepas cómo hacerlo tú mismo.

Si estás llevando las tareas de diseño en tu tienda, podrías no saber que hay muchas opciones para eliminar el  fondo de tus imágenes. Claro está Photoshop, pero no es la única opción. Hay herramientas disponibles menos complejas, menos costosas y más escalables.

Echemos un vistazo a las cuatro mejores opciones para eliminar el fondo de fotos de productos para tu tienda online.

1. Preview para Mac OS X

Preview es una aplicación nativa de Mac OS X que se utiliza para cargar imágenes y archivos PFD. Si eres usuario de Mac, es probable que estés utilizando Preview todo el tiempo, pero probablemente no sepas que puedes editar imágenes y eliminar los fondos también.

Preview

Dentro del programa, las herramientas para eliminar el fondo de imágenes se pueden encontrar abajo del menú desplegable “seleccionar” haciendo clic en el icono de la parte superior izquierda de la barra de herramientas.

La primera opción es utilizar la herramienta "Smart Lasso". Esta herramienta permite dibujar alrededor de tu objeto con un esquema contundente y, por lo tanto, con bastante rapidez. El programa utiliza ese esquema para determinar en dónde está el límite entre el objeto y fondo, y selecciona los objetos.

Para eliminar el fondo, puedes ir a "Editar" y luego "Invertir selección", esto seleccionará todo excepto tu objeto. A partir de ahí, solo tienes que hacer clic en el botón borrar y obtendrás la imagen con fondo transparente.

Preview

Preview también tiene la herramienta “Instant Alpha”. Una vez que la haya seleccionado desde la barra de herramientas (el del ícono con forma de varita mágica), simplemente haz clic y arrastra hacia el fondo de la imagen. Podrás ver las áreas de la imagen que cambia de color para señalar la selección. Una vez que seleccionas el área deseada, usa la tecla borrar para eliminarlo.

Instant Alpha selecciona áreas que son similares en color y contraste, así que esto puede no ser la mejor herramienta para usar si tienes una imagen con un fondo  saturado o complicado. Pero en términos de velocidad, esta es una manera increíblemente rápida para seleccionar y eliminar el fondo de la imagen.

Preview está lejos de tener la potencia de edición de Photoshop, solo es capaz de hacer cosas como eliminar fondos, recortar y cambiar tamaño, pero si ere usuario de Mac, esta es una gran opción gratuita a la que tienes acceso.

2. Paint.Net

Si eres usuario de Windows y no tienes acceso a Preview, no te preocupes, porque tenemos algo para ti también. Paint.net es una aplicación gratuita que ofrece una amplia gama de herramientas de edición de imágenes, incluyendo la capacidad de eliminar fácilmente fondos de imágenes.

Una vez que cargas la imagen en el programa, ve a la barra de herramientas y selecciona “Varita mágica”. Idealmente, tu fondo blanco o de color sólido hará que la eliminación sea más fácil. Usando la varita mágica, haz clic en algún lugar en el fondo de la imagen, lo cual debe indicar la selección con líneas delineando tu producto.

Paint.net

Existe la posibilidad de que al seleccionar el fondo con la herramienta, también se seleccione parte del producto. En este caso, puedes ir a la parte superior de la pantalla y ajustar la tolerancia hasta que se seleccione sólo el fondo. Si el color de fondo no es perfectamente coherente, es probable que necesites seleccionar el fondo y eliminar varias veces, ajusta la tolerancia a medida que avanzas.

Paint.net

Una vez que hayas eliminado la mayor parte del fondo, haz zoom en los bordes y asegúrate de eliminar cualquier resto (llamamos a esto un efecto halo). Puedes limpiar los bordes, ya sea con la herramienta "Borrador" o con la varita mágica.

Paint.net

Cuando termines de limpiar los bordes de la imagen y estés listo para guardarlo, asegúrate de hacerlo como archivo PNG, debido a que un formato JPEG hará que la transparencia se pierda.

Paint.net

3. GIMP

GIMP es un software de código abierto de edición de imágenes disponible de forma gratuita para OS X y Windows. GIMP es una herramienta de edición de imágenes más poderosa que cualquiera de las opciones anteriores, es la más legítima alternativa a Photoshop.

Para usar GIMP, carga la imagen que deseas editar. Una vez que selecciones tu imagen, necesitas  añadir un canal alfa para la imagen para lograr un fondo transparente. Para hacer esto, ve a “capa > transparencia > agregar canal alfa”. Esto le indicará al programa que debe crear un fondo transparente cuando se elimina el existente.

GIMP

Ahora es momento de seleccionar el fondo para eliminarlo. Para esto, ve a la caja de herramientas y selecciona la opción "borrador". Después, tienes que comenzar a seleccionar y borrar el fondo de la imagen, ajusta el límite según sea necesario para evitar eliminar parte del producto.

GIMP

Si lo necesitas, puedes ir alrededor de los bordes con la herramienta borrador para limpiar cualquier mancha que la herramienta de selección haya dejado fuera. Asegúrate de "exportar como" archivo PNG para mantener el fondo transparente.

GIMP

4. Photoshop

Adobe Photoshop es el software de edición de imagen para los diseñadores gráficos de todo el mundo.

Mientras que las otras opciones de esta lista son gratis y con funciones más ligeras, Photoshop requiere una suscripción mensual de Adobe de $10 dólares como parte de suite Creative Cloud. Sin embargo, si eres dedicado en cuanto a la optimización de imágenes de productos, Photoshop proporcionará todo el poder de edición de imagen profesional que necesitas.

Primero, para hacer el trabajo, tendremos que utilizar dos herramientas de selección diferentes:

Varita mágica: la herramienta varita mágica te ayudará a seleccionar (el contorno) del zapato. Esta es una gran herramienta para grandes superficies, en general, pero no va a seleccionar perfectamente algunos de los detalles más finos de la forma (por ejemplo cordones).

Herramienta pluma: nuestra segunda opción es la herramienta pluma. Es ideal para curvas, por lo que vamos a utilizarla para ir alrededor de la suela del zapato y por los arcos y bordes.

Para empezar, duplicamos la capa de fondo. Esto permite eliminar sólo el fondo de la imagen al final.

Editar fondo photoshop

Para seleccionar el producto y separarlo del fondo, primero utilizamos la herramienta varita mágica.

Editar fondo Photoshop

En la imagen verás que se ha seleccionado el zapato, también algunos elementos del fondo. Para solucionar esto, vamos a hacer más precisa la selección utilizando la herramienta pluma. Para esto se debe delinear el contorno alrededor del zapato (en este caso, un contorno de la suela del zapato) y luego terminar con un círculo alrededor de la zona de fondo seleccionada.

Edición de fondo de imagen en photoshop

Una vez hecha la selección alrededor del fondo seleccionado, haz clic derecho y ve a "hacer selección" y luego "eliminar de selección" para hacer un contorno perfecto alrededor del zapato.

Edición de fotos en Photoshop

El resultado será un perfecto delineado de tu producto y ahora es posible eliminar el fondo.

Fondo eliminación en photoshop

Ahora, con la selección perfeccionada, vamos a eliminar tanto el fondo de la imagen (haciendo clic en el fondo y presionando "borrar") y la capa de fondo. Cuando se elimina la capa de fondo, lo que queda es una imagen de producto con un fondo transparente.

photoshop - editar fondo

Da el siguiente paso

Ya sea que elimines el fondo usando una aplicación gratuita como Preview, Paint.Net y GIMP, o herramientas profesionales como Photoshop, el simple hecho de trabajar para mejorar tus imágenes significa que estás en el camino correcto.

Eliminar el fondo es un gran primer paso hacia la optimización de imágenes de productos para la web. Una vez que domines la eliminación del fondo, debes trabajar en definir estándares para el recorte, tamaño, alineación y márgenes.

Siempre hay más para aprender y eso es algo bueno. Significa que puedes mejorar y si las imágenes mejoran, también lo hará su negocio.


Autor

Sobre el autor

Thomas Kragelund es CEO y fundador de Pixelz, partner que ofrece soluciones de edición de imágenes.

.

Temas:

Deja comentario ...

Empieza tu periodo de prueba de 14 días gratis con Shopify