Come creare un effetto vetro smerigliato in Figma

Il vetro smerigliato funziona bene per la privacy o per aggiungere sottigliezza a un design, nella vita reale e nei progetti digitali. Creare un effetto vetro smerigliato è facile in Figma e può aggiungere un tocco unico ai tuoi progetti in un modo che sembra molto più complesso di quello che è. Ti mostriamo come.

Come creare un effetto vetro smerigliato

Per l'effetto completo del vetro smerigliato, dovresti già avere una sorta di immagine di sfondo all'interno del tuo design. L'effetto funziona meglio su immagini fotografiche o visivamente complesse, piuttosto che su semplici blocchi di colore o sfondi semplici.

Utilizziamo l'effetto vetro smerigliato come indicatore del punto elenco su un design di presentazione, per aggiungere un effetto elegante e minimalista alla presentazione. Questo dà un tocco in più ai tuoi progetti piuttosto che usare una semplice linea o un semplice punto elenco come indicatore.

Puoi creare un modello master per presentazioni in Figma e usa questo effetto di vetro smerigliato. Se vuoi creare un elegante indicatore di punto elenco, segui semplicemente.

1. Disegna una linea

Disegna la tua linea usando il Strumento Linea (l). Per mantenere la linea orizzontale, tieni premuto Spostare mentre lo disegna. Scegli un colore per la linea facendo clic sul quadrato colorato sotto Ictus mentre la linea è selezionata.

Il colore dovrebbe essere abbastanza scuro da contrastare lo sfondo, ma deve anche avere un bell'aspetto con i colori della presentazione. Puoi usa Adobe Illustrator per creare una tavolozza di colori per trovare colori che funzionano insieme.

Cambia la larghezza della linea nelle impostazioni del tratto; fare clic sull'icona con tre linee orizzontali e aumentare il numero fino allo spessore desiderato. Per ottenere le estremità arrotondate, fai clic sul menu a discesa con una linea orizzontale nel menu Traccia e scorri fino alla parte inferiore del menu a discesa per l'opzione per le estremità arrotondate.

2. Disegna un cerchio

Disegna un piccolo cerchio usando il Strumento Ellisse (o). Tieni premuto Spostare mentre disegna il cerchio per renderlo perfettamente sferico. Il tuo cerchio dovrebbe essere abbastanza piccolo da poter essere usato come punto elenco, ma abbastanza grande da rendere evidente il vetro smerigliato.

Per aggiungere colore, seleziona il cerchio e usa Riempire sulla barra degli strumenti di destra. Puoi usare un colore neutro, come il grigio o il beige, o un colore più chiaro dalla tavolozza dei colori del tuo design.

Quindi, cambia il opacità accanto al Riempire tra il 40% e il 70%. Vuoi essere in grado di vedere il disegno dietro il cerchio pur continuando a vedere il colore con cui hai riempito il cerchio.

3. Aggiungi una sfocatura dello sfondo

Questa è la parte che dà l'effetto smerigliato alla tua forma. Seleziona la cerchia e vai a Effetti. L'effetto predefinito è Ombra esterna, passaci sopra con il mouse e fai clic sulla freccia che appare. Scegliere Sfocatura dello sfondo.

Per aumentare o diminuire la sfocatura, fai clic sull'icona accanto a Sfocatura sfondo e cambia il numero con l'effetto sfocato desiderato.

Per completare l'indicatore del punto elenco, sposta la linea in modo che si allinei con il bordo del cerchio. Seleziona sia la linea che il cerchio, fai clic con il pulsante destro del mouse e seleziona Selezione di gruppo. Ora puoi spostarlo o duplicarlo per utilizzarlo in varie parti del tuo progetto.

La sfocatura funziona allo stesso modo su qualsiasi parte del disegno, come mostrato in un altro esempio che abbiamo fatto sopra. Perché non includere questa tecnica in una sfida progettuale creativa? L'effetto diventerà una grande risorsa di design.

Aggiungi un elegante minimalismo ai tuoi progetti con un effetto vetro smerigliato

L'effetto vetro smerigliato in Figma è un modo semplice per aggiungere uno stile elegante ad aspetti di design altrimenti semplici. Puoi utilizzare l'effetto vetro smerigliato in molti modi, ad esempio pannelli a colori, barre di ricerca o finestre per la privacy sui progetti. Prova ad aggiungere un bordo, a creare una sfumatura o a posizionare il livello smerigliato tra gli altri livelli per alcune differenze strutturali.

Come creare e aggiungere modelli ai tuoi progetti Figma usando i plugin

Leggi Avanti