Aprende › Diseño de Menú › Vitrina: el encabezado

El fondo del encabezado

Lección 13 de 51 · 2 min

El video de esta lección llega pronto.

Mientras tanto, sigue los pasos escritos.

Al terminar sabrás

  • Elegir entre Sólido, Degradado, Imagen y Video
  • Ajustar el degradado y el velo de una imagen o un video
  • Hacer el fondo transparente

En el panelTu Menú › Diseño del menú › Vitrina › Zonas fijas › Encabezado › Fondo del encabezado

En Hero compacto y Portada completa, la tarjeta Fondo del encabezado es un selector de cuatro pestañas. Sirve para elegir qué hay detrás de tu logo y de tu nombre. Es de selección única: elegir una pestaña desactiva las demás.

La tarjeta Fondo del encabezado con las pestañas Sólido, Degradado, Imagen y Video y los controles del fondo sólido.
  1. Las cuatro pestañas: Sólido, Degradado, Imagen y Video.
  2. El interruptor Transparente (deja ver el fondo de atrás).
  3. El Color de fondo.

Las cuatro pestañas

SólidoUn color plano. Ofrece el interruptor Transparente (deja ver el fondo de atrás) para no pintar nada y dejar ver el fondo general del menú, y el Color de fondo con su campo hexadecimal.
DegradadoDos colores que se funden. Eliges Color inicial y Color final, la forma (Lineal o Radial) y, en lineal, el Ángulo.Con Centro decides dónde ocurre el cambio de un color a otro y con Extensión, cuánto se mezclan: de un corte seco a una mezcla larga. En radial, Horizontal y Vertical mueven el punto de origen.
ImagenUna foto detrás del logo. Se carga arrastrando el archivo o tocando para seleccionarlo, y puedes recortarla.Una proporción horizontal, de 16:9 o 21:9, funciona bien.
VideoUn video en bucle. Se carga como archivo (MP4, MOV o WEBM, de hasta 20 MB).Prefiere videos cortos y sin sonido: cargan rápido y no distraen.

Poner una foto de fondo con buen contraste

  1. En Fondo del encabezado, pulsa Imagen.
  2. Carga tu foto en Imagen de fondo.
  3. Enciende Overlay oscuro.
  4. Sube la Opacidad hasta que tu logo y tu nombre se lean sin esfuerzo (45 % es un buen punto de partida).
  5. Revisa el lienzo en móvil, tablet y escritorio: una foto se recorta distinto en cada uno.
OpcionalPon a prueba lo que aprendiste2 ejercicios

Ejercicios opcionales: 0 de 2 acertados

Los ejercicios son opcionales: si los haces y aciertas todos, la lección se completa sola. Si no, márcala tú.

¿Algo no coincide con lo que ves en tu panel? Cuéntanos.