Crear y modificar degradados

Un degradado es una fusión gradual entre dos o más colores o matices del mismo color o diferentes colores. Los degradados se pueden utilizar para crear fusiones de color, elaborar gráficos circulares, dar volumen a objetos vectoriales y añadir un efecto de luz y sombra a los diseños.

XD admite los degradados lineales, radiales y angulares.

XD ensombrece desde el punto inicial hasta el punto final, siguiendo una línea recta.

XD ensombrece desde el punto inicial hasta el punto final, siguiendo un patrón circular.

XD aplica un relleno con degradados de color que atraviesan una forma desde el centro de un círculo. 

Para acceder al Selector de color de degradado en XD, seleccione un objeto y haga clic en Rellenar en el Inspector de propiedades. Puede crear degradados lineales, radiales y angulares en XD.

Elija Degradado lineal, Degradado radial o Degradado angular en la lista desplegable de la parte superior del selector de color.

Puede usar el Selector de color de degradado para elegir los colores y establecer la opacidad de los degradados.

El Selector de color de degradado tiene un editor de degradados que muestra una vista previa rápida de todos los colores utilizados en un degradado. Los tableros estilo ajedrez indican las partes transparentes.

El editor de degradados también muestra las paradas de color de los degradados. Los círculos pequeños indican las paradas de color. Los colores cambian y se mezclan en función de lo próximas que estén las paradas de color entre sí. Las paradas de color también se muestran en el editor de degradados del lienzo que aparece en el objeto al que se aplica el degradado. 

Están disponibles dos paradas de color de forma predeterminada. Puede agregar más paradas de color haciendo clic en los editores de degradados. Puede arrastrar las paradas de color a lo largo de los editores de degradados para cambiar las posiciones de las paradas de color y variar la distribución de cada color. Para eliminar o quitar una parada de color, arrástrela desde el editor de degradados al Selector de color de degradado. O bien, haga clic en la parada de color en el editor de degradados del lienzo y presione Supr.

El editor de degradados del lienzo le ayudará a cambiar la dirección del degradado.

El controlador de esquina le ayudará a cambiar el punto de origen y el ángulo de los degradados radiales.

El regulador de la derecha del Selector de color de degradado le permite controlar la opacidad de la parada de color.

Aplicar un relleno con degradado lineal, radial o angular

Aplicar degradado angular a objetos

Con los degradados angulares se pueden crear ruedas cromáticas, gráficos circulares o indicadores de progreso. El degradado angular aplica un relleno con degradados de color que atraviesan una forma desde el centro de un círculo.

Siga estos pasos para aplicar un degradado angular a un círculo y crear una rueda cromática.

Cuando haya terminado de crear una rueda cromática, puede copiar y reutilizar los efectos de degradado angular en otras formas como un rectángulo o un triángulo.

^Ejemplos

Aquí puede ver algunas muestras creadas con el degradado angular. 

^Tutorial

Los degradados angulares, que son diferentes de los degradados lineales y radiales, pueden ser muy útiles para diseños como indicadores de progreso y ruedas cromáticas. Vea este tutorial de Dani Beaumont, director principal de productos de Adobe XD, para saber cómo usar los degradados angulares.

Duración: 4 minutos y 7 segundos. 

Importar objetos con relleno de degradado

Al importar un degradado como SVG, el selector de color muestra la opción Degradado de forma predeterminada. Al copiar y pegar un objeto en XD, también se copia el relleno de degradado. Puede modificar el color y las paradas de color del gradiente que importe.