Softonic

Lägg till bildskugga

Steg 1 / 4 Skugga

En skärmbild av en platt produkt lyfter från sidan med en mjuk slagskugga; samma bild utan skugga ser ut som om den är inklistrad. Det här verktyget lägger till en anpassningsbar skugga med separata reglage för suddradie, offset, spridning och färg, och ger en PNG-bild med skuggan inbakad – perfekt för marknadsföringssidor, blogghuvuden och dokumentation.

Hur du lägger till en skugga

  1. 1

    Ladda upp en bild

    Arbetar bäst med PNG-filer som redan har genomskinlighet eller med en produktskärmbild som du vill ramma in.

  2. 2

    Sätt skuggparametrar

    Suddradie, X/Y-offset, opacitet, färg.

  3. 3

    Välj en duk

    Anpassa till bild med skugga eller fast storlek med utrymme

  4. 4

    Exportera

    PNG-utdata bevarar de mjuka skuggkanterna; JPG får en synlig bakgrund.

Skugginställningar som känns rätt

Bra slagskuggor är vanligtvis mjukare och mindre täckande än de som folk instinktivt väljer.

Förinställda stilar

Stil Oskärpa Förskjutning Y Opacitet Spridning
Subtil upphöjning (UI-kort) 12 px 2 px 8 % 0
Materialhöjd 2 8 px 2 px 15 % 0
Materialhöjd 8 24 px 12 px 20 % 0
Inlägg på sociala medier 40 px 20 px 25 % 0
Flytande hero-bild 80 px 40 px 30 % 0
Lång skugga (platt design) 0 px 40 px 30 % 0

Skuggfärg

  • Svart är enkelt att använda men ser ofta hårt ut. En mörk, avmättad version av bildens dominerande färg ser mer integrerad ut.
  • Ren svart med 25 % opacitet är vanligtvis bättre än svart med 70 %.
  • Varma skuggor under en varm bild, kalla skuggor under en kall bild.

Var ljuset finns

Om din bild har en inneboende känsla av belysning (till exempel en logotyp med en högdager) bör du anpassa skuggans riktning efter det ljuset. Vanliga foton och skärmbilder ser oftast bäst ut med ljus uppifrån (skuggan förskjuts nedåt med 2–20 pixlar).

Utdata i PNG kontra JPG

  • PNG: skuggans kanter tonar mjukt ut mot genomskinlighet. Idealiskt för att placera bilden på vilken bakgrund som helst.
  • JPG: skuggan plattas mot en vald bakgrundsfärg. Använd detta när du vet vilken bakgrund den slutliga placeringen ska ha.

Undvik att stapla effekter

En slagskugga plus en tjock kant plus rundade hörn plus en färgton börjar se rörigt ut. Välj istället bara ett eller två element – en subtil kant tillsammans med en skugga räcker oftast.

Vanliga frågor

Nästan alltid är opaciteten för hög. Sänk den till 20–30 % och öka suddradien. Riktiga skuggor i dagsljus är diffusa; en skarp, mörk skugga uppfattas som scenbelysning.

Verktyget genererar endast yttre slagskuggor. För inre skuggor (t.ex. text som trycks in i en yta) använder du ett särskilt fasnings-/relieffilter.

Ja, som standard – arbetsytan expanderar så att den omfattar skuggområdena. Du kan låsa arbetsytan till ursprunglig storlek om du vill att skuggan ska klippas vid kanterna (för kaklade eller sömlösa bakgrunder).

Ja. PNG-indata med alfa ger en skugga kring det som är ogenomskinligt, inte kring hela rektangeln. Produkturklipp med komplexa silhuetter skapar naturliga, formanpassade skuggor.

Relaterade verktyg

Material Design-färgväljare

Bläddra i Material Design-färgpaletten. Kopiera valfri nyans (50 till A700) som HEX, RGB eller HSL med en tryckning.

ARW till JPG-omvandlare

Omvandla Sony ARW RAW-foton till JPG. Få en delbar, universellt kompatibel JPEG från din kameras RAW-fil utan att öppna Lightroom.

Skapa kontaktkarta

Ordna foton på utskrivbara kontaktkartor i A4 eller Letter med bildtexter och beskärning, förhandsgranska och hämta JPEG eller PDF.

Skapa en fiktiv efterlyst-affisch

Skapa en textaffisch om en påhittad figur med harmlösa uppslag, tydliga fiktionstexter samt lokal TXT-fil eller utskrift.

Färgblindhetssimulator

Simulera hur en bild upplevs av personer med olika former av färgblindhet: protanopi, deuteranopi, tritanopi och achromatopsi.

Skapa korsstygnsmönster

Gör JPEG, PNG eller WebP till ett utskrivbart korsstygnsdiagram med 10–150 stygn, 2–40 egna färger, symboler, exakta antal och tygmått.

Verktyget finns på andra språk