Czym jest cień?

Cień to miękka, ciemniejsza kopia obrazu umieszczona za nim i nieco z boku, dzięki czemu wygląda, jakby unosił się nad stroną. Sprawia, że wycięte zdjęcia produktów, logo, zrzuty ekranu i fotografie wydają się oddzielone od tła, a płaskie projekty zyskują głębię.

Opis narzędzia

Otwórz obraz, ustaw miękkość cienia za pomocą opcji Rozmycie i przesuń go za pomocą przesunięć w poziomie i w pionie. Wybierz jego kolor i krycie w sekcji Kolor. W przypadku obrazów PNG lub WebP z przezroczystością cień dopasowuje się do kształtu obiektu, a nie do otaczającego go prostokąta. W przypadku fotografii cień ma kształt prostokąta.

Obszar roboczy powiększa się na tyle, by zmieścić cały cień, a pobierany plik PNG ma przezroczyste tło, dzięki czemu można umieścić go na dowolnej stronie lub slajdzie.

Funkcje

  • Dopasowanie cienia do kształtu przezroczystych obrazów
  • Rozmycie, przesunięcie, kolor i krycie
  • Obszar roboczy powiększa się, aby zmieścić cień i niczego nie przycinać
  • Pobieranie pliku PNG z przezroczystym tłem

Jak to działa

Rozmycie działa podobnie jak rozmycie cienia CSS: jest to rozmycie Gaussa, którego odchylenie standardowe wynosi połowę ustawionej wartości. Cień zanika w odległości około półtora raza większej niż wartość rozmycia od krawędzi obrazu, dlatego obszar roboczy powiększa się o taką odległość z każdej strony, po której cień wykracza poza obraz, z uwzględnieniem przesunięcia.

Wskazówki

  • Rozmyty cień bezpośrednio pod obrazem, bez przesunięcia w poziomie, sprawia wrażenie, że obraz unosi się nad tłem.
  • Aby uzyskać naturalny efekt, ustaw krycie na około 30–50%. Brak rozmycia i pełne krycie dają płaski, retro wygląd.
  • Na kolorowej stronie naturalniej wygląda ciemniejszy odcień jej koloru niż czerń.
  • Aby zachować przezroczyste tło, użyj formatu PNG lub WebP. JPG umieszcza cień na białym tle.