Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Använda masker i Figma: Klippning och lagerhantering för avancerade visuella effekter | Sektion
Figma Layout och Digitala Designsysten – Grunder

Använda masker i Figma: Klippning och lagerhantering för avancerade visuella effekter

Svep för att visa menyn

Masker i Figma används för att visa specifika delar av lager eller objekt samtidigt som resten döljs.

Så här fungerar de:

  • Placera ett objekt (t.ex. en bild) och maskformen (t.ex. en ellips) tillsammans, med maskformen bakom objektet;
  • Markera båda lagren, högerklicka och välj Använd som mask, eller använd genvägen Ctrl+Alt+M (Windows) / Command+Option+M (Mac). Maskbasen blir osynlig och visar endast de valda delarna av lagret ovanför;
  • Du kan även maska med text. Placera texten bakom en bild och använd den som mask för att skapa kreativa texteffekter. Lager i masken kan ändras i storlek eller skalas oberoende av varandra;
  • Basformen för en mask blir osynlig när flera objekt maskas tillsammans. För att lägga till en bakgrund till en maskad design, skapa en ny form och placera den bakom maskbasen;
  • Transparanta PNG-filer kan också användas som masker, och former kan maskas med PNG-filer för att skapa komplexa designer.

Masker ger generellt mer flexibilitet än bildfyllning och gör det möjligt att kombinera flera objekt till komplexa designer. Även om Figma har relativt få former och verktyg, erbjuder det det viktigaste, och med dessa enkla element kan du skapa riktigt briljanta designer.

question mark

När du använder en transparent PNG som mask, vad avgör maskens form?

Vänligen välj det korrekta svaret

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 16

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 1. Kapitel 16
some-alt