Hva er en skygge?

En skygge er en myk, mørkere kopi av et bilde som ligger bak det og litt til siden, som om bildet svevde over siden. Den løfter produktutklipp, logoer, skjermbilder og fotografier fra bakgrunnen og gir flate design litt dybde.

Verktøybeskrivelse

Åpne et bilde, angi hvor myk skyggen skal være med Uskarphet, og flytt den med horisontal og vertikal forskyvning. Velg farge og opasitet i Farge-delen. På et PNG- eller WebP-bilde med gjennomsiktighet følger skyggen formen på motivet, ikke rektangelet rundt det. Et fotografi får skygge rundt rektangelet sitt.

Lerretet blir akkurat stort nok til å romme hele skyggen, og bildet lastes ned som en PNG med gjennomsiktig bakgrunn, klar til å plasseres på en hvilken som helst side eller et lysbilde.

Funksjoner

  • Følger formen på gjennomsiktige bilder
  • Uskarphet, forskyvning, farge og opasitet
  • Lerretet blir større for å få plass til skyggen, slik at ingenting kuttes bort
  • Nedlasting som gjennomsiktig PNG

Slik fungerer det

Uskarphet fungerer som uskarpheten til en CSS-skygge: en gaussisk uskarphet der standardavviket er halvparten av verdien. Skyggen toner ut omtrent halvannen gang uskarphetsverdien forbi bildekanten, så lerretet utvides tilsvarende på hver side skyggen strekker seg forbi, medregnet forskyvningen.

Tips

  • En uskarp skygge rett under bildet, uten horisontal forskyvning, får det til å se ut som om det svever.
  • Hold opasiteten rundt 30 % til 50 % for et naturlig utseende. Ingen uskarphet og full opasitet gir i stedet en flat, retro stil.
  • På en farget side ser en mørkere nyanse av sidens farge mer naturlig ut enn svart.
  • Bruk PNG eller WebP for å beholde den gjennomsiktige bakgrunnen. JPG legger skyggen på hvitt.