Soporte

Cómo usar la función de desenfoque y gradiente en imágenes de fondo dentrpo del constructor de páginas

September 04, 20252 min read

Objetivo

Este procedimiento te enseñará cómo usar las funciones de desenfoque y gradiente en las imágenes de fondo de tus páginas web, como landing pages, embudos de venta, o tiendas online, para mejorar el diseño y resaltar el texto.


Requisitos

  • Tener acceso al editor de la página que deseas modificar.

  • Tener una imagen lista para usar como fondo.

  • Conocer los elementos básicos de edición de páginas web.


Instrucciones

1. Subir la imagen de fondo

  1. Accede al editor de la página donde deseas aplicar la imagen.

  2. Dirígete a la sección "Fondo" en el editor.

  3. En la opción de URL de imagen, haz clic en "Subir imagen".

  4. Selecciona la imagen que deseas usar como fondo y haz clic en "Insertar contenido multimedia".

2. Aplicar desenfoque a la imagen

  1. En la misma sección de "Fondo", encontrarás la opción de "Difuminado de fondo".

  2. Ajusta el nivel de desenfoque moviendo el control deslizante:

    • Menos desenfoque: La imagen se verá más nítida.

    • Más desenfoque: La imagen se verá más difusa, lo cual resalta el texto o elementos encima de ella.

  3. Puedes hacer que el desenfoque sea total o ajustarlo a tu gusto, dependiendo de lo que necesites.

3. Aplicar un gradiente

  1. Activa la opción de "Modo Gradiente". Esto aplica un color que gradualmente cambia de oscuro a claro en el fondo de la página.

  2. Puedes modificar los colores del gradiente, ajustando:

    • Color de inicio (el color oscuro).

    • Color de fin (el color claro).

  3. Cambia la intensidad y los colores a tu gusto. Puedes elegir colores como rojo, azul, blanco, o cualquier color que se ajuste al diseño de tu página.


Consejos

  • El desenfoque es útil para hacer que el texto sea más legible al resaltar sobre el fondo.

  • El gradiente es ideal para crear transiciones suaves y dar un efecto visual atractivo.

  • Ajusta ambos efectos según el estilo de tu diseño y la experiencia de usuario que deseas ofrecer.


Resumen

  1. Sube la imagen de fondo a tu página.

  2. Aplica el desenfoque para resaltar el contenido.

  3. Si lo deseas, añade un gradiente para un toque visual único.

Back to Blog