Softonic

Dodawanie cienia do obrazu

Krok 1 / 4 Cień

Zrzut ekranu płaskiego produktu unosi się nad stroną dzięki miękkiemu cieniowi rzucanemu; ten sam obraz bez takiego efektu wygląda, jakby został wklejony. To narzędzie dodaje konfigurowalny cień z osobnymi ustawieniami promienia rozmycia, przesunięcia, rozproszenia i koloru, generując plik PNG z wtopionym cieniem – idealny do stron marketingowych, nagłówków blogów oraz dokumentacji.

Jak dodać cień rzucany

  1. 1

    Wgraj obraz

    Najlepiej działa z plikami PNG, które już zawierają przezroczystość, lub ze zrzutem ekranu produktu, który chcesz otoczyć ramką.

  2. 2

    Ustaw parametry cienia

    Promień rozmycia, przesunięcie X/Y, krycie, kolor.

  3. 3

    Wybierz płótno

    Dopasowany do obrazu wraz z cieniem lub o stałym rozmiarze z marginesem.

  4. 4

    Wyeksportuj

    Wyprowadzenie w formacie PNG zachowuje obramowanie miękkich cieni, natomiast w formacie JPG tło jest widoczne.

Ustawienia cienia, które sprawdzają się

Dobre cienie rzucane są zazwyczaj bardziej miękkie i mniej kryjące, niż ludzie wybierają instynktownie.

Gotowe style

Styl Rozmycie Przesunięcie Y Krycie Rozproszenie
Delikatne uniesienie (karta UI) 12 px 2 px 8% 0
Wysokość materiału 2 8 px 2 px 15% 0
Wysokość materiału 8 24 px 12 px 20% 0
Post w mediach społecznościowych 40 px 20 px 25% 0
Pływający obraz główny 80 px 40 px 30% 0
Długi cień (płaski design) 0 px 40 px 30% 0

Kolor cienia

  • Kolor czarny jest łatwy w użyciu, ale często wygląda surowo. Ciemna, odsycona wersja dominującego koloru obrazu wygląda bardziej spójnie.
  • Czysta czerń o kryciu 25% jest zazwyczaj lepsza niż czerń o kryciu 70%.
  • Ciepłe cienie pod ciepłym obrazem, chłodne cienie pod chłodnym obrazem.

Gdzie jest światło

Jeśli obraz charakteryzuje się wewnętrznym rozkładem oświetlenia (np. logo z wyraźnymi obszarami oświetleniowymi), ustal kierunek cienia zgodnie z tym rozkładem. Zwykłe zdjęcia na ekranie zwykle wyglądają najlepiej przy oświetleniu ze góry (cień przesunięty w dół o 2–20 px).

Wyjście w formacie PNG vs JPG

  • PNG: krawędzie cienia płynnie przechodzą w przezroczystość. Najlepiej nadaje się do umieszczenia obrazu na dowolnym tle.
  • JPG: cień jest spłaszczany na wybranym kolorze tła. Użyj tego formatu, gdy znasz ostateczne tło.

Unikaj efektów nakładania się

Cień rzucany, gruba ramka, zaokrąglone rogi oraz barwna nakładka razem sprawiają, że kompozycja wydaje się zbyt zatłoczona. Wybierz jeden lub dwa elementy – zwykle wystarczy delikatna ramka w połączeniu z cieniem.

Najczęściej zadawane pytania

Niemal zawsze krycie jest zbyt wysokie. Zredukuj je do 20–30% i zwiększ promień rozmycia. Prawdziwe cienie w świetle dnia są rozproszone; ostry, ciemny cień wygląda jak oświetlenie sceniczne.

Narzędzie generuje wyłącznie zewnętrzne cienie rzucane. Do cieni wewnętrznych (np. tekstu wciśniętego w powierzchnię) użyj dedykowanego filtra fazowania lub tłoczenia.

Tak, domyślnie – płótno rozszerza się tak, by objąć obszar cienia. Jeśli wolisz, aby cień był przycinany na krawędziach (np. przy kafelkowaniu lub ciągłych tłach), możesz zablokować płótno na pierwotnym rozmiarze.

Tak. Plik wejściowy PNG z kanałem alfa generuje cień wokół obszarów nieprzezroczystych, a nie wokół całego prostokąta. Wycięcia produktów o złożonych sylwetkach dają naturalne cienie odpowiadające kształtowi obiektu.

Powiązane narzędzia

Próbnik kolorów Material Design

Przeglądaj paletę kolorów Material Design. Kopiuj dowolny odcień (od 50 do A700) w formacie HEX, RGB lub HSL jednym dotknięciem.

Kreator flag

Zaprojektuj w przeglądarce prostą własną flagę 3:2 z sześcioma układami, kolorami, tekstem i symbolem. Pobierz SVG lub PNG albo otwórz okno drukowania przeglądarki.

Przytnij GIF

Przytnij statyczny lub animowany GIF według dokładnych współrzędnych i pobierz ponownie zakodowany plik GIF.

Symulator daltonizmu

Symuluj, jak obraz wygląda przy różnych zaburzeniach widzenia barw: protanopii, deuteranopii, tritanopii i achromatopsji.

Kreator broszur

Napisz prywatną, sześciopanelową broszurę w przeglądarce, sprawdź obie strony, wybierz kolory i wydrukuj każdą stronę w oknie przeglądarki.

Skaner dokumentów

Zrób lub wybierz do 10 zdjęć dokumentu, uporządkuj je, popraw wygląd i utwórz lokalnie PDF A4.

Narzędzie jest dostępne w innych językach