그림자를 떨어뜨리다

Drop shadow
나무 같은 배경에 물방울 그림자를 드리우는 빨간색 직사각형

그래픽 디자인과 컴퓨터 그래픽스에서 드롭 섀도우는 물체의 그림자처럼 보이는 그리기 요소로 구성된 시각 효과로, 물체는 그 뒤에 있는 물체 위에 올려져 있다는 인상을 준다.드롭 섀도는 윈도나 메뉴 등의 그래픽 사용자 인터페이스 요소나 간단한 텍스트에 자주 사용됩니다.많은 데스크톱 환경에서 데스크톱 아이콘의 텍스트 라벨에는 드롭 섀도우가 있습니다.이러한 라벨은 텍스트와 앞에 있는 모든 색상의 배경을 효과적으로 구별할 수 있기 때문입니다.

직사각형 개체의 드롭 섀도를 그리는 간단한 방법은 아래에 회색 또는 검은색 영역을 그리고 개체에서 오프셋하는 것입니다.일반적으로 드롭 섀도는 약간 다른 위치에 그려진 개체의 검은색 또는 회색 복사본입니다.다음과 같이 리얼리즘을 향상시킬 수 있습니다.

  1. 그림자가 드리우는 픽셀의 색상을 회색으로 하는 대신 어둡게 합니다.이는 그림자와 그림자가 드리워진 영역을 알파 블렌딩하여 수행할 수 있습니다.
  2. 그림자의 가장자리를 부드럽게 합니다.이는 혼합하기 전에 그림자의 알파 채널에 가우스 흐림을 추가하여 수행할 수 있습니다.

삽입 드롭 섀도는 요소 내부의 그림자를 그리는 유형입니다.이것에 의해, 인터페이스 요소가 인터페이스에 삽입되어 있는 것처럼 보이게 됩니다.

사용하다

스택관리자는 창 주위에 창 테두리를 그리는 반면 창 관리자를 구성하는 창 관리자에는 창 주위에 드롭 그림자가 그려집니다.

일반적으로 컴포지트가 가능한 창 관리자는 드롭 섀도우 효과를 허용하지만, 기능이 없는 창 관리자는 허용하지 않습니다.MacOS와 같은 일부 운영 체제에서는 드롭 섀도를 사용하여 활성 창과 비활성 창을 구분합니다.

웹 사이트에서는 CSS 속성 상자 그림자, 텍스트 그림자 및 필터를 통해 드롭 그림자 효과를 사용할 수 있습니다.[1] 처음 두 개는 요소와 텍스트에 각각 사용되며, 드롭 섀도우 필터는 요소의 콘텐츠에 추가되어 이상한 모양의 요소 또는 투명한 이미지를 지원합니다.

외부 링크

레퍼런스

  1. ^ [1], drop-shadow() 필터 함수, Mozilla Developer Network