¿Le gustaría aplicar la máscara de imagen en Elementor ?
Un simple truco puede determinar el diseño general de su página. Al crear una página con Elementor, es posible que desees aplicar una máscara de imagen para que las imágenes de tu página destaquen y sean únicas. Desgraciadamente, Elementor no tiene una opción de estilo predeterminada para aplicar la máscara de imagen a una imagen.
Si utiliza Elementor Pro y tiene conocimiento de CSS, puede agregar CSS personalizado para aplicar la máscara de imagen a una imagen. Si no tiene conocimientos de CSS, puede utilizar el Complemento complementario Happy Addons para aplicar máscara de imagen en Elementor.
Happy Addons es un complemento gratuito de Elementor que viene con una función para aplicar la máscara de imagen. Esta función en sí solo está disponible en la versión pro, por lo que debe usar la versión pro de Happy Addons para usar esta función.
Por cierto, ¿qué es la máscara de imagen?
El enmascaramiento de imágenes es un proceso de ocultar ciertas partes de una imagen para enfatizar otras partes. Este proceso se aplica a menudo en herramientas de edición de imágenes como Photoshop y GIMP.
Aquí está el ejemplo.
El CSS básicamente tiene una función para aplicar la máscara de imagen. Pero, de nuevo, debes tener conocimientos de CSS para usarlo. puedes leer este artículo para saber más.
Happy Addons es una excelente solución para aplicar una máscara de imagen en Elementor si no tiene ningún conocimiento de CSS.
Como pagar con RIA
La función de aplicación de máscara de imagen funciona en los widgets de Elementor que manipulan una imagen, como el widget de imagen y el widget de cuadro de imagen. Verás una nueva opción llamada Máscara de imagen justo debajo del selector de imágenes. Puede elegir entre treinta y nueve formas de máscara diferentes. También puede usar una forma de máscara personalizada cargando un archivo SVG.
Cómo aplicar máscara de imagen
Antes de comenzar, asegúrese de haber instalado y activado la versión pro de Happy Addons en su sitio web WordPress. Puedes conseguirlo su sitio web oficial.
Una vez que todo esté listo, cree una nueva página y edítela allí con Elementor, o también puede editar una página existente. Agregue un widget que involucre una imagen, como el widget Imagen, al cuadro de edición.
Vaya al panel izquierdo y haga clic en el selector de imágenes en el Imagen bloque bajo el Contenido pestaña para seleccionar una imagen que desee utilizar. Una vez seleccionada la imagen, haga clic en el icono del lápiz en la Máscara de imagenopción g.
Seleccione una forma de máscara que le guste. También puede establecer la posición del enmascaramiento, establecer el tamaño y repetir. Si desea utilizar una forma de máscara personalizada con un archivo SVG, puede hacer clic en el icono de la imagen (junto al icono de Happy Addons).
Después de terminar la configuración de enmascaramiento de imagen, puede ir a Estilo pestaña para personalizar su imagen, como configurar el tamaño y aplicar filtros. Publica tu página una vez que hayas terminado de editarla.
¡Consigue Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo aplicar máscara de imagen en Elementor. Si tiene alguna inquietud sobre cómo llegar, háganoslo saber dentro de comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
