Máscaras de imagen
Recortá cualquier imagen con más de 100 formas (arcos, flores, estrellas, formas orgánicas y muchas más) directo desde el panel de estilos.
Las fotos de tu sitio no tienen por qué ser siempre rectángulos. Con las máscaras de imagen podés recortar cualquier foto con una forma: arcos, flores, estrellas, gotas, formas orgánicas y más de 100 opciones, sin preparar nada en otro programa.
La foto original no se modifica: la forma se aplica como un estilo, así que podés cambiarla o quitarla cuando quieras.
Elegí una forma y mirá el resultado al instante
Seleccioná una imagen y, en la pestaña Estilos, buscá Máscara dentro del grupo Imagen. Al tocar Elegir se abre la galería de formas. Cada forma que tocás se aplica en el momento y la galería queda abierta, así que podés seguir probando hasta encontrar la indicada.
- Seleccioná la imagen en el lienzo.
- En Estilos → Imagen, buscá Máscara y tocá Elegir.
- Tocá una forma para aplicarla. Para cerrar la galería, hacé clic afuera o apretá Esc.
- Si te arrepentís, la X al lado de la forma quita la máscara.
Más de 100 formas, en seis familias
Las formas están ordenadas por categoría para que encuentres rápido lo que buscás:
- Básicas: círculo, rombo, triángulo, hexágono y otras formas geométricas, también en versión suave.
- Expresivas: galletas, flores, tréboles, destellos y formas con más personalidad.
- Óvalos y círculos: composiciones de varios círculos, pétalos, burbujas y cápsulas.
- Orgánicas: formas irregulares, gotas, hojas, nubes, corazones y lunas.
- Estrellas: de 4 a 12 puntas, ráfagas y festones.
- Marcos y objetos: arcos, ventanas, tickets, escudos, globos de diálogo y hasta formas pixeladas.
Estirar o mantener la proporción. Cuando elegís una máscara aparece la opción Escala. Con Estirar, la forma ocupa toda la imagen y se adapta a su tamaño. Con Mantener proporción, la forma conserva su dibujo original: un círculo sigue siendo un círculo aunque la foto sea rectangular.
Una forma distinta para cada dispositivo
Como cualquier otro estilo en Grid, la máscara se puede ajustar por dispositivo. Por ejemplo, una foto puede tener forma de arco en computadora y convertirse en un círculo en el celular: cambiá a la vista de celular, seleccioná la imagen y elegí otra forma.
Lo que definas en la vista de computadora se usa en todos los dispositivos, salvo que lo cambies en la vista de tablet o de celular.
Tip: combiná la máscara con el punto focal para decidir qué parte de la foto queda dentro de la forma.
Ideas para usarlas
- Fotos del equipo en círculo o con forma de flor, para un tono más cercano.
- Arcos y ventanas para mostrar espacios, productos o lugares.
- Estrellas y destellos para destacar una promoción o un lanzamiento.
- Formas orgánicas para suavizar páginas con mucho texto.
Control total sobre cada elemento, en cualquier dispositivo
Las máscaras son una de las muchas herramientas de diseño de Grid. Conocé cómo ajustar tamaños, espaciados, tipografías y estilos para que tu sitio se vea perfecto en computadora, tablet y celular.
¿Qué hay de nuevo en Grid?
Estamos constantemente trabajando en mejoras y nuevas herramientas.
