Aprenda paso a paso cómo difuminar una imagen en blanco, negro o cualquier fondo de color con Photoshop. Perfecto para agregar espacio para texto o para mezclar una imagen con un diseño.
En este tutorial, te muestro lo fácil que es difuminar una imagen en cualquier color de fondo con Photoshop. Esta es una excelente manera de combinar una imagen en un diseño más grande, o de crear espacio para agregar texto al lado del tema.
Comenzaremos creando un nuevo documento y colocando una imagen en él. A continuación, elegiremos un color inicial para el fondo y desvaneceremos la imagen en el color usando una máscara de capa. Finalmente, le mostraré cómo cambiar el fondo a cualquier color que desee, incluida la forma de elegir un color directamente de la imagen en sí.
Puede seguir cualquier versión reciente de Photoshop. Pero tenga en cuenta que uno de los pasos utiliza un degradado, y Adobe realizó cambios en los degradados en Photoshop 2020. Por lo tanto, para obtener los mejores resultados con este tutorial, querrá usar Photoshop 2020 o posterior. Estoy usando Photoshop 2021.
Este es un ejemplo de cómo se verá el resultado final:
¡Comencemos!
¡Descargue este tutorial en formato PDF listo para imprimir!
Paso 1: Crear un nuevo documento de Photoshop
Comience creando un nuevo documento. Si está en la pantalla de inicio de Photoshop, cree un nuevo documento haciendo clic en el botón Crear nuevo
O si está en la interfaz principal, vaya al menú Archivo y elija Nuevo:
Luego, en el cuadro de diálogo Nuevo documento, ingrese su configuración. Estableceré el Ancho en 3000 píxeles, la Altura en 1600 píxeles, la Resolución en 300 píxeles por pulgada y el Contenido del fondo en Blanco:
A continuación, cree el nuevo documento haciendo clic en el botón Crear:
Paso 2: Coloque su imagen en el documento
A continuación, coloque su imagen en el documento subiendo al menú Archivo y eligiendo Colocar incrustado:
Vaya a la imagen en su computadora, haga clic en la imagen para seleccionarla y, a continuación, haga clic en Colocar:
Relacionado: Abrir imagen vs Colocar imagen en Photoshop
Photoshop coloca la imagen en el documento, y abre el comando Transformar libre para que podamos cambiar el tamaño de la imagen si es necesario y moverla a su lugar. Si la imagen es más grande que el tamaño del documento, Photoshop la redimensionará automáticamente para ajustarla, como lo hizo aquí (retrato de moda de Adobe Stock):
Paso 3: Arrastre el sujeto a un lado del documento
Para hacer más espacio para que la imagen se desvanezca en el fondo, mueva el sujeto a un lado presionando y manteniendo pulsada la tecla Mayús en el teclado y arrastrando la imagen a la izquierda o a la derecha. Mantener pulsada la tecla Mayús limita la dirección en la que puede moverse, lo que facilita el arrastre recto:
Cuando haya terminado, cierre la transformación libre haciendo clic en la marca de verificación en la Barra de opciones:
En el panel Capas, vemos que Photoshop colocó la imagen en una nueva capa sobre la capa de fondo:
Relacionado: Cómo abrir varias imágenes como capas!
Paso 4: Añadir una capa de relleno de color sólido
En realidad no vamos a usar la capa de fondo para el color de fondo. En su lugar, usaremos una capa de relleno de color sólido que hará que sea más fácil elegir cualquier color que necesitemos.
Para agregar una capa de relleno de color sólido, primero asegúrese de que la capa de imagen esté seleccionada. A continuación, haga clic en el icono Nueva Capa de Relleno o Ajuste en la parte inferior del panel Capas:
Y elija Color sólido de la lista:
Paso 5: Elija un color de fondo inicial
En el Selector de color, puede elegir el color que desee. Pero elegiré blanco por ahora estableciendo los valores R, G y B en 255. Volveremos y cambiaremos el color una vez que hayamos desvanecido la imagen.
Haga clic en Aceptar cuando haya terminado de cerrar el Selector de color:
De nuevo en el panel Capas, la capa de relleno se agregó encima de la imagen, por lo que bloquea la imagen de la vista:
Y observe que la capa de relleno incluye una máscara de capa incorporada. Usaremos esta máscara de capa para difuminar el color en la imagen:
Paso 6: Seleccione la máscara de capa
En este momento, se selecciona la capa de relleno en sí, lo que podemos ver por el borde blanco alrededor de la muestra de color. Necesitamos seleccionar la máscara de capa, así que haga clic en la miniatura de la máscara:
Paso 7: Seleccione la herramienta Degradado
Para difuminar el color y la imagen juntos, vamos a dibujar un degradado en la máscara. Y para eso, necesitamos la herramienta Gradiente.
Seleccione la herramienta Degradado de la barra de herramientas:
Paso 8: Elija el degradado de negro a blanco
Luego, en la Barra de Opciones, haga clic en la flecha junto a la muestra de degradado:
En el Selector de degradado, gire y abra la carpeta Fundamentos (nueva a partir de Photoshop 2020) y elija el degradado de Negro a Blanco haciendo doble clic en su miniatura:
Paso 9: Dibuje un degradado de negro a blanco en la máscara de capa
Ahora, debido a que aún no podemos ver la imagen, no vamos a hacer las cosas bien en el primer intento. Pero la idea es arrastrar un degradado de negro a blanco a través de la máscara de capa en el área donde queremos que la imagen se desvanezca en el color.
Por lo tanto, establezca un punto de partida para el degradado haciendo clic y manteniendo pulsado en algún lugar del área general donde aparece el sujeto. En mi caso, ella está a la derecha:
Luego, con el botón del ratón pulsado, mantenga pulsada la tecla Mayús del teclado y arrastre el área en la que desea que la imagen y el color se desvanezcan entre sí. Esta será el área de transición entre el color y la imagen. Mantener presionada la tecla Mayús mientras arrastra limita el ángulo del degradado, por lo que es más fácil arrastrar directamente:
Luego, para completar el degradado, suelte el botón del ratón y, a continuación, suelte la tecla Mayús (en ese orden). Y así, la imagen ahora se desvanece en el color:
Ver el degradado en la miniatura de máscara de capa
Podemos ver el degradado mirando la miniatura de máscara de capa en el panel Capas. El área negra de la máscara es donde la capa de relleno está oculta al 100 por ciento, lo que permite que se muestre la imagen debajo de ella. El área blanca es donde la capa de relleno es 100 por ciento visible y bloquea la imagen de la vista. Y el degradado intermedio es donde se desvanecen juntos:
Cómo ver el degradado en el documento
También puede ver la máscara de capa en el propio documento manteniendo pulsada la tecla Alt (Win) / Option (Mac) en un Mac y haciendo clic en la miniatura de la máscara de capa:
Y ahora es más fácil ver el área negra por donde se muestra la imagen, el blanco por donde se ve el color y el área de transición entre ellos:
Mantenga pulsada la tecla Alt u Opción y haga clic de nuevo en la miniatura de la máscara de capa para ocultar la máscara:
Paso 10: Redibujar el degradado para ajustar el efecto de desvanecimiento
Ahora, si no dibujó el degradado exactamente en el lugar correcto, está bien porque puede dibujar otro. De hecho, puede volver a dibujar el degradado tantas veces como lo necesite. Cada nuevo degradado que dibujes reemplazará al anterior.
Haré clic para establecer mi punto de partida en algún lugar alrededor del ojo de la mujer:
Luego, con el botón del ratón todavía pulsado, mantendré pulsada la tecla Mayús en mi teclado y arrastraré hacia la izquierda:
Pero note cuando suelte el botón del ratón que fui demasiado lejos, y podemos ver el borde izquierdo de la imagen:
Así que intentaré una vez más, comenzando en el mismo lugar:
Pero esta vez arrastrando una distancia más corta:
Soltaré el botón del ratón, luego la tecla Mayús. Y esto se ve mejor:
Paso 11: Elija un nuevo color de capa de relleno
Una vez que la imagen se desvanezca en el color, puede cambiar el color haciendo doble clic en la muestra de color de la capa de relleno en el panel Capas:
A continuación, elija un nuevo color en el Selector de colores:
O elija uno directamente de la imagen. Simplemente mueva el cursor del ratón sobre la imagen y haga clic en un color para muestrearlo.
La opción Tamaño de muestra
Pero antes de muestrear un color, vaya a la Barra de Opciones y cambie el Tamaño de muestra de Muestra Puntual (la configuración predeterminada) a algo más grande, como 3×3, 5×5 o 11×11. De esa manera, muestrearás el color promedio del área en lugar del color de un píxel individual. Elegiré 5×5:
La opción de muestra
Además, asegúrese de que la opción de muestra esté configurada en Todas las capas:
Luego haga clic en diferentes partes de la imagen para probar el color hasta que encuentre el que mejor funciona. Voy a probar un color grisáceo de la parte superior derecha. Cuando haya terminado, haga clic en Aceptar para cerrar el selector de color:
Paso 12: Volver a dibujar el degradado (opcional)
Finalmente, si desea volver a dibujar el degradado, simplemente vuelva a seleccionar la miniatura de máscara de capa en el panel Capas:
Luego, con la herramienta Degradado aún seleccionada, haga clic y mantenga pulsado el punto de inicio, mantenga pulsada la tecla Mayús y arrastre el área de transición:
Suelte el botón del ratón y, a continuación, suelte la tecla Mayús. Y aquí está mi resultado final:
A dónde ir a continuación…
¡Y ahí lo tenemos! ¡Así es como se desvanece una imagen en cualquier color de fondo con Photoshop!
Para ver más formas de combinar imágenes, consulta mi tutorial de Tres formas de combinar dos imágenes. ¡O visita mi sección de Efectos fotográficos para obtener más tutoriales! Y no se olvide, todos mis tutoriales están disponibles para descargar como PDF!