Cómo cambiar un fondo blanco a transparente con Photoshop

Deshaciendo el mal acto de aplanar un gráfico vectorial, un JPG a la vez.

Este tutorial le enseñará un método eficaz para aislar gráficos como logotipos e íconos de fondos blancos. Básicamente, utilizamos el gráfico para ocultarse del fondo. Siempre es preferible obtener los gráficos originales si es posible, pero para aquellas situaciones en las que una imagen plana es todo lo que tiene, esta técnica puede ser la solución.

Avance

Aquí hay una vista previa rápida de lo que puede esperar al usar esta técnica. La imagen de la izquierda es un archivo JPG aplanado sin capas de transparencia. El lado derecho es la misma imagen después de usar la técnica de este tutorial.

Paso 1

El primer paso es abrir la imagen en Photoshop. Yo uso un logotipo de este conjunto de Medialoot .

Por supuesto, la plantilla del logotipo real es completamente vectorial, pero en esta situación hipotética vamos a fingir que algún lunático trastornado ha aplanado el logotipo en un JPG y ha eliminado el archivo original de la existencia (¡qué horror!).

Paso 2

Haga doble clic en la capa de fondo para desbloquearla y luego cree una nueva capa de ajuste de tono/saturación .

Paso 3

Abra la ventana Propiedades y baje la Saturación a -100 en la capa de ajuste Tono/Saturación.

Paso 4

Añade una nueva capa de ajuste Invertir .

Paso 5

Agregue una nueva capa de ajuste de Niveles y, en la ventana Propiedades, ajuste el valor de entrada de reflejos hasta que las áreas que desea que tengan una opacidad del 100 % sean #FFFFFF (puede usar la herramienta Cuentagotas para verificar de qué color son los píxeles individuales).

El fondo ya debería ser #000000 si era blanco puro desde el principio. Si no lo es, también necesitará ajustar el nivel de entrada de las sombras.

Paso 6

Presione CMD/CTRL+A para seleccionar todo y CMD/CTRL+SHIFT+C para copiar combinado.

Paso 7

Haga clic en el icono de visibilidad de capa en las tres capas de ajuste y seleccione nuevamente la capa original. Presione el botón Agregar máscara de capa en la parte inferior de la ventana Capas.

Paso 8

Abra la ventana Canales (Ventana Canales) y haga clic en el ícono de visibilidad de capa en el canal Máscara recién creado. Luego presione CMD/CTRL+V para pegar la imagen en la máscara.

Paso 9

Haga clic nuevamente en el ícono de visibilidad de capa en el canal Máscara para desactivar la superposición roja y ver los resultados.

Paso 10

En realidad, ahora se ve bastante bien, especialmente en fondos transparentes y de colores claros. Pero sucede algo inesperado en los fondos más oscuros. Los bordes se ven muy ásperos y desagradables.

Paso 11

Afortunadamente existe una solución sencilla.

Presione CMD/CTRL+G para agrupar la capa enmascarada y luego con el grupo seleccione ALT+CLIC IZQUIERDO en el ícono de la capa de máscara para crear una selección.

Paso 13

Vaya a Seleccionar Modificar Contrato... e ingrese 1 píxel y luego haga clic en Aceptar .

En imágenes de alta resolución, es posible que necesites aumentar esto a 2 píxeles o más, pero es mejor probar primero con el valor más pequeño posible para evitar un enmascaramiento innecesario.

Paso 14

Haga clic en el botón Agregar nueva máscara nuevamente para crear una nueva máscara en la capa de grupo. El resultado es mucho mejor esta vez, tanto en fondos claros como oscuros.

Paso 15

Dicho esto, es poco probable que alguna vez quisiéramos usar un color de texto tan oscuro sobre un fondo oscuro. Pero quería compartir los pasos adicionales para suavizar los bordes por si acaso.

Aquí seleccioné los elementos grises del diseño con la herramienta de marco y los invertí con un ajuste, y también usé una capa de ajuste de Niveles para hacer que los elementos grises fueran blancos.

Resultado

Y aquí está el resultado. Hemos pasado de una imagen JPG completamente aplanada a un logotipo transparente y versátil que funciona tanto en fondos claros como oscuros. Solo asegúrate de no guardarlo como JPG nuevamente .