La versión corta
- Un fondo con textura de papel combina tres cosas: un color base teñido, una fibra o grano fino y una luz ligeramente irregular.
- El papel real nunca es blanco puro, así que un papel digital convincente parte de una base crema, avena, gris o marrón kraft.
- Un grano sutil se lee como papel de calidad; los pliegues marcados, las manchas de café y los bordes rasgados se leen como clip art y envejecen rápido.
- Las texturas de papel encajan con invitaciones, cartas de restaurante, revistas, marcas de papelería, panaderías y todo lo que quiera parecer hecho a mano.
- La tinta oscura sobre papel necesita el mismo contraste que en cualquier otro sitio, así que prueba el texto pequeño antes de añadir más textura.
En esta página
Un fondo con textura de papel hace que un diseño en pantalla se sienta impreso, táctil y hecho a mano. Funciona porque la gente lee el papel como cuidado: una invitación, una carta, una carta de restaurante para la que alguien eligió un soporte. Para acertar necesitas tres capas trabajando juntas: un color base cálido o teñido, una fibra o grano fino y una luz algo irregular a lo largo de la hoja. La mayoría de los papeles falsos fallan por exagerar la tercera.
Qué aspecto de papel va con tu diseño
El papel no es una sola textura. El papel de algodón, el kraft, el papel prensa y el washi se sienten completamente distintos, y cada uno encaja con un tipo de marca diferente. Empieza por ponerle nombre al papel que imitas.
Color base
#f6f1e7Textura
Encaja con
Color base
#f3ead8Textura
Encaja con
#c8a57aTextura
Encaja con
Color base
#e9e5dcTextura
Encaja con
Color base
#dcd8d0Textura
Encaja con
#f4efe4Textura
Encaja con
Cómo crear un fondo con textura de papel
Puedes construir un papel convincente desde cero en cualquier editor que tenga ruido y modos de fusión. El papel escaneado también sirve, pero una textura construida escala limpia a cualquier tamaño y nunca deja ver el borde del escáner.
- 1
Rellena la base
Rellena el lienzo con el color de tu papel de la tabla, por ejemplo
#f3ead8para el crema no estucado. - 2
Añade un grano fino
Añade una capa gris media, aplícale ruido monocromo y ponla en Multiplicar o Luz suave a un 4 u 8 por ciento. Es el grano de superficie que tiene todo papel.
- 3
Añade fibra
Añade una segunda capa de ruido más grande y estírala o desenfócala un poco en una dirección. Con una opacidad muy baja se lee como fibras que atraviesan la hoja.
- 4
Haz la luz irregular
Añade un fundido radial suave, algo más claro en una esquina y algo más profundo en la opuesta. El papel real nunca está iluminado de forma perfectamente uniforme.
- 5
Comprueba la tinta
Coloca tu texto más pequeño encima y míralo en un móvil. Si alguna palabra cuesta más de leer, reduce la textura antes que nada.
El grano fino del paso dos es la misma técnica que se explica en textura de grano. El papel simplemente usa menos, con una base más cálida.
El papel sutil gana al papel falso
Los resultados de búsqueda de fondos de papel están llenos de hojas arrugadas, bordes quemados y cercos de café. Parecen la versión de parque temático del papel y luchan contra cada palabra que pones encima. Una buena textura de papel es tan discreta que la gente la siente antes de verla.
Evita
- Pliegues marcados que cruzan el texto
- Manchas de café y bordes quemados
- Bordes rasgados en una publicación digital
- Una hoja escaneada con sombras visibles
- Texto gris sobre crema en tamaños pequeños
Haz
- Un grano fino apenas visible a tamaño completo
- Fibras con opacidad muy baja
- Una luz suavemente irregular
- Un color de tinta cálido, no negro puro
- Un sello o color de acento, usado una vez
Ideas de textura de papel para diseños reales
El papel luce más donde existiría de forma natural un objeto impreso. Estos son los sitios donde se gana su lugar.
Una invitación de 5×7 in a 1500×2100. El grano de papel de algodón y una tinta cálida se sienten como una tarjeta que puedes sostener.
Una publicación de panadería sobre kraft. La textura dice hecho a mano antes de que nadie lea una palabra.
- Cartas de restaurante sobre crema no estucado, compuestas en una serif. Consulta diseño de cartas de restaurante.
- Newsletters y revistas, donde el papel hace que la lectura larga resulte más tranquila.
- Invitaciones de boda y de eventos; diseño de invitaciones de boda tiene maquetaciones.
- Marcas artesanales y hechas a mano, sobre kraft o gris reciclado.
- Tarjetas de citas, donde una sola línea sobre papel parece una nota que alguien escribió.
Tipografía y tinta sobre fondos de papel
El papel cambia cómo se lee la tipografía. Las serif se sienten en casa sobre crema y algodón porque se dibujaron para la imprenta; una sans limpia sobre papel prensa o gris reciclado resulta moderna y algo industrial. Serif frente a sans serif explica el equilibrio. Elijas lo que elijas, pon la tinta en un casi negro cálido como #2b2420 en lugar de negro puro, que parece digital sobre una hoja teñida.
Mantén el texto de cuerpo en un tamaño cómodo y dale más peso del que le darías sobre blanco: la textura se come un poco de contraste, sobre todo en móviles. Para líneas cortas sobre papel, como una sola frase en una tarjeta de cita, puedes permitirte un peso más ligero y más aire. Si estás comparando el papel con otras superficies, textura de fondo pone las principales familias una al lado de otra.
Textura de papel en CSS
Para una web, superpón un degradado de luz irregular sobre el color base y añade una capa de ruido muy ligera con SVG. Un baseFrequency más bajo del que usarías para el grano de película da un tacto más suave y fibroso.
.paper {
position: relative;
isolation: isolate;
color: #2b2420;
background:
radial-gradient(ellipse at 20% 15%, #fbf7ef 0%, transparent 55%),
radial-gradient(ellipse at 85% 90%, #e8dcc4 0%, transparent 60%),
#f3ead8;
}
.paper::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
mix-blend-mode: multiply;
opacity: 0.08;
}Gradiently tiene materiales de papel y arena entre sus Marks: fibra artesanal, aguadas suaves y un grano fino a la deriva renderizados en vivo a cualquier tamaño, con la parte más tranquila de la hoja moviéndose detrás de tus palabras. Busca «papel» en el Mercado o filtra por un fondo claro para encontrar uno, y diseña con él gratis.
Preguntas frecuentes
¿De qué color es el papel en hex?
El papel real rara vez es blanco puro. El crema no estucado ronda #f3ead8, el papel de algodón #f6f1e7, el papel prensa #e9e5dc y el kraft #c8a57a.
¿Cómo hago una textura de papel en Photoshop o Canva?
Rellena con un color de papel, añade una capa de ruido monocromo en Multiplicar o Luz suave con opacidad baja y después una luz suave e irregular. En herramientas sin ruido, coloca una imagen de papel sutil con opacidad baja sobre el color.
¿Es buena una textura de papel para el texto?
Sí, si es sutil. Mantén el grano fino, usa una tinta oscura y cálida y comprueba el texto pequeño en un móvil antes de añadir más textura.
¿Qué diseños encajan con un fondo de papel kraft?
Café, panaderías, mercados, packaging y marcas hechas a mano. El kraft se lee como natural y práctico, así que combínalo con una tipografía sencilla y contundente.
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