Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaDegradados
Degradados

Degradados en Photoshop: herramientas, mapas y resultados suaves

Photoshop te da cuatro formas distintas de crear un degradado, y cada una sirve para un trabajo. Aquí verás cuál usar, cómo funciona de verdad el editor y los hábitos que mantienen una transición libre de franjas.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·7 min de lectura
Portada: Thin Pier · GR·YNRB·JF

La versión corta

  • Photoshop crea degradados de cuatro formas: la herramienta Degradado, una capa de relleno de degradado, un ajuste Mapa de degradado y el estilo de capa Superposición de degradado.
  • El modo en vivo de la herramienta Degradado crea una capa de relleno editable cuyas paradas de color puedes arrastrar sobre el lienzo, mientras que el modo Clásico pinta píxeles en la capa actual.
  • Photoshop ofrece cinco formas de degradado: Lineal, Radial, Angular, Reflejado y Diamante.
  • Un mapa de degradado cambia el color de una imagen según sus tonos, enviando los píxeles más oscuros a la parada izquierda y los más claros a la derecha.
  • El tramado, un documento de 16 bits y un poco de ruido monocromático son las formas más fiables de evitar el banding en un degradado de Photoshop.
En esta página
Cuatro formas de hacer un degradado en PhotoshopCómo usar la herramienta DegradadoLas cinco formas de degradado en PhotoshopCómo trabajar en el Editor de degradadoMapas de degradado de Photoshop para fotosCómo evitar el banding en un degradado de PhotoshopDegradados en textos y formasCuando una imagen se convierte en diez tamaños

Un degradado en Photoshop se hace con la herramienta Degradado (pulsa G), una capa de relleno de degradado, un ajuste Mapa de degradado o un estilo Superposición de degradado. Para la mayoría de los trabajos, usa la herramienta en su modo en vivo para que la transición quede en su propia capa editable, elige Perceptivo como método, deja marcado Tramado y pasa a 16 bits por canal cuando el degradado sea oscuro o sutil. Esos hábitos marcan la diferencia entre un barrido de color limpio y uno lleno de franjas.

Cuatro formas de hacer un degradado en Photoshop

Mucha gente recurre a la herramienta Degradado para todo y luego se pregunta por qué no puede cambiar los colores después. Cada método tiene su función, y elegir el adecuado desde el principio te ahorra rehacer el trabajo.

Herramienta Degradado

Dónde encontrarlo

Barra de herramientas, atajo G

Ideal para

Arrastrar una transición sobre una capa o selección
Capa de relleno de degradado

Dónde encontrarlo

Capa › Nueva capa de relleno › Degradado

Ideal para

Fondos que vas a seguir ajustando
Mapa de degradado

Dónde encontrarlo

Capa › Nueva capa de ajuste › Mapa de degradado

Ideal para

Cambiar el color de una foto según sus tonos claros y oscuros
Superposición de degradado

Dónde encontrarlo

Estilo de capa (el botón fx)

Ideal para

Color en textos y formas que sigue siendo editable
MétodoDónde encontrarloIdeal para
Herramienta DegradadoBarra de herramientas, atajo GArrastrar una transición sobre una capa o selección
Capa de relleno de degradadoCapa › Nueva capa de relleno › DegradadoFondos que vas a seguir ajustando
Mapa de degradadoCapa › Nueva capa de ajuste › Mapa de degradadoCambiar el color de una foto según sus tonos claros y oscuros
Superposición de degradadoEstilo de capa (el botón fx)Color en textos y formas que sigue siendo editable
Los cuatro métodos de degradado de Photoshop y para qué sirve cada uno. Las capas de relleno, los mapas y las superposiciones son todos no destructivos.

Cómo usar la herramienta Degradado

  1. 1

    Elige la herramienta

    Pulsa G. La herramienta Degradado comparte hueco con el Bote de pintura, así que pulsa Mayús+G si aparece el bote.

  2. 2

    Elige en vivo o clásico

    En las versiones actuales, la barra de opciones ofrece Degradado, que crea una capa de relleno de degradado editable con controles sobre el lienzo, y Degradado clásico, que pinta píxeles en la capa activa. Elige el modo en vivo salvo que estés pintando a propósito en una máscara.

  3. 3

    Elige los colores

    Haz clic en la muestra de degradado de la barra de opciones, o abre Ventana › Degradados para explorar los ajustes preestablecidos por carpetas. Define antes los colores frontal y de fondo si quieres la transición de dos colores más sencilla.

  4. 4

    Elige una forma

    Lineal, Radial, Angular, Reflejado o Diamante. La siguiente sección muestra qué hace cada una.

  5. 5

    Arrastra sobre el lienzo

    El inicio del arrastre es la primera parada de color y el final, la última. Mantén Mayús para fijar el ángulo en pasos de 45 grados. En el modo en vivo puedes arrastrar después las paradas y el punto medio.

  6. 6

    Ajusta el método y el tramado

    Elige Perceptivo para transiciones uniformes entre colores saturados y deja activado Tramado. Clásico reproduce el comportamiento antiguo, que puede verse turbio en el centro.

Las cinco formas de degradado en Photoshop

El lineal es el caballo de batalla para los fondos. El radial crea un charco de luz, que es la forma más rápida de dar profundidad a un fondo plano. El angular barre el color alrededor de un punto central como la aguja de un reloj. El reflejado duplica en espejo una transición lineal desde el centro hacia fuera, ideal para horizontes y barras de luz. El diamante reparte el color en un cuadrado, y es el que menos usarás.

Cuatro de las cinco formas de Photoshop, reconstruidas en CSS para que puedas copiarlas para la web. El angular es un degradado cónico; el diamante no tiene un equivalente directo en CSS.

Cómo trabajar en el Editor de degradado

Haz doble clic en la muestra de la barra de opciones, o en el degradado del cuadro de diálogo de una capa de relleno, para abrir el editor. Las paradas de color están debajo de la barra y las de opacidad, encima. Haz clic bajo la barra para añadir una parada, arrástrala fuera para borrarla y arrastra el pequeño rombo entre dos paradas para mover el punto medio de su transición. El campo Posición te deja escribir posiciones exactas, algo importante cuando quieres que un conjunto de degradados coincida.

Entre tres y cinco paradas suelen verse más ricas que dos: un tono de sombra, un color principal, un realce y quizá un acento. Mantén emparentadas las paradas vecinas, porque los colores opuestos uno junto a otro pasan por el gris, como se explica en degradados turbios. El menú Tipo de degradado del editor también ofrece Ruido, que genera bandas de color aleatorias; es útil para experimentar con texturas, rara vez para trabajos de marca.

Funde a transparente, no a blanco

Para dejar ver una imagen, pon la parada de opacidad final al 0% en lugar de elegir blanco. El ajuste preestablecido Frontal a transparente lo hace, y mantiene visible la capa de abajo en lugar de lavarla.

Mapas de degradado de Photoshop para fotos

Un Mapa de degradado ignora los colores de la foto y solo lee sus tonos. Los píxeles más oscuros toman la parada izquierda, los más claros la derecha y todo lo intermedio sigue la barra. Con dos paradas obtienes un duotono clásico; con tres puedes llevar las sombras al frío y las luces al cálido. Pon el modo de fusión de la capa de ajuste en Color o Luz suave y baja su opacidad para un tono más suave. Mapa de degradado y el efecto duotono profundizan más.

Mapa índigo, rosa y mantequillalinear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)
Un mapa de tres paradas: las sombras se vuelven índigo, los medios tonos rosa y las luces un amarillo mantequilla pálido. Carga estas paradas en una capa Mapa de degradado.

Cómo evitar el banding en un degradado de Photoshop

El banding son escalones visibles donde una transición debería ser suave. Es peor en degradados oscuros y de poco contraste estirados sobre un lienzo grande, porque un archivo de 8 bits solo tiene un número limitado de niveles entre dos colores cercanos. La explicación completa está en banding en degradados.

Provoca bandas

  • Un documento de 8 bits para una transición oscura y sutil
  • El tramado desactivado
  • Dos paradas cercanas estiradas sobre 4.000 px
  • Una compresión JPEG fuerte al exportar
  • El método Clásico entre colores opuestos intensos

Lo mantiene suave

  • Imagen › Modo › 16 bits/canal mientras trabajas
  • Tramado marcado en la herramienta o en el diálogo de relleno
  • Una parada intermedia, o el método Perceptivo
  • PNG, o JPEG en calidad alta
  • Un 1 a 3% de ruido monocromático en una capa gris en Superponer

La capa de ruido merece una explicación. Rellena una capa nueva con gris al 50%, ponla en Superponer para que el gris desaparezca y aplica Filtro › Ruido › Añadir ruido con Gaussiano y Monocromático marcados. El grano fino rompe los escalones, sobrevive a la compresión mejor que una transición limpia y hace que el degradado se sienta como una superficie. Degradados con grano muestra el estilo.

Truco de Photoshop
Tramado activo. Adiós bandas.
Añade un 2% de ruido monocromático antes de exportar
Gradiently · @gradiently

Una transición oscura como esta es justo donde aparece el banding. El tramado más un grano ligero la mantienen suave en cualquier pantalla.

Degradados en textos y formas

Para un texto que quieras mantener editable, añade una Superposición de degradado desde el menú fx. Deja marcado Alinear con capa para que la transición abarque las palabras y no todo el lienzo, y ajusta Escala y Ángulo hasta que el cambio de color quede donde quieres. La alternativa es una capa de relleno de degradado encima del texto, recortada a él manteniendo Alt (Opción en Mac) y haciendo clic en la línea entre las dos capas. Cuando las palabras van sobre un degradado en lugar de llevarlo puesto, lee texto sobre un degradado para que sigan siendo legibles.

Cuando una imagen se convierte en diez tamaños

Photoshop es excelente para una sola imagen terminada con cuidado. Se vuelve lento cuando el mismo fondo tiene que convertirse en publicación, historia, banner y miniatura, porque cada recorte mueve la parte más luminosa y cada lienzo necesita redibujar el degradado. En Gradiently el fondo es un Mark que se renderiza a cada tamaño en el que diseñas, y su zona más tranquila se coloca sola detrás de tus palabras, así que una historia y un banner salen de un mismo diseño. Un aspecto, todos los tamaños explica cómo.

Diseña con un degradado vivo

Publicaciones, historias, diapositivas y banners en todos los tamaños, con texto que siempre se lee.

Empezar a diseñar, gratis

Preguntas frecuentes

¿Dónde está la herramienta Degradado en Photoshop?

Comparte hueco en la barra de herramientas con el Bote de pintura. Pulsa G para seleccionarla, o Mayús+G para alternar entre las dos.

¿Por qué mi degradado de Photoshop tiene franjas?

Es banding, causado por muy pocos niveles de color entre tonos cercanos. Trabaja a 16 bits por canal, deja activado el tramado y añade un poco de ruido monocromático antes de exportar.

¿Cómo hago que un degradado se funda a transparente en Photoshop?

Usa el ajuste preestablecido Frontal a transparente, o pon al 0% la última parada de opacidad en el Editor de degradado.

¿Cómo pongo un degradado en un texto en Photoshop y lo mantengo editable?

Añade un estilo de capa Superposición de degradado con Alinear con capa marcado, o recorta una capa de relleno de degradado a la capa de texto.

¿Qué diferencia hay entre un degradado y un mapa de degradado en Photoshop?

Un degradado pinta color nuevo sobre un área. Un mapa de degradado cambia el color de una imagen existente según sus tonos, del más oscuro al más claro.

Compartir esta guía

Escrito por GradientlyCuenta verificada de Gradiently

El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.

Ver nuestro perfil

En esta página

Cuatro formas de hacer un degradado en PhotoshopCómo usar la herramienta DegradadoLas cinco formas de degradado en PhotoshopCómo trabajar en el Editor de degradadoMapas de degradado de Photoshop para fotosCómo evitar el banding en un degradado de PhotoshopDegradados en textos y formasCuando una imagen se convierte en diez tamaños

Compartir esta guía

Siguiente en Degradados

Degradados en Illustrator: lineal, radial y de forma libre

Sigue leyendo

Todas las guías de Degradados
Degradados

Mapas de degradado: recolorea cualquier cosa en segundos

5 min de lectura

Un mapa de degradado toma cualquier imagen, foto, textura o ilustración y la repinta con los colores que elijas conservando toda su luz y su sombra. Es la herramienta de recoloreado más rápida que existe.

Degradados

Por qué tu degradado tiene rayas y cómo corregir las bandas

6 min de lectura

Hiciste un degradado suave y volvió a rayas. Eso son las bandas, y tienen una causa sencilla y un puñado de soluciones fiables. Aquí está la aritmética y luego las curas.

Degradados

Degradados en Illustrator: lineal, radial y de forma libre

6 min de lectura

Los degradados de Illustrator viven en un panel pequeño, y aun así casi todo el mundo usa solo la mitad. Aquí tienes el panel completo, el tipo de forma libre y lo que les pasa a tus fusiones al exportar.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently