Sådan slører du baggrunden i Figma – hurtig guide til baggrundseffekter

Lær, hvordan du slører baggrunden i Figma ved hjælp af sløring af baggrund og effekter på lag. Perfekt til UI-design og elegante overlays.

Create Stunning Product Video & Docs with AI

This tutorial was created with Trupeer in under 5 mins

Create for Free

I denne guide lærer du, hvordan du anvender en sløringseffekt på en frame i Figma via designmenuen.
Følg de detaljerede trin for at opnå den ønskede sløring af et element i dit designprojekt.

En baggrundssløringseffekt i Figma giver dit design et frostet glas-udtryk, som ofte bruges i modals, cards og overlays.

Trin 1: Klargør sløringslaget

Opret en form
Brug et rektangel eller en hvilken som helst form/frame, hvor du vil have sløringseffekten til at fremstå.
Tilføj en udfyldning
Udfyld den med en ensfarvet farve (fx hvid eller grå).
Sænk opaciteten
Reducer lagets opacitet (typisk omkring 10–40%). Dette trin er essentiel sløring vil ikke blive vist uden gennemsigtighed.

Trin 2: Anvend baggrundssløring

Vælg laget
Klik på den form, du lige har oprettet.
Gå til effekter-panelet
I højre sidepanel skal du klikke på "+" ved siden af Effects og derefter vælge Background Blur i rullemenuen.
Juster sløringsværdien
Klik på indstillingsikonet ved siden af effekten, og brug skyderen til at styre, hvor sløret baggrunden fremstår.

Valgfrit: Finjustering

Du kan kombinere baggrundssløring med drop shadows for ekstra dybde.
Juster opacitet og sløring sammen for at skabe enten et blødt frostet look eller et stærkt, glaseret.

Trin-for-trin-guide: Sådan slører du baggrunden i Figma

Trin 1

For at begynde at anvende en sløringseffekt i Figma skal du først vælge den frame, du ønsker at sløre.

Gå til designmenuen, som ligger i højre side af grænsefladen. I denne menu skal du finde sektionen med effekter og klikke på den.

I effektssektionen skal du klikke på 'Add a new effect' ved at klikke på '+'-symbolet i den.

To begin applying a blur effect in Figma, first select the frame you wish to blur. Navigate to the design menu located on the right side of the interface. Within this menu, find the effects section and click on it. In the effects section, click on 'Add a new effect' by clicking the '+' symbol within it.

Trin 2

Når den nye effekt er tilføjet, vises en rullemenu. Klik på denne menu, og vælg 'Layer Blur.' Sløringseffekten er nu blevet anvendt korrekt på den frame, du har valgt.

Once the new effect is added, a drop-down menu will appear. Click on this menu and select 'Layer Blur.' The blur effect has now been successfully applied to your chosen frame.

Pro tip til at sløre baggrunden i Figma

Anvend sløring på et objekt:
Vælg det objekt (billede, form eller frame), som du vil sløre. I højre sidepanel under sektionen Effects skal du klikke på +-ikonet og vælge Background Blur eller Layer Blur i rullemenuen.
Juster sløringsintensiteten:
Efter du har anvendt sløringen, skal du bruge skyderen til at justere sløringsintensiteten. Du kan øge eller sænke mængden af sløring for at opnå den ønskede effekt.
Brug Gaussian Blur for mere kontrol:
For mere præcis kontrol over sløringseffekten skal du bruge Gaussian Blur, som giver en mere jævn og gradvis sløring.
Slør billeder eller frames:
Hvis du slører et billede eller en frame, skal du sørge for, at billedet er valgt. Du kan sløre billedet uden at påvirke andre designelementer.
Flere sløringer på lag:
Du kan anvende flere sløringseffekter på forskellige lag. Hvis du fx vil have en sløret baggrund med tydelig tekst, skal du kun anvende sløringen på baggrundslaget.

Typiske faldgruber ved at sløre baggrunden i Figma

Slører det forkerte lag:
Løsning: Dobbelttjek hvilket lag, du har valgt, før du anvender sløringen. Brug panelet Layers til at sikre, at du redigerer det korrekte lag.
Overbrug af sløringseffekten:
Løsning: Anvend ikke for meget sløring på vigtige elementer som tekst eller logoer, da det kan reducere læsbarheden. Brug sløring sparsomt til at fremhæve designet.
Uønsket klarhed efter sløring:
Løsning: Hvis sløring af billeder resulterer i uønsket klarhed, skal du justere sløringsmængden og eksperimentere med forskellige effekter som Gaussian Blur for at opnå det ønskede look.
Sløringen vises ikke ved eksport:
Løsning: Hvis sløringseffekten ikke vises, når du eksporterer, skal du sørge for at eksportere i høj opløsning (PNG eller SVG) for bedre kvalitet.

Ofte stillede spørgsmål om at sløre baggrunden i Figma

Kan jeg sløre tekst i Figma?
Selvom du kan sløre vektorgrafik og billeder, kan du ikke direkte anvende et slør på tekst i Figma. Du kan dog rasterisere teksten til en form og derefter anvende sløreffekten.
Hvordan kan jeg sløre baggrunden i et design?
Vælg baggrundslaget eller billedet, anvend effekten Layer Blur (Lag-slør), og justér intensiteten. Det er perfekt til at skabe fokus på elementerne i forgrunden.
Kan jeg styre slørets retning?
Figmas sløreffekt anvendes ensartet. Hvis du har brug for et retningsbestemt slør (som bevægelsesslør), skal du bruge eksterne billedredigeringsværktøjer som Photoshop eller Illustrator, før du importerer billedet tilbage til Figma.
Bliver sløreffekten, efter jeg har eksporteret designet?
Ja, sløreffekten bliver i det eksporterede design, så længe filen gemmes i et understøttet format som PNG eller JPG.
Er der en måde at sløre kun en del af et billede?
Ja, du kan bruge en maske i Figma til at isolere et bestemt område af billedet og kun anvende sløreffekten på den del.
Sådan skærmoptager du på mac?
For at skærmoptage på en Mac kan du bruge Trupeer AI. Det giver dig mulighed for at optage hele skærmen og tilbyder AI-funktioner som at tilføje AI-avatarer, tilføje voiceover, tilføje zoom ind og ud i videoen. Med trupeer’s funktion til AI-videooversættelse kan du oversætte videoen til 30+ sprog.
Sådan tilføjer du en AI-avatar til en skærmoptagelse?
For at tilføje en AI-avatar til en skærmoptagelse skal du bruge et AI-værktøj til skærmoptagelse. Trupeer AI er et AI-værktøj til skærmoptagelse, som hjælper dig med at lave videoer med flere avatarer og også med at oprette din egen avatar til videoen.
Sådan skærmoptager du på Windows?
For at skærmoptage på Windows kan du bruge den indbyggede Game Bar (Windows + G) eller et avanceret AI-værktøj som Trupeer AI til mere avancerede funktioner som AI-avatarer, voiceover, oversættelse osv.
Sådan tilføjer du voiceover til video?
For at tilføje voiceover til videoer skal du downloade trupeer ai chrome-udvidelsen. Når du er tilmeldt, uploader du din video med lyd, vælger den ønskede voiceover fra trupeer og eksporterer din redigerede video.
Hvordan zoomer jeg ind på en skærmoptagelse?
For at zoome ind under en skærmoptagelse skal du bruge zoom-effekterne i Trupeer AI, som giver dig mulighed for at zoome ind og ud på bestemte tidspunkter og dermed øge den visuelle effekt af dit videomateriale.