Fondo para la ficha de producto en Photoshop: guía paso a paso


Artículo del estudio gdefoto

Fondo para la ficha de producto en Photoshop: guía paso a paso

Guía práctica para crear en Photoshop un fondo limpio y profesional para tus fichas de producto, con atajos, sombras naturales y ajustes para cada plataforma.

Por qué el fondo decide el éxito de una ficha de producto

El fondo de una foto de producto no es un simple telón: es lo que separa una ficha profesional de una casera. Un fondo limpio aísla el artículo, dirige la mirada hacia lo que importa y transmite una sensación inmediata de calidad. Un fondo sucio, con sombras raras o con objetos que sobran, hunde la conversión antes incluso de que el cliente lea el nombre del producto. En una plataforma como Amazon.es o El Corte Inglés, donde el comprador desliza decenas de fichas por segundo, esa primera impresión visual lo es todo.

El blanco puro es el estándar por una razón: hace que el producto destaque, iguala todo el catálogo y cumple los requisitos de la mayoría de tiendas online, que exigen la foto principal sobre fondo blanco o muy claro. Pero un buen fondo no termina en el blanco. Para imágenes secundarias, infografías o piezas de estilo de vida, a veces interesa un fondo de color, un degradado sutil o una textura que acompañe al producto sin robarle protagonismo.

En esta guía del estudio gdefoto verás cómo crear en Photoshop distintos tipos de fondo para tus fichas, paso a paso y con atajos. Empezaremos por el documento correcto, seguiremos con el fondo blanco perfecto y su sombra suave, veremos fondos para infografía y de color, y cerraremos con el remate final que evita que la modificación se note. El enfoque es 100 % práctico y orientado a producto real: lo que necesitas para que tus fotos pasen la revisión de la plataforma y, sobre todo, vendan más. No hace falta ser diseñador; con un método claro, cualquiera consigue fichas de aspecto profesional.

Preparar el documento y crear el fondo blanco perfecto

Todo empieza con un lienzo bien configurado. Un documento mal planteado obliga a rehacer trabajo, así que merece la pena dedicarle un minuto.

Crear el documento. Ve a Archivo (File) > Nuevo (New) o pulsa Ctrl+N. Para producto de tienda online, unos ajustes seguros son:

  • Anchura y altura: 2000 x 2000 px es un tamaño cómodo y cuadrado que admiten casi todas las plataformas. Comprueba el mínimo que pide tu tienda.
  • Resolución: 72 dpi es suficiente para web, aunque muchos trabajan a 300 dpi por comodidad; para pantalla lo que manda son los píxeles, no los dpi.
  • Modo de color: RGB, que es el estándar para pantalla.
  • Fondo: blanco o transparente.

El fondo blanco perfecto. Es el más pedido y el que más se tuerce. El objetivo es un blanco realmente blanco (#FFFFFF) y homogéneo, sin manchas grises ni tonos azulados o amarillentos. Pasos:

  1. Separa el producto del fondo original. Usa Seleccionar (Select) > Sujeto (Subject) para un recorte automático rápido, o la herramienta Pluma (Pen Tool, tecla P) para contornos precisos en piezas complejas. Refina el borde en Seleccionar y aplicar máscara (Select and Mask), cuidando bordes finos como pelo, transparencias o brillos.
  2. Crea el fondo blanco. Añade una capa nueva bajo el producto (Ctrl+Mayús+N) y rellénala de blanco #FFFFFF con la herramienta Bote de pintura (G).
  3. Verifica el blanco. Con la herramienta Cuentagotas (Eyedropper, tecla I) pincha varios puntos del fondo y comprueba en el panel Info que los valores son 255, 255, 255. Si el fondo tiene un tono, corrígelo con una capa de ajuste de Niveles o Curvas subiendo el punto de blanco.

Cuidado con quemar los bordes. El error más común es subir tanto el blanco que los bordes claros del producto (un mango, un reflejo, una zona blanca) se funden con el fondo y se pierde la silueta. Trabaja con la corrección aplicada solo al fondo mediante una máscara, para que el ajuste no toque el producto. Así consigues un blanco impecable sin sacrificar la forma real del artículo, que es justo lo que revisa la moderación de la plataforma.

Sombras naturales y recorte que no parece recortado

Un producto sobre blanco sin sombra parece pegado, como un recorte flotando en el aire. La sombra suave es el detalle que devuelve realismo y peso a la imagen, y separa una ficha profesional de una amateur.

Sombra de contacto. Es la que aparece justo donde el producto toca la superficie y basta para dar sensación de apoyo. Para crearla:

  • Crea una capa nueva bajo el producto.
  • Con un pincel negro suave (dureza 0 %) y opacidad baja, pinta una franja tenue justo bajo la base del objeto.
  • Baja la opacidad de la capa hasta que la sombra se sienta natural, no dramática. Un desenfoque gaussiano ligero ayuda a suavizarla.

Sombra proyectada. Si quieres más volumen, duplica el producto, rellénalo de negro, colócalo detrás y por debajo, deforma con Edición > Transformar (Ctrl+T) para inclinarlo en la dirección de la luz, aplica un desenfoque gaussiano y baja la opacidad. El resultado es una sombra proyectada creíble que refuerza la sensación de que el objeto está apoyado sobre una superficie real. La clave es que la dirección de la sombra coincida con la luz de la foto original.

Que el recorte no cante. El otro gran delator de una ficha casera es un borde de recorte duro o con restos del fondo antiguo. Para evitarlo:

  • Refina el borde en Seleccionar y aplicar máscara, con un poco de suavizado y desplazamiento hacia dentro para eliminar el halo del fondo anterior.
  • Revisa al 100 % (Ctrl+1) todo el contorno buscando píxeles de color del fondo original, sobre todo en zonas claras o transparentes.
  • Cuida las transparencias. En cristal, plástico traslúcido o telas finas, el recorte a máscara dura no funciona; hay que trabajar con máscaras suaves y a veces reconstruir la transparencia sobre el nuevo fondo.

En el estudio gdefoto vemos a diario fichas rechazadas por moderación por un recorte descuidado o un fondo con tono. La diferencia entre pasar la revisión a la primera y tener que rehacer el trabajo está casi siempre en estos detalles: blanco real, sombra creíble y borde limpio. Son pocos minutos por imagen que se traducen en un catálogo que se ve profesional y coherente.

Fondos para infografía, de color y texturizados

No todo es blanco puro. Las imágenes secundarias, las infografías y las tomas de estilo de vida piden otros fondos que aporten personalidad sin restar protagonismo al producto.

Fondo para infografía. La infografía combina el producto con texto, iconos y datos, así que el fondo tiene que ser sobrio y legible. Lo mejor es un blanco puro (#FFFFFF) o un gris muy claro (#F2F2F2), que hacen que los textos y las flechas se lean sin esfuerzo. Para que no quede plano, aplica un degradado radial (G) muy sutil, del blanco al gris claro, con el centro detrás del producto. Ese leve degradado da profundidad y guía la mirada hacia el artículo sin distraer.

Fondo de color. Un fondo de color plano funciona muy bien en imágenes de marca y de estilo de vida. Elige un tono que contraste con el producto y que encaje con la identidad visual de la tienda. Cuidado con dos cosas: primero, que el color no rebote sobre el producto creando reflejos de tinte (frecuente con objetos brillantes); segundo, que este fondo va en imágenes secundarias, no en la principal, que casi siempre debe ser blanca según las reglas de la plataforma. Para aplicarlo, crea una capa bajo el producto y rellénala con el color, o usa una capa de relleno sólido para poder cambiarlo con un clic.

Fondo texturizado o degradado. Una textura sutil (papel, piedra, madera clara) o un degradado suave aporta calidez a las tomas de ambiente. La regla es que la textura esté ligeramente desenfocada y con contraste bajo, para que acompañe y no compita. Aplica un desenfoque gaussiano a la capa de textura y baja su intensidad hasta que el producto siga siendo el claro protagonista.

Fondos generados por herramientas de IA. Las versiones recientes de Photoshop incluyen funciones que generan fondos y escenas a partir de una descripción, muy útiles para crear ambientes rápidos en imágenes de estilo de vida. Son un buen punto de partida, pero conviene revisarlas: comprueba que la iluminación del fondo generado sea coherente con la del producto y que la sombra tenga sentido, porque un ambiente artificial mal ajustado se nota. Para la foto principal, sin embargo, sigue siendo más seguro el fondo blanco limpio hecho a mano, que cumple sin discusión los requisitos de cualquier tienda online.

Veamos el proceso completo aplicado a un caso, y algunos ejemplos reales de fichas que resolvimos en el estudio gdefoto.

Ejemplo paso a paso: una taza de cerámica.

  1. Documento. Nuevo archivo 2000 x 2000 px, RGB, fondo blanco (Ctrl+N).
  2. Recorte. Seleccionar > Sujeto para aislar la taza, refinado en Seleccionar y aplicar máscara cuidando el borde del asa.
  3. Fondo blanco. Capa inferior rellena de #FFFFFF, comprobada con cuentagotas a 255, 255, 255.
  4. Sombra. Capa bajo la taza con una sombra de contacto suave en negro al 25 % de opacidad y un ligero desenfoque, para que apoye sobre la superficie.
  5. Remate. Revisión al 100 % del contorno, un toque de nitidez con Smart Sharpen y exportación a la resolución que pide la plataforma.

El resultado: una taza que parece fotografiada en estudio, con fondo impecable y sombra natural, lista para la ficha principal.

Caso 1: cosmética para Amazon.es. Una marca de Valencia tenía fotos con fondo grisáceo que la moderación rechazaba. Igualamos el fondo a blanco puro con una máscara para no quemar los bordes claros del envase y añadimos una sombra de contacto. Las fichas pasaron la revisión a la primera y el catálogo quedó uniforme.

Caso 2: infografía para tienda de electrónica. Un vendedor de accesorios de PcComponentes necesitaba imágenes secundarias con especificaciones. Montamos un fondo gris muy claro con degradado radial sutil, dejando espacio limpio para iconos y texto. La infografía quedó legible y profesional, y el producto siguió siendo el protagonista.

Caso 3: producto artesanal para Etsy. Una tienda de decoración quería un aire cálido y cercano. Usamos un fondo texturizado de madera clara ligeramente desenfocado en las imágenes de ambiente, y reservamos el fondo blanco para la foto principal. Así la ficha combinaba cumplimiento de requisitos y personalidad de marca.

En los tres casos la lógica es la misma: fondo blanco impecable para la principal, y fondos de color, degradado o textura solo en las secundarias, siempre al servicio del producto.

¿Qué medidas debe tener el documento para una ficha de producto?

Un cuadrado de 2000 x 2000 px en RGB es una apuesta segura para casi todas las plataformas. Consulta siempre el mínimo que pide tu tienda y trabaja con la máxima resolución posible.

¿Cómo consigo un blanco realmente blanco?

Rellena el fondo con #FFFFFF y comprueba con el cuentagotas que los valores son 255, 255, 255. Si hay tono, corrígelo con Niveles o Curvas aplicado solo al fondo mediante una máscara para no quemar los bordes del producto.

¿Por qué mi producto parece pegado sobre el fondo?

Porque le falta sombra. Añade una sombra de contacto suave justo bajo la base del objeto, con un pincel negro de opacidad baja y un ligero desenfoque. Devuelve realismo y peso a la imagen.

¿Puedo usar fondo de color en la foto principal?

Por lo general no. La mayoría de plataformas exige fondo blanco o muy claro en la imagen principal. El color, el degradado y la textura se reservan para las imágenes secundarias.

¿Cómo evito que se note el recorte?

Refina el borde en Seleccionar y aplicar máscara, con suavizado y un ligero desplazamiento hacia dentro para quitar el halo del fondo anterior. Revisa el contorno al 100 % y cuida las transparencias.

¿Qué fondo es mejor para una infografía?

Blanco puro o gris muy claro, con un degradado radial sutil si quieres profundidad. Lo importante es que los textos y los iconos se lean sin esfuerzo y que el producto siga destacando.

¿Sirven los fondos generados por IA de Photoshop?

Son útiles para ambientes rápidos en imágenes de estilo de vida, pero hay que revisar que la luz y la sombra sean coherentes. Para la foto principal es más seguro el fondo blanco hecho a mano.

¿Cómo mantengo todo el catálogo uniforme?

Usa el mismo tamaño de documento, el mismo blanco, el mismo tipo de sombra y el mismo encuadre en todas las fichas. La coherencia visual transmite profesionalidad y refuerza la confianza del comprador.

gdefoto

Crear un buen fondo lleva su tiempo, y multiplicado por un catálogo entero se vuelve una tarea enorme. En el estudio gdefoto preparamos los fondos de tus fichas de producto para tiendas online: blanco impecable que pasa la moderación, sombras naturales, recortes limpios e infografías legibles, con un acabado uniforme en todas las imágenes. Envíanos tus fotos y te las devolvemos listas para publicar. Escríbenos y consigue fichas que se ven profesionales y venden más.

Cómo crear un fondo blanco puro en Photoshop

El fondo blanco puro es el estándar de la imagen principal en Amazon, Etsy y eBay, y en Photoshop se consigue de forma controlada. El método fiable parte de recortar el producto y separarlo del fondo con la pluma o Selección de objetos, colocándolo en su capa con máscara. Debajo se pone una capa rellena de blanco puro. Luego se limpia el borde para que no quede halo ni resto del fondo antiguo, comprimiendo la máscara un píxel si hace falta.

Es importante que el blanco sea realmente blanco y uniforme en toda la superficie, sin manchas grises ni transiciones sucias, porque la plataforma puede rechazar un fondo que no lo sea y en la búsqueda se ve descuidado. Comprueba con el histograma que el fondo llega al blanco sin quemar el contorno del producto. A diferencia de subir el brillo hasta que el fondo desaparezca, que suele comerse los bordes del artículo, recortar y poner blanco debajo conserva el producto intacto. Este flujo da un fondo blanco limpio y un contorno preciso, la base de una ficha profesional.

Cómo añadir una sombra de contacto natural

Un producto recortado sobre blanco sin sombra parece flotar y delata el montaje. La sombra de contacto le devuelve peso y realismo. Hay varias formas de crearla. La más natural es conservar la sombra original de la toma: si el producto se fotografió sobre una superficie clara con buena luz, se aísla esa sombra y se mantiene sobre el fondo blanco, ajustando su opacidad. Cuando no hay sombra aprovechable, se crea una: en una capa aparte en modo Multiplicar, se pinta o se genera a partir de la silueta una sombra suave bajo la base del producto.

La clave del realismo es que la sombra sea coherente con la luz: más densa y definida justo bajo el punto de contacto, y más difusa y clara a medida que se aleja. Una sombra demasiado oscura o con un borde duro se nota falsa; una suave y bien situada da al producto un asiento natural. Ajusta la opacidad para que insinúe sin recargar. Esta sombra de contacto es un detalle pequeño que separa una ficha profesional de un recorte pegado, y merece los pocos minutos que lleva hacerla bien.

Fondo con degradado sutil para técnica y gama alta

Aunque la imagen principal suele ir sobre blanco puro, en las imágenes secundarias y para ciertos productos un fondo con un degradado sutil aporta un aire premium. Un degradado muy suave del blanco a un gris claro, o un ligero viñeteado, da profundidad sin distraer, y funciona bien con electrónica, relojes, cosmética y artículos de gama alta donde se busca transmitir calidad. La regla es la contención: el degradado debe ser casi imperceptible, un fondo de estudio limpio, no un efecto llamativo.

En Photoshop, el degradado se crea en una capa de fondo con la herramienta Degradado o con una capa de relleno, y se controla su suavidad para que no aparezcan bandas. El producto, recortado con su sombra, se coloca encima. Conviene mantener un mismo estilo de fondo en toda la galería y en toda la línea para dar coherencia de marca. Recuerda que la imagen principal, si va a un marketplace, debe respetar el blanco puro que exige la plataforma, y el degradado se reserva para las secundarias y para la web propia. Un fondo de estudio sutil y uniforme eleva la percepción del producto sin romper las reglas.

Errores frecuentes al preparar el fondo

  • Subir el brillo hasta borrar el fondo. Se come los bordes del producto. Recorta y pon blanco debajo.
  • Blanco no uniforme. Quedan manchas grises que la plataforma rechaza. Comprueba con el histograma.
  • Producto sin sombra. Parece flotar. Añade una sombra de contacto natural.
  • Sombra dura o muy oscura. Se ve falsa. Hazla suave, más densa en el contacto y difusa al alejarse.
  • Degradado con bandas. Un degradado mal hecho muestra franjas. Controla la suavidad y añade algo de ruido fino si aparecen.

Preguntas frecuentes sobre el fondo de la ficha

Cómo hago un fondo blanco puro

Recorta el producto con la pluma o Selección de objetos, ponlo en su capa con máscara y coloca debajo una capa de blanco puro. Limpia el borde para que no quede halo y comprueba el blanco con el histograma.

Cómo evito que el producto parezca flotar

Añade una sombra de contacto: conserva la original de la toma o créala en una capa en modo Multiplicar, suave y coherente con la luz.

Puedo usar un fondo con degradado

En las imágenes secundarias y en tu web, sí, un degradado muy sutil da un aire premium. La imagen principal de marketplace debe ir sobre blanco puro por norma de la plataforma.

Por qué mi fondo blanco sale gris

Por falta de luz en el fondo o por no llegar al blanco puro en la edición. Recorta y pon blanco debajo, y comprueba con el histograma que es uniforme.

Herramientas de foto online gratis

Edita tu foto en el navegador, sin instalar ni registrarte: