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
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.
Dónde encontrarlo
Ideal para
Dónde encontrarlo
Ideal para
Dónde encontrarlo
Ideal para
Dónde encontrarlo
Ideal para
Cómo usar la herramienta Degradado
- 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
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
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
Elige una forma
Lineal, Radial, Angular, Reflejado o Diamante. La siguiente sección muestra qué hace cada una.
- 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
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.
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.
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.
linear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)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.
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.
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.
Escrito por 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