Sådan opretter du en frostet glaseffekt i Figma

Frostet glas fungerer godt for privatlivets fred eller til at tilføje subtilitet til et design, i virkelige og digitale designs. At skabe en matteret glaseffekt er let i Figma og kan tilføje en unik flair til dine designs på en måde, der ser meget mere kompleks ud, end den er. Lad os vise dig hvordan.

Sådan opretter du en frostet glaseffekt

For at få den fulde effekt af matteret glas, bør du allerede have en slags baggrundsbillede i dit design. Effekten fungerer bedst oven på fotografiske eller visuelt komplekse billeder, i stedet for blot almindelige farveblokke eller almindelige baggrunde.

Vi bruger den matte glaseffekt som en punktindikator på et præsentationsdesign for at tilføje en slank, minimalistisk effekt til præsentationen. Dette giver noget ekstra flair til dine designs i stedet for blot at bruge en simpel streg eller et almindeligt punkttegn som en indikator.

Du kan oprette en masterskabelon til præsentationer i Figma og brug denne matterede glaseffekt i den. Hvis du vil oprette en slank punktindikator, skal du bare følge med.

1. Tegn en linje

Tegn din streg ved at bruge Linjeværktøj (L). Hold nede for at holde linjen vandret Flytte mens du tegner det. Vælg en farve til linjen ved at klikke på den farvede firkant under Slag mens linjen er valgt.

Farven skal være mørk nok til at kontrastere din baggrund, men den skal også passe godt sammen med farverne i din præsentation. Du kan Brug Adobe Illustrator til at oprette en farvepalet at finde farver, der virker sammen.

Skift bredden af ​​linjen i Slag-indstillingerne; klik på ikonet med tre vandrette linjer, og øg tallet indtil den ønskede tykkelse. For at få afrundede ender skal du klikke på rullemenuen med en vandret linje i menuen Streg, og rulle til bunden af ​​rullemenuen for muligheden for afrundede ender.

2. Tegn en cirkel

Tegn en lille cirkel ved hjælp af Ellipse værktøj (O). Holde nede Flytte mens du tegner cirklen for at gøre den perfekt sfærisk. Din cirkel skal være lille nok til at blive brugt som et punkttegn, men stor nok til at det matterede glas vil være tydeligt.

For at tilføje farve skal du vælge cirklen og bruge Fylde på den højre værktøjslinje. Du kan bruge en neutral farve - som grå eller beige - eller en lysere farve fra dit designs farvepalet.

Skift derefter Gennemsigtighed ved siden af Fylde til et sted mellem 40 % og 70 %. Du vil gerne kunne se designet bag cirklen, mens du stadig kan se den farve, du har fyldt cirklen med.

3. Tilføj en baggrundssløring

Dette er den del, der giver den frostede effekt til din form. Vælg cirklen og gå til Effekter. Standardeffekten er Drop Shadow, hold musemarkøren over den og klik på pilen, der vises. Vælge Sløring af baggrund.

For at øge eller mindske sløringen skal du klikke på ikonet ved siden af ​​Baggrundssløring og ændre tallet til den ønskede sløringseffekt.

For at fuldende din punkttegnsindikator skal du flytte linjen, så den flugter med kanten af ​​din cirkel. Vælg både linjen og cirklen, højreklik og vælg Gruppevalg. Nu kan du flytte eller duplikere dette til brug på forskellige dele af dit design.

Sløringen virker over enhver del af designet på samme måde, som vist i et andet eksempel, vi gjorde ovenfor. Hvorfor ikke inkludere denne teknik en kreativ designudfordring? Effekten bliver et stort designaktiv.

Tilføj slank minimalisme til dine designs med en matteret glaseffekt

Den matterede glaseffekt i Figma er en enkel måde at tilføje en slank stil til ellers almindelige designaspekter. Du kan bruge matteret glas-effekt på mange måder, såsom fuldfarvepaneler, søgebjælker eller privatlivsvinduer over design. Prøv at tilføje en kant, lave en gradient eller placere det matterede lag mellem andre lag for en vis teksturforskel.

Sådan opretter og tilføjer du mockups til dine Figma-designs ved hjælp af plugins

Læs Næste