Vad är en skugga?

En skugga är en mjukare, mörkare kopia av en bild som placeras bakom den och lite åt sidan, som om bilden svävade ovanför sidan. Den lyfter utfrilagda produktbilder, logotyper, skärmbilder och foton från bakgrunden och ger platta designer lite djup.

Verktygsbeskrivning

Öppna en bild, ställ in hur mjuk skuggan ska vara med reglaget Oskärpa och flytta den med de horisontella och vertikala förskjutningarna. Välj färg och opacitet i avsnittet Färg. På en PNG- eller WebP-bild med transparens följer skuggan motivets form, inte rektangeln runt det. Ett foto får en skugga som följer dess rektangelform.

Arbetsytan växer precis så mycket som behövs för att rymma hela skuggan, och nedladdningen är en PNG med transparent bakgrund, redo att placeras på valfri sida eller bild.

Funktioner

  • Följer formen på transparenta bilder
  • Oskärpa, förskjutning, färg och opacitet
  • Arbetsytan växer så att skuggan får plats och ingenting beskärs
  • Nedladdning som transparent PNG

Så fungerar det

Oskärpan fungerar ungefär som oskärpan i en CSS-skugga: en Gaussisk oskärpa där standardavvikelsen är hälften av värdet. Skuggan tonas ut ungefär en och en halv gång oskärpevärdet bortom bildens kant. Därför växer arbetsytan med motsvarande avstånd på varje sida som skuggan sträcker sig utanför, med förskjutningen inräknad.

Tips

  • En suddig skugga rakt under bilden, utan horisontell förskjutning, får den att se ut att sväva.
  • Håll opaciteten runt 30 % till 50 % för ett naturligt utseende. Ingen oskärpa och full opacitet ger i stället en platt, retroaktig stil.
  • På en färgad sida ser en mörkare nyans av sidans färg naturligare ut än svart.
  • Behåll PNG eller WebP som format för att bevara den transparenta bakgrunden. JPG lägger skuggan på vitt.