Cień

Czerwony prostokąt rzucający cień na drewnopodobne tło

W projektowaniu graficznym i grafice komputerowej cień jest efektem wizualnym składającym się z elementu rysunkowego, który wygląda jak cień obiektu, sprawiając wrażenie, że obiekt unosi się nad obiektami za nim . Cień jest często używany do elementów graficznego interfejsu użytkownika, takich jak okna lub menu , oraz do prostego tekstu. Etykieta tekstowa ikon na komputerach stacjonarnych w wielu środowiskach graficznych ma cień, ponieważ efekt ten skutecznie odróżnia tekst od dowolnego kolorowego tła, na którym może się on znajdować.

Prostym sposobem na narysowanie cienia prostokątnego obiektu jest narysowanie szarego lub czarnego obszaru pod spodem i odsunięciem od obiektu. Ogólnie rzecz biorąc, cień to kopia obiektu w kolorze czarnym lub szarym, narysowana w nieco innym położeniu. Realizm można zwiększyć poprzez:

  1. Przyciemnianie kolorów pikseli, na które rzucany jest cień, zamiast ich szarości. Można to zrobić za pomocą alpha łączącej cień z obszarem, na który jest rzucany.
  2. Zmiękczenie krawędzi cienia. Można to zrobić, dodając rozmycie gaussowskie do kanału alfa cienia przed mieszaniem.

Wstawiane cienie to typ, który rysuje cienie wewnątrz elementu. Dzięki temu element interfejsu wygląda tak, jakby był zatopiony w interfejsie.

Używać

Układanie menedżerów okien rysuje obramowanie okien wokół okien, podczas gdy składanie menedżerów okien rysuje cień wokół okien

Ogólnie rzecz biorąc, menedżery okien , które są zdolne do tworzenia kompozycji, pozwalają na efekty cienia, podczas gdy menedżery okien niezdolne do tego nie. W niektórych systemach operacyjnych, takich jak macOS , cień służy do rozróżniania aktywnych i nieaktywnych okien.

Witryny internetowe mogą używać efektów cienia za pomocą cienia pola właściwości CSS , cienia tekstu i filtra. Pierwsze dwa są używane odpowiednio dla elementów i tekstu, podczas gdy cień jest filtrem dodatkowo do zawartości elementu, umożliwiając obsługę elementów o dziwnych kształtach lub przezroczystych obrazów.

Linki zewnętrzne

  1. ^   Caspers, H. (1971). "Brockhaus ABC. Biologie. Mit Textabb. + 32 Taf. Lipsk: VEB FA Brockhaus Verlag 1969. 921 S" . Internationale Revue der gesamten Hydrobiologie und Hydrographie . 56 (1): 138–139. doi : 10.1002/iroh.19710560133 . ISSN 0020-9309 .
  2. ^ [1] , funkcja filtra drop-shadow(), Mozilla Developer Network
Pobrano z „ https://en.wikipedia.org/w/index.php?title=Drop_shadow&oldid=1126446780 ”