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: Beskärning och Lagerhantering för Avancerade Visuella Element | Skapa visuella element i Figma
UI/UX-design med Figma

Använda Masker i Figma: Beskärning och Lagerhantering för Avancerade Visuella Element

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;
  • Transparenta 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, tillhandahåller det det väsentliga, 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 3. Kapitel 2

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 3. Kapitel 2
some-alt