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

Triadisk färggenerator

Välj en basfärg och få dess två triadiska partner, roterade exakt 120° och 240° på färghjulet, som HEX-koder du kopierar med ett klick.

Skapa kontaktkarta

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

Pixelgrafikverktyg

Rita pixelgrafik från grunden på ett rutnät från 4×4 till 64×64. Använd penna, fyllning, pipett, symmetri och ångra, och exportera sedan skarp transparent PNG, SVG eller projektfil.

Linjerat papper-generator

Skapa utskrivbart linjerat papper gratis. Välj college-, bred eller smal linjering, ange radavstånd i mm, pappersstorlek och en marginallinje, och skriv sedan ut eller ladda ner SVG:n.

Instagram rutnätsdelare

Dela en bred bild i ett 3×3-rutnät för Instagram, eller valfritt antal rader. Rutorna är numrerade så att de är enkla att ladda upp i omvänd ordning.

Ändra storlek på GIF

Ändra storlek på animerade GIF-filer online och gratis. Ange nya pixelmått, behåll proportionerna och ladda ner en ny GIF där varje bildruta är omskalad. Allt sker i din webbläsare, inget laddas upp.

Verktyget finns på andra språk