Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos

¿Necesitas difuminar una imagen en un color de fondo para agregar espacio para texto u otros elementos de diseño? En este tutorial, veremos la forma más nueva y sencilla de difuminar una imagen a un color de fondo en Photoshop, que es utilizando degradados vivos.

Los degradados vivos incluyen todo lo relacionado con el efecto de degradado (color, ángulo, etc.) que se puede cambiar una vez creado el efecto de degradado. Y cuando combinamos ese efecto con el efecto de degradado de primer plano a transparente de Photoshop, tenemos una forma rápida y sencilla de desvanecer una imagen a cualquier color que necesitemos. ¡Veamos cómo funciona este efecto!

Paso 1: Crea un nuevo documento de Photoshop

Comencemos creando un nuevo documento. Si está en la pantalla principal, haga clic en el botón Nuevo archivo .

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Haga clic en el botón Nuevo archivo en la pantalla principal.

O desde la interfaz principal de Photoshop, vaya al menú Archivo y seleccione Nuevo .

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Seleccione el comando Nuevo del menú Archivo.

En el cuadro de diálogo Nuevo documento, ingrese la configuración para su documento.

Esta guía establecerá:

  • El ancho es de 3000 píxeles
  • La altura es de 1600 píxeles.
  • La resolución es de 300 píxeles/pulgada.
  • El fondo es blanco
Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Instalar nuevo documento.

Luego haga clic en el botón Crear .

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Crear un nuevo documento de Photoshop

Aparecerá el nuevo documento.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Nuevo documento de Photoshop.

Si es necesario, amplíe el documento yendo al menú Ver y seleccionando Ajustar a la pantalla .

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Seleccione la vista Ajustar a la pantalla en Photoshop.

Paso 2: Coloque la imagen en el documento

Agregue una imagen a su documento yendo al menú Archivo y seleccionando Colocar incrustado .

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Seleccione el comando Colocar incrustado en Photoshop

Navegue hasta donde está almacenada la imagen en su computadora, haga clic en la imagen para seleccionarla y haga clic en Colocar .

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Seleccione una imagen para colocar en el documento.

Photoshop coloca la imagen en el lienzo. También agrega controles de Transformación libre alrededor de la imagen para que puedas cambiar su tamaño si es necesario y moverla a la posición correcta.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos

Paso 3: Reposiciona la imagen en el lienzo

Mueva la imagen hacia la izquierda o hacia la derecha del lienzo para dejar espacio para el color. Mantenga presionada la tecla Shift en su teclado mientras arrastra para facilitar el movimiento de la imagen horizontalmente.

Por ejemplo, desea que el sujeto aparezca en el lado derecho del lienzo y se desvanezca en color en el lado izquierdo. Entonces la imagen se arrastrará hacia la derecha.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Arrastre la imagen hacia un lado del lienzo.

Luego haga clic en la marca de verificación en la barra de opciones para aceptar y cerrar la Transformación libre.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Haga clic en la marca de verificación.

En el panel Capas, la imagen aparece en su propia capa encima de la capa Fondo.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
El panel Capas muestra la nueva capa de imagen.

Paso 4: Seleccionar la herramienta Degradado

Para difuminar la imagen a cualquier color, seleccione la herramienta Degradado en la barra de herramientas.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Seleccione la herramienta Degradado en Photoshop

Luego, en la barra de opciones, asegúrese de que el Modo de herramienta esté configurado en Degradado , lo que nos permitirá dibujar un degradado en vivo. Si se configura en Degradado clásico , dibujará el estilo de degradado antiguo sin ninguna función de degradado en vivo.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Establezca el modo de la herramienta Degradado en Degradado.

Paso 5: Seleccione el degradado de primer plano a transparente

Aún en la barra de opciones, haga clic en la muestra de degradado.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Haga clic en la muestra de degradado

Luego, gira para abrir la carpeta Básico y selecciona el degradado de Primer plano a Transparente . Presione Enter o Retorno en su Mac para aceptar.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Seleccionar primer plano a degradado transparente en Photoshop

Asegúrese de que el Estilo de degradado esté configurado en Lineal porque queremos dibujar el degradado en una línea recta. Asegúrese también de que la opción Invertir esté desactivada, que la opción Tramado esté activada para ayudar a reducir las bandas de color y que el método esté configurado en Perceptual.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Otras configuraciones de la herramienta Degradado.

Paso 6: Elige un color para desenfocar la imagen

Seleccione un color para el degradado haciendo clic en la muestra de color de primer plano en la barra de herramientas.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Haga clic en la muestra de color de primer plano.

Éste será el color al que se desvanecerá la imagen. Dado que estamos dibujando un degradado en vivo, siempre puedes regresar y cambiar los colores más tarde.

El ejemplo seleccionará el blanco por ahora (establece todos los valores R, G y B en 255). Luego haga clic en Aceptar para cerrar el Selector de color.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Elija un color de desvanecimiento en el Selector de color de Photoshop.

Paso 7: Dibujar degradado en la imagen

Haga clic y mantenga presionada la imagen para establecer el punto de inicio del degradado. El ejemplo comenzará cerca del borde izquierdo de la imagen.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Haga clic y mantenga presionado el punto de inicio del degradado.

A continuación, mantenga pulsado el botón del ratón y comience a arrastrar desde ese punto. Mantenga presionada la tecla Shift en su teclado mientras arrastra para que sea más fácil arrastrar en línea recta.

Una ventaja de los degradados en vivo sobre los degradados clásicos es que podemos obtener una vista previa del degradado mientras dibujamos.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Arrastre el degradado a través de la imagen.

No te preocupes por obtener el gradiente exactamente ahora. Simplemente dibuje el degradado inicial y suelte el botón del mouse.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
El color inicial se desvanece después de completarse el degradado.

En el panel Capas, el degradado se agrega a su propia capa de Relleno de degradado sobre la imagen, manteniendo el degradado y la imagen separados.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
El degradado vivo se agrega como capa de relleno de degradado.

Paso 8: Ajuste los puntos de inicio y final del efecto de desvanecimiento

Observe los controles en el lienzo que ahora podemos usar para editar el degradado.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Controles de degradado en vivo sobre lienzo en Photoshop

Puede hacer clic y arrastrar los puntos de color en cada extremo del degradado para ajustar dónde comienza y dónde termina el cambio. Mantenga presionada la tecla Mayús mientras arrastra para mover el tope de color en una línea recta.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Ajuste los puntos de inicio y final del degradado utilizando paradas de color.

Incluso puede hacer clic y arrastrar la línea que conecta las paradas de color para reposicionar el degradado en el lienzo.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Arrastre para reposicionar el degradado.

Sobre esa línea, verás un ícono de diamante. Normalmente, este icono controla el punto medio entre los colores de cada lado. Pero como estamos trabajando con un degradado de Primer Plano a Transparente, arrastrar el ícono no tendrá ningún efecto.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Control deslizante de punto medio de color.

Paso 9: Ajuste el punto medio del desvanecimiento

Pero puedes ajustar el punto medio entre el color y la transparencia yendo al panel Propiedades y desplazándote hacia abajo hasta encontrar Controles de opacidad .

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Controles de opacidad en el panel Propiedades.

Luego, arrastre el ícono de diamante debajo de la barra de vista previa para mover el punto medio más cerca del color o la transparencia.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Control deslizante de punto medio de transparencia.

Para restablecer el centro, configure Ubicación en 50 .

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Restablecer la posición del punto medio.

Paso 10: Ajustar el desvanecimiento

Tenga en cuenta que la transición en el degradado entre el color y la transparencia no se ve suave. La mayor parte del color se concentra en el lado izquierdo y luego se desvanece muy rápidamente hacia la derecha.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
La transición del color a transparente no es tan gradual como se desea.

A veces, cambiar el degradado a un método diferente en la barra de opciones puede hacer que las cosas sean más suaves.

El método predeterminado es Perceptual . Dibuja los colores tal como nuestros ojos los ven naturalmente, que es normalmente lo que deseamos cuando trabajamos con degradados. Pero Perceptual no siempre es la mejor opción para este efecto.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
El método se establece en Perceptual.

Existe otro método llamado Clásico , que dibuja degradados de la misma forma que lo hacía Photoshop.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Cambiar el método a Clásico.

Y observe que la transición ahora parece más suave y gradual. Puedes elegir el método que mejor se adapte a tu imagen, pero en el caso de ejemplo, el clásico queda mejor.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Resultados con el método de gradiente establecido en Clásico.

Paso 11: Elige otro color para difuminar (opcional)

Para cambiar el color al que se desvanece la imagen, haga doble clic en el punto de color de esa imagen. Asegúrate de elegir un punto para el color, no para la transparencia.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Haga doble clic en la parada de color.

Luego hay una manera de elegir otro color desde el Selector de color.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Seleccione un nuevo color mate en el Selector de color.

O mientras el Selector de color aún está abierto, puedes tomar muestras de colores directamente de la imagen.

Pero antes de muestrear el color, vaya a la opción Tamaño de muestra en la barra de opciones y cámbiela de Muestra puntual a un tamaño más grande como 5 x 5 o 11 x 11. De esa manera, muestreará el color promedio del área en la que haga clic en lugar del color de un píxel específico. Por ejemplo, elegiremos 5 x 5.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Elija un tamaño de muestra más grande.

Luego haga clic en el color de la imagen para probarlo. El ejemplo seleccionará un tono de gris de la esquina superior derecha. Haga clic en Aceptar para cerrar el Selector de color cuando haya terminado.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Seleccionar un nuevo color de desenfoque de la imagen.

Paso 12: Realiza los ajustes finales al efecto de desvanecimiento.

En este punto, aún puedes realizar ajustes finales en los puntos de inicio y final del efecto de degradado arrastrando los puntos de color.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Realizar los ajustes finales en el área de degradado.

Para ocultar los controles del lienzo una vez terminado, simplemente seleccione cualquier capa que no sea la capa Relleno degradado en el panel Capas.

Puedes recuperar los controles del lienzo volviendo a seleccionar la capa Relleno degradado, pero también debes activar la herramienta Degradado en la barra de herramientas.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Seleccione otra capa para ocultar los controles en el lienzo.

Aquí está el resultado final de la imagen borrosa al color de fondo, lista para agregar texto u otros elementos de diseño a la izquierda.

Cómo desenfocar una imagen a un color de fondo en Photoshop rápidamente con Degradados Vivos
Resultado final.
Sign up and earn $1000 a day ⋙

Leave a Comment

Cómo cambiar el tamaño de las imágenes correctamente en Photoshop

Cómo cambiar el tamaño de las imágenes correctamente en Photoshop

Para muchas personas cambiar el tamaño de las imágenes era muy molesto hasta que conocieron el sencillo método de protección basado en canales de Photoshop.

Cómo crear un efecto póster para fotos en Photoshop

Cómo crear un efecto póster para fotos en Photoshop

Agregue un efecto de póster rápido y fácil a sus imágenes usando Photoshop para recrear el aspecto clásico de los carteles impresos con colores de tinta limitados.

6 herramientas de edición de fotos con IA mejores que Photoshop

6 herramientas de edición de fotos con IA mejores que Photoshop

Hay muchos editores de fotografías con IA que hacen de Photoshop una segunda opción, y las funciones de IA son herramientas útiles para editar fotografías sin tener que aprender el complejo Photoshop.

Las 3 funciones más populares de Photoshop 2025

Las 3 funciones más populares de Photoshop 2025

Photoshop 2025 incluye nuevas herramientas de IA, selecciones más inteligentes y funciones que no sabías que necesitabas hasta ahora.

Cómo crear un efecto de color monocromático en Photoshop

Cómo crear un efecto de color monocromático en Photoshop

Este tutorial le mostrará una forma rápida y sencilla de agregar un efecto de color monocromático a una imagen usando Adobe Photoshop.

Cómo crear un borde de sombra en Photoshop

Cómo crear un borde de sombra en Photoshop

Este tutorial le mostrará cómo agregar espacio de lienzo y sombra paralela a su foto en Photoshop para crear un borde de foto simple pero elegante.

¿Por qué Lens Blur es una herramienta de Photoshop utilizada para la edición artística de fotografías?

¿Por qué Lens Blur es una herramienta de Photoshop utilizada para la edición artística de fotografías?

La herramienta Desenfoque de lente de Adobe facilita la revisión de sus fotografías, añadiéndoles profundidad y enfoque.

No es IA, Acciones es la función de Photoshop que los usuarios adoran

No es IA, Acciones es la función de Photoshop que los usuarios adoran

Oculta en la aplicación, Acciones de Photoshop es una característica muy apreciada de la popular herramienta de edición de fotografías, diseñada para acelerar los flujos de trabajo sin necesidad de IA.

¿Por qué utilizar Lightroom y Photoshop resulta excesivo para la mayoría de los fotógrafos?

¿Por qué utilizar Lightroom y Photoshop resulta excesivo para la mayoría de los fotógrafos?

Lightroom y Adobe Photoshop son dos de las mejores herramientas de edición de fotografías, pero aunque muchos profesionales las utilizan ambas juntas, solo necesitas Lightroom si eres un fotógrafo aficionado.

Cómo crear el efecto de imagen en imagen en Photoshop

Cómo crear el efecto de imagen en imagen en Photoshop

Este tutorial le mostrará cómo crear un atractivo efecto de imagen en imagen con Adobe Photoshop tomando una sola foto y creando la ilusión de que dentro de ella hay una versión más pequeña y recortada de la misma foto.

5 razones por las que el espacio de trabajo generativo de Photoshop es la mejor función de Adobe

5 razones por las que el espacio de trabajo generativo de Photoshop es la mejor función de Adobe

Generative Workspace es una de las principales funciones de IA anunciadas en Adobe Max 2024. Será el nuevo hogar para sus imágenes y archivos de IA generativa.

Cómo crear un efecto de reflejo de agua usando relleno generativo en Photoshop

Cómo crear un efecto de reflejo de agua usando relleno generativo en Photoshop

Con Generative Fill, impulsado por la inteligencia artificial generativa de Adobe llamada Firefly, cualquiera puede agregar efectos realistas de reflejo de agua a sus fotos simplemente dibujando una selección, escribiendo algunas palabras y haciendo clic en un botón.

Cómo pegar una imagen en una selección en Photoshop

Cómo pegar una imagen en una selección en Photoshop

Este tutorial le mostrará cómo copiar una imagen y pegarla en una selección en otra imagen usando el comando Pegar en en Adobe Photoshop.

Cómo convertir fotos en blanco y negro de alto contraste al instante en Photoshop

Cómo convertir fotos en blanco y negro de alto contraste al instante en Photoshop

Este tutorial le mostrará cómo convertir instantáneamente una fotografía en blanco y negro de alto contraste en Photoshop usando el Mapa de degradado.

8 cosas que no sabías que podías hacer en la aplicación Galería de Samsung

8 cosas que no sabías que podías hacer en la aplicación Galería de Samsung

La aplicación Galería de Samsung es más capaz de lo que crees, aunque quizá no sea evidente a primera vista.

El teléfono inteligente plegable de Microsoft no tendrá pliegues

El teléfono inteligente plegable de Microsoft no tendrá pliegues

Se dice que Microsoft está cerca de lanzar su primer teléfono inteligente plegable cuando recibió una patente para un teléfono plegable con la capacidad de plegarse 360 ​​grados pero sin crear arrugas en la pantalla el 1 de octubre.

Google prueba una marca de verificación azul en sus búsquedas

Google prueba una marca de verificación azul en sus búsquedas

Google está probando una nueva función de verificación a través de una marca de verificación azul en la búsqueda. Esta función ayudará a los usuarios a evitar hacer clic en enlaces de sitios web falsos o fraudulentos.

Distinguir Microsoft 365 y Office 2024

Distinguir Microsoft 365 y Office 2024

A primera vista, Microsoft 365 y Office 2024 pueden parecer muy similares, ya que ambos brindan acceso a las aplicaciones populares y ampliamente utilizadas de Microsoft.

Últimos códigos de Elemental Dungeons y cómo introducirlos

Últimos códigos de Elemental Dungeons y cómo introducirlos

Los códigos de Elemental Dungeons son una forma necesaria de recompensa para los jugadores. Al igual que en cualquier otro juego en línea en Roblox, los jugadores pueden recibir estas ayudas a cambio de dinero u otros artículos.

Cómo repetir la barra de título de una tabla en Word

Cómo repetir la barra de título de una tabla en Word

Al imprimir un documento de Word o crear una tabla en Word, repetir el título en Word nos ayuda a rastrear el título de manera más conveniente y leer el título del documento sin problemas en diferentes páginas, especialmente con títulos largos.

Cómo crear mensajes animados en iMessage iOS 18

Cómo crear mensajes animados en iMessage iOS 18

El nuevo iMessage de iOS 18 se actualiza con mensajes animados, efectos de texto con muchas opciones para utilizar en los mensajes que envíes.

¿Por qué los cerdos son el némesis de las serpientes?

¿Por qué los cerdos son el némesis de las serpientes?

Hay un dato interesante sobre los cerdos que no todo el mundo conoce: los cerdos son considerados enemigos de las serpientes, porque cuando estos dos animales se encuentran, la mayoría de las serpientes se convertirán en alimento para los cerdos.

¿Cuál es la distancia entre la Tierra y Júpiter, el planeta más grande del Sistema Solar?

¿Cuál es la distancia entre la Tierra y Júpiter, el planeta más grande del Sistema Solar?

¿Cuál es la distancia de la Tierra a Júpiter? Si no lo sabes, este artículo te dirá a qué distancia está Júpiter de la Tierra.

Descubre los generales fuera de meta de la temporada S1 2023 Lien Quan Mobile

Descubre los generales fuera de meta de la temporada S1 2023 Lien Quan Mobile

¿Qué generales están fuera del meta de Mobile Alliance? Vamos a explorar ahora

Temporada 7.5 de Graves DTCL: Artículos estándar, plantilla de Graves Loi Long

Temporada 7.5 de Graves DTCL: Artículos estándar, plantilla de Graves Loi Long

Graves DTCL de la temporada 1, temporada 3 y temporada 6 cuestan solo 1 de oro y parece ser solo un campeón adicional para estimular al clan, el rol principal en el juego inicial todavía se usa pero no mucho. A partir de la temporada 7.5 de DTCL, el precio de Graves se ha disparado a 4 de oro y es definitivamente un carry indispensable si decides jugar con Dragón Trueno o Artillero.

Cómo usar sonidos de aplicaciones independientes en Samsung

Cómo usar sonidos de aplicaciones independientes en Samsung

Con los teléfonos Samsung, debes utilizar la función de sonido de la aplicación independiente. Por ejemplo, puedes reproducir Apple Music y tu teléfono enviará el audio a través de los altavoces de tu automóvil.

Buenas citas sobre el trabajo, buenos estados sobre el trabajo te inspiran a alcanzar el éxito.

Buenas citas sobre el trabajo, buenos estados sobre el trabajo te inspiran a alcanzar el éxito.

Hay muchos estados positivos sobre el trabajo en Internet. En este artículo te resumiremos algunos estados laborales buenos y significativos.

Subtítulos de aniversario de bodas, estados de aniversario de bodas significativos y dulces

Subtítulos de aniversario de bodas, estados de aniversario de bodas significativos y dulces

¿Cuál es un título bueno y significativo para un aniversario de bodas? El artículo resumirá para usted breves y concisos subtítulos de aniversario que pueden hacer que su pareja los recuerde para siempre.

Lista de los últimos códigos de Dai Hiep Phong Van y cómo canjearlos

Lista de los últimos códigos de Dai Hiep Phong Van y cómo canjearlos

El código Dai Hiep Phong Van ayuda a los jugadores a utilizar recompensas atractivas incluso si recién comienzan a recorrer el mundo del juego.