La versión corta
- Un degradado de seda imita la tela drapeada con pliegues largos y suaves, un brillo estrecho y luminoso en cada cresta y sombras profundas y con color en cada valle.
- Los brillos de la seda son mucho más estrechos que sus sombras, y ese desequilibrio es lo que se lee como lustre y no como un simple sombreado.
- La seda tornasolada se teje con hilos de dos colores, así que cambia de tono entre el brillo y la sombra, por ejemplo verde azulado en la luz y violeta en los pliegues.
- Las sombras de la seda deben ser una versión más profunda y saturada del color de la tela, nunca gris.
- Los degradados de seda encajan con el lujo, la belleza, la joyería y las bodas, porque el propio material transmite cuidado y valor.
En esta página
Un degradado de seda imita la tela drapeada: largos pliegues de color, cada uno con un brillo estrecho y luminoso a lo largo de su cresta y una sombra suave y profunda en su valle. Ese patrón de luz fina y sombra amplia es lo que el ojo lee como lustre. Es un look de material más que de color, y por eso el mismo champán o esmeralda puede resultar plano como una mezcla simple y lujoso como seda. Necesitas tres cosas: un color de tela, un brillo más claro y algo más cálido, y una sombra más profunda y más saturada.
Cómo atrapa la luz la seda
Las fibras de seda son lisas y tienen una forma ligeramente prismática, así que reflejan la luz de forma concentrada. Un pliegue de seda produce un brillo rápido y nítido donde mira a la luz y una caída larga y suave hacia la sombra. El algodón mate en el mismo pliegue daría un degradado amplio y apagado sin un pico nítido. Copia estas propiedades y cualquier color empezará a leerse como seda.
Cómo se ve
En tu degradado
En tu degradado
Cómo se ve
En tu degradado
Cómo se ve
En tu degradado
Códigos de degradados de seda
Cada uno de estos es un solo degradado lineal con los pliegues incorporados: bandas desiguales, brillos nítidos y sombras amplias. Funcionan como fondos por sí solos y como base de la versión por capas que verás más abajo.
Mantén el ángulo entre 100 y 125 grados para que los pliegues caigan en diagonal, como una tela colgada de una esquina. Un pliegue perfectamente vertical parece una cortina; uno horizontal parece una cinta. Las sedas oscuras, como medianoche y sangre de buey, son las más agradecidas, porque la sombra disimula cualquier unión torpe. Combinan de forma natural con texto dorado, como en los degradados negro y dorado.
Seda tornasolada: dos colores en una tela
La seda tornasolada se teje con hilos de un color a lo largo y de otro a lo ancho. Al girar la tela ves más de uno o de otro, así que cambia de tono entre la luz y la sombra. Es la seda más llamativa de imitar, y solo exige un cambio: usa un tono para los brillos y los hombros y otro distinto para los valles.
linear-gradient(115deg, #2e1065 0%, #14b8a6 19%, #ccfbf1 23%, #2dd4bf 28%, #6d28d9 40%, #2e1065 52%, #0f766e 64%, #99f6e4 68%, #5b21b6 78%, #1e0a45 100%)Cómo crear pliegues de seda en CSS
Un solo degradado lineal da pliegues paralelos, que parecen tela plisada. El drapeado real se curva. Superpón dos degradados con ángulos ligeramente distintos, uno con luz suave y otro con los pliegues, y añade una gran sombra radial para que un lado caiga. El resultado se lee como una tela que cuelga.
.silk {
min-height: 100vh;
background-color: #4a3216;
background-image:
radial-gradient(ellipse 70% 90% at 85% 100%, rgba(40, 24, 8, 0.65) 0%, transparent 70%),
linear-gradient(100deg, transparent 30%, rgba(255, 246, 225, 0.35) 38%, transparent 44%),
linear-gradient(115deg, #6b4f2a 0%, #c8a46a 18%, #f7ead0 23%, #b8925a 30%,
#5a3f1e 48%, #a8844f 62%, #efdcb6 66%, #8c6a3a 74%, #4a3216 100%);
}Seda frente a degradados satinados, líquidos y cromados
Sombra
Transmite
Sombra
Transmite
Sombra
Transmite
Dónde funcionan mejor los degradados de seda
La seda transmite cuidado, y eso la hace adecuada para joyería, perfumería, cosmética, novias, hoteles y lanzamientos premium. Combínala con una serif refinada o una sans ligera y ancha, y usa pocas palabras. El champán y el marfil van bien en bodas; el esmeralda, el medianoche y el sangre de buey, en noche y lujo. Paletas de colores de lujo y paletas de colores para bodas tienen más combinaciones.
Una publicación de perfume de 1080×1350, con el texto centrado sobre un hombro tranquilo de la tela.
Una invitación de 5×7 pulgadas a 1500×2100, en seda marfil con los nombres en la banda más tranquila.
Parece plástico
- Brillos tan anchos como las sombras
- Sombras grises
- Pliegues perfectamente paralelos
- Sin grano, así que parece un render
Parece seda
- Brillos estrechos y luminosos
- Sombras que profundizan el color de la tela
- Pliegues que se cruzan y se curvan
- Un susurro de grano fino
Los Marks de Gradiently superponen hasta tres materiales con su propia luz y su propio grano, así que una superficie puede tener profundidad y lustre sin construir los pliegues a mano. Cada uno se renderiza a plena calidad en todos los tamaños en los que diseñas, de una invitación a una Story, y mantiene tranquila la zona detrás de tus palabras. Explora el Mercado con palabras de color como “champán” o “esmeralda”.
Preguntas frecuentes
¿Cómo se hace un degradado de seda?
Usa un degradado lineal con bandas desiguales: brillos estrechos casi blancos, bandas anchas del color de la tela y sombras amplias y más profundas. Superpón un segundo brillo con un ángulo algo distinto para un drapeado curvo.
¿Qué colores quedan mejor como seda?
Champán, marfil, esmeralda, azul medianoche, rosa y sangre de buey funcionan bien porque tienen una versión clara y una oscura bien definidas. Los pasteles muy pálidos necesitan sombras más profundas.
¿Qué es la seda tornasolada?
Seda tejida con hilos de dos colores, de modo que cambia de tono al moverse. En un degradado, usa un tono para los brillos y otro para las sombras.
¿Qué diferencia hay entre un degradado de seda y uno satinado?
El satén tiene brillos más anchos y brillantes y sombras más cortas y nítidas. La seda tiene brillos finos y luminosos y sombras amplias y ricas, y por eso resulta más discreta.
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