이 기사에서는 내장 필터를 사용하여 김프에서 그림자 효과를 추가하는 방법을 보여 드리겠습니다. 그림자는 텍스트에 추가할 수 있을 뿐만 아니라 여러 개체가 있는 레이어나 개체에 추가할 수 있습니다. 해당 레이어에 알파 채널이 있는 경우(잠시 더 자세히 설명)

텍스트에 그림자를 추가하는 방법을 보여줌으로써 이 효과를 사용하는 방법을 보여드리겠습니다.

텍스트/작문 설정

먼저 새 컴포지션을 만들어 보겠습니다. 파일>새로 만들기(위 이미지의 빨간색 화살표)로 이동하거나 키보드에서 ctrl+n 단축키(MAC에서는 cmd+n)를 눌러 이 작업을 수행할 수 있습니다.

다음으로 내 문서의 크기를 설정합니다. 너비는 1920, 높이는 1080입니다(위 이미지에서 빨간색으로 윤곽선). 제가 사용하는 단위는 픽셀(px)입니다. 확인을 클릭하여 문서를 만듭니다(파란색 화살표).

이제 도구 상자에서 텍스트 도구를 가져옵니다(단축키 T – 위 이미지의 녹색 화살표).

내 텍스트 도구가 활성화된 상태에서 내 컴포지션을 클릭하고 일부 텍스트를 입력하기 시작합니다. 이 경우 "GIMP"(위 이미지의 녹색 화살표). 텍스트는 전경색이 현재 설정되어 있는 것과 같습니다(제 경우에는 빨간색).

키보드에서 ctrl+a를 누르거나 새 텍스트 상자 안의 모든 텍스트를 마우스로 드래그하여 선택할 수 있습니다. 선택하면 글꼴, 텍스트 크기, 색상 등을 포함한 텍스트의 속성을 변경할 수 있습니다. 내 것을 확인하는 것이 좋습니다. 김프의 텍스트 도구에 대한 전용 튜토리얼 이 도구에 익숙하지 않은 경우.

내 텍스트를 선택한 상태에서 글꼴 크기를 500(녹색 화살표)으로 변경하고 "Gill Sans MT Bold" 글꼴(파란색 화살표)을 사용합니다.

다음으로 도구 상자의 첫 번째 도구 그룹(위 이미지의 빨간색 화살표)을 클릭한 상태로 "정렬" 도구(파란색 화살표) 위로 마우스를 놓습니다.

정렬 도구로 방금 만든 텍스트를 클릭합니다(텍스트의 실제 픽셀을 클릭해야 함). 도구 옵션 아래에서 정렬 도구가 "이미지에 상대적"(첫 번째 드롭다운 – 빨간색 화살표 아래)으로 정렬되도록 설정되어 있는지 확인합니다. 그런 다음 "대상 중앙 정렬" 및 "대상 중앙 정렬"을 클릭하여 텍스트를 이미지의 중앙에 정렬합니다(위 이미지에서 파란색 윤곽선).

텍스트에 그림자 추가

텍스트가 제자리에 있으면 이제 텍스트에 그림자를 추가할 수 있습니다. 이렇게 하려면 레이어 패널(빨간색 화살표)에서 텍스트 레이어가 활성화되어 있는지 확인합니다. 그런 다음 Filters>Light and Shadow>Drop Shadow(파란색 화살표)로 이동합니다.

이제 "Drop Shadow"라는 제목의 떠 있는 대화 상자가 나타납니다(위 이미지에서 파란색으로 윤곽선이 표시됨).

그림자 필터는 GEGL 필터입니다. 즉, 설정을 조정할 때 캔버스에서 그림자 효과를 실시간으로 미리 볼 수 있습니다. 이제 텍스트 아래에 그림자가 있는 것을 볼 수 있습니다.

그림자 필터의 첫 번째 슬라이더 세트는 "X" 및 "Y" 슬라이더입니다(위에서 파란색으로 윤곽선이 표시됨). 이 슬라이더를 사용하면 텍스트 레이어 아래에 그림자 위치를 변경할 수 있습니다. "X" 슬라이더는 그림자의 수평 위치(예: x축)를 변경하고 "Y" 슬라이더는 그림자의 수직 위치(예: y축)를 변경합니다.

기본적으로 이 두 값은 슬라이더 오른쪽의 작은 사슬 아이콘(사진의 빨간색 화살표)을 통해 함께 "연결"됩니다. 즉, 한 슬라이더를 클릭하고 끌면 다른 슬라이더도 함께 변경됩니다. 예를 들어, "X" 슬라이더를 클릭하고 왼쪽으로 드래그하면 "Y" 슬라이더가 내 마우스를 따라갑니다.

여기서 X와 Y의 값은 음수일 수 있습니다. X에 대한 음수 값은 그림자가 중앙의 왼쪽에 있음을 의미하고 Y에 대한 음수 값은 그림자가 중앙 위에 있음을 의미합니다. (X의 양수 값은 그림자를 중앙 오른쪽으로 만들고 Y의 양수 값은 그림자를 중앙 아래로 만듭니다). 위 이미지에서 X 및 Y 값이 모두 음수이므로 그림자가 원본 텍스트의 위쪽 및 왼쪽에 있습니다.

대화 하단의 "재설정" 버튼을 클릭하여 내 값을 기본값으로 재설정할 수 있습니다(이미지의 노란색 화살표).

X 및 Y 슬라이더 값이 독립적이도록 하려면 체인 아이콘을 클릭하여 체인(위 이미지의 노란색 화살표)을 연결 해제하겠습니다.

이제 X 슬라이더(빨간색 화살표)를 클릭하고 끕니다. 이 슬라이더를 오른쪽으로 더 끌수록 그림자가 텍스트(파란색 화살표)에서 더 멀어집니다. 슬라이더 막대가 가득 차더라도 슬라이더를 오른쪽으로 계속 드래그할 수 있습니다(보통 값이 40 정도 되면 가득 차지만 X 값은 40보다 훨씬 높을 수 있음).

이 값을 마우스 휠로 가운데 클릭하고 새 숫자 값을 수동으로 입력할 수도 있습니다. 예를 들어 x 값(위 이미지의 빨간색 화살표)에서 마우스 가운데 버튼을 클릭하고 화살표 키를 사용하여 커서를 맨 오른쪽으로 이동하고 백스페이스 키를 눌러 현재 값을 삭제한 다음 250을 입력합니다. 그리고 엔터키를 치세요. 내 그림자가 이 새 값으로 업데이트됩니다.

양수 값을 가진 슬라이더와 음수 값을 가진 다른 슬라이더를 가질 수 있습니다. 따라서 X가 양수인 동안 Y를 음수로 만들 수 있습니다.

Y 슬라이더를 클릭하고 가장 왼쪽으로 끌어 음수 값을 지정합니다(위 이미지의 빨간색 화살표). 이렇게 하면 그림자가 원본 텍스트에 비해 컴포지션에서 더 높게 이동합니다. 또한 이 지점에서 그림자가 레이어 경계(파란색 화살표)를 나타내는 노란색 점선 바깥쪽에 있음을 알 수 있습니다.

당신이 사용하는 한 김프 2.10.14 또는 그 이상에서는 김프가 현재 레이어 경계를 벗어나는 그림자 부분에 맞게 레이어 크기를 자동으로 조정합니다.

다시 한 번 "재설정" 버튼을 눌러 기본값으로 되돌리겠습니다.

다음 슬라이더는 "흐림 반경" 슬라이더(이미지의 빨간색 화살표)입니다. 이 슬라이더는 그림자에 적용된 가우시안 블러의 양을 늘리거나 줄입니다. (가우시안 흐림 효과는 김프에서 널리 사용되는 흐림 효과 필터이므로 기본적으로 그림자의 흐림 정도만 조정합니다.)

슬라이더 값을 "0"으로 설정하면 그림자에 흐림이 없으므로 그림자의 가장자리가 선명합니다(위 이미지의 파란색 화살표). 기본적으로 그림자는 원래 텍스트 레이어 아래에 약간 오프셋된 새로운 텍스트 레이어처럼 보입니다.

반면 블러 반경 슬라이더 값(빨간색 화살표)을 높이면 그림자(파란색 화살표)에 더 많은 블러가 추가됩니다. 흐림 효과가 너무 많으면 그림자가 잘 보이지 않게 됩니다(그림자가 식별 가능한 모양을 갖지 않음). 흐림 효과를 너무 많이 추가하지 않고 흐림 효과 반경을 늘리면 이론적 "광원"을 더 부드럽게 보이게 할 수 있습니다. 간단히 말해서 그림자를 더 섬세하게 만들 수 있습니다.

기본값으로 돌아가려면 재설정 버튼을 누르겠습니다.

다음 두 항목인 "모양 성장" 드롭다운 상자와 "반경 증가" 슬라이더(사진에서 파란색 윤곽선)는 서로 관련되어 있습니다.

반경 늘리기 슬라이더(빨간색 화살표)를 사용하면 흐림 효과가 적용되기 전에 그림자 크기를 늘리거나 줄일 수 있습니다. 예를 들어, 성장 반경을 늘리면 그림자에 더 이상 균일한 페이드가 없는 것을 볼 수 있습니다(위 사진 참조).

성장 반경 슬라이더 위의 모양 성장 드롭다운은 그림자가 커지면서 그림자의 모양을 변경합니다. 기본적으로 이것은 원형으로 설정되어 있습니다. 그러나 이것을 "다이아몬드"(위 이미지의 빨간색 화살표)로 변경하면 블러의 모서리가 (멋진 둥근 가장자리-파란색 화살표가 아닌) 더 비스듬한 가장자리를 갖도록 변경되는 것을 볼 수 있습니다.

이 옵션을 "사각형"(빨간색 화살표)으로 변경하면 가장자리가 훨씬 더 뭉툭해지거나(파란색 화살표) 둥글기보다는 정사각형에 가깝습니다.

다시 한 번 재설정을 눌러 기본값으로 돌아가겠습니다.

다음 옵션은 그림자의 색상을 변경할 수 있는 "색상" 옵션입니다. 기본적으로 그림자는 검은색입니다(그림자가 일반적으로 그러하듯이!). 그러나 큰 색상 견본을 클릭하여 새 색상을 선택할 수 있습니다(위 이미지의 빨간색 화살표).

팝업되는 색상 대화 상자를 사용하여 원하는 색상을 직접 선택할 수 있습니다. XNUMX차원 색상 스트립(빨간색 화살표)과 XNUMX차원 색상 영역(파란색 화살표)을 사용하여 왼쪽에 있는 색상 선택기 주위로 마우스를 끌 수 있습니다. 또는 색상 대화 상자의 오른쪽에 있는 개별 색상 채널에 대한 숫자 색상 채널 값을 수동으로 입력할 수 있습니다.

참고: R, G 및 B는 "Red", "Green" 및 "Blue"를 나타내고 L, C 및 h는 "Luminance", "Chroma" 및 "hue"를 나타내며 마지막으로 약자 "알파"의 경우 투명도입니다.

"HTML 표기법"(위 이미지에서 노란색 윤곽선)을 입력하여 여기에서 내가 선택한 정확한 색상을 복사할 수도 있습니다.

이 색상을 적용할 준비가 되면 "확인"을 클릭합니다. 이제 내 그림자가 밝은 파란색으로 표시됩니다.

큰 색상 견본의 오른쪽에는 김프 컴포지션의 색상을 선택할 수 있는 색상 선택기(빨간색 화살표)가 있습니다(캔버스 영역 안에 있는 한).

색상 옵션 아래에는 "불투명도" 슬라이더가 있습니다(위 이미지의 파란색 화살표). 이 슬라이더를 사용하면 왼쪽으로 드래그하여 그림자를 더 투명하게(투명하게) 만들거나 오른쪽으로 드래그하여 더 불투명하게 만들 수 있습니다.

이 값을 왼쪽으로 드래그하면 그림자가 더 희미해지는 것을 볼 수 있습니다(노란색 화살표).

값을 오른쪽으로 드래그하면 그림자가 더 뚜렷해집니다. 슬라이더 값을 1.0으로 설정하면 그림자가 완전히 불투명해집니다(또는 0% 투명).

김프를 사용하면 이 값에 대해 1.0 이상으로 이동할 수 있습니다. 이유를 이해하기 위해 다음과 같이 설명하겠습니다. 최대 1.0은 흐림 영역을 제외한 기본 그림자 영역의 불투명도에 영향을 줍니다. 1.0과 2.0 사이는 흐림 영역의 불투명도에 영향을 줍니다. 사진에서 볼 수 있듯이 슬라이더 값을 1.0보다 훨씬 높게 드래그하면(위 사진의 빨간색 화살표) 흐림 영역이 투명도를 잃고 더 불투명해짐에 따라 그림자 모양이 변경되기 시작합니다(노란색 화살표). .

저는 일반적으로 불투명도를 1.0 미만으로 유지하는 것을 좋아하므로 이 값을 5에서 1.0 사이로 다시 조정합니다.

드롭 섀도우 대화 상자의 다음은 "클리핑" 드롭다운입니다(위 이미지에서 노란색으로 확장 및 윤곽선이 표시됨). 기본적으로 이것은 "조정"으로 설정됩니다. 즉, 텍스트 레이어 경계(빨간색 화살표)가 그림자에 의해 생성된 모든 픽셀에 맞게 조정됩니다. 이것은 그림자가 잘리는 것을 방지합니다.

그러나 이 값을 "클리핑"으로 변경할 수 있습니다. 즉, 레이어 경계를 벗어나는 그림자 픽셀이 "잘리거나" 잘립니다.

클리핑 드롭다운 아래에는 "블렌딩 옵션"이라는 영역이 있습니다. 이것은 기본적으로 축소될 수 있으므로 작은 "+" 아이콘을 클릭하여 이 영역을 표시할 수 있습니다(위 이미지의 파란색 화살표). 여기서 첫 번째 항목은 혼합 모드 또는 레이어 모드를 선택할 수 있는 "모드" 드롭다운(빨간색 화살표)입니다.

이 드롭다운 내의 옵션은 적용할 수 있는 옵션과 동일합니다. 레이어 패널에서 레이어. 즉, 이 옵션은 모든 레이어 모드이며 선택한 레이어 모드만 전체 레이어가 아닌 그림자 효과에만 적용됩니다. 이렇게 하면 그림자에 추가 효과를 추가할 수 있습니다. 예를 들어 "디졸브" 모드(노란색 화살표)를 선택하면 이제 내 그림자에 디졸브 레이어 모드가 적용된 것을 볼 수 있습니다(빨간색 화살표).

이 드롭다운 아래에는 또 다른 "불투명도" 슬라이더(빨간색 화살표)가 있습니다. 이번에는 슬라이더를 사용하여 0에서 100 사이의 값만 선택할 수 있으며 전체 합성 그림자 효과를 얻을 수 있습니다. 기본적으로 이전 단계에서 적용한 모든 효과와 설정을 가져와 단일 항목으로 병합합니다. 그런 다음 해당 단일 항목의 불투명도를 조정합니다.

불투명도 슬라이더를 아래로 드래그하면 전체 합성 그림자가 더 투명해집니다(파란색 화살표). 슬라이더 값을 위로 드래그하면 더 불투명해집니다.

사전 설정 저장

방금 만든 모든 설정을 나중에 사용할 수 있도록 사전 설정으로 저장하려면 그림자 대화 상자의 맨 위로 이동하여 작은 "+" 아이콘(위 이미지의 빨간색 화살표)을 클릭하면 됩니다.

"이름이 지정된 사전 설정으로 설정 저장"이라는 상자가 나타나고(노란색 윤곽선) 사전 설정에 이름을 지정할 수 있습니다. 이 경우 이름을 "Blue Dissolve"로 지정하겠습니다. 확인을 클릭하여 새 사전 설정을 만듭니다.

상단의 "+" 아이콘 옆에는 드롭다운(파란색 화살표)이 있습니다. 여기에서는 이전 세션에서 적용한 그림자 효과를 기반으로 자동으로 생성된 사전 설정을 볼 수 있습니다. 아래쪽을 보면 자동 생성된 사전 설정과 사용자가 만든 사전 설정을 구분하는 구분선이 표시됩니다. 구분선 아래에 방금 만든 새 사전 설정의 이름인 "Blue Dissolve"(빨간색 화살표)가 표시됩니다.

Drop Shadow 대화 상자의 맨 아래에는 "미리보기" 및 "분할 미리보기" 확인란이 있습니다. 미리 보기(노란색 화살표)를 사용하면 필터 효과의 라이브 캔버스 미리 보기를 전환할 수 있습니다.

"Split Preview" 체크박스(빨간색 화살표)가 활성화되면 캔버스에 구분선이 표시됩니다(파란색 화살표). 구분선의 왼쪽에는 효과의 실시간 미리보기가 있는 반면, 선의 오른쪽에는 효과가 적용되기 전(즉, 텍스트의 "이전" 버전)이 표시됩니다.

캔버스에서 이 선을 클릭하고 끌어 선 양쪽의 미리보기 영역 크기를 변경할 수 있습니다. 예를 들어 선을 오른쪽으로 드래그하면 "이후" 미리보기가 더 많이 표시됩니다. 왼쪽으로 드래그하면 "이전" 미리보기가 더 많이 표시됩니다.

이러한 변경 사항을 적용하지 않으려면 "취소" 버튼을 클릭하면 됩니다. 그렇지 않으면 "확인"을 클릭하면 그림자가 텍스트 레이어에 직접 적용됩니다.

이제 내 텍스트에 효과가 적용되어 텍스트 레이어 자체가 표준 픽셀 레이어로 변환되었음을 알 수 있습니다(텍스트 정보가 삭제되었음을 의미합니다. 위 이미지의 빨간색 화살표). 그림자 효과를 실행 취소하지 않고는 더 이상 텍스트 도구로 텍스트를 편집할 수 없습니다.

이 튜토리얼은 끝났습니다! 당신이 그것을 좋아했다면, 내 다른 것을 확인하는 것을 잊지 마십시오 김프 도움말 문서, 김프 비디오 자습서또는 DMD 프리미엄 회원!

DMD 뉴스 레터 구독

DMD 뉴스 레터 구독

등록하여 좋아하는 오픈 소스 소프트웨어에 대한 새로운 자습서, 과정 업데이트 및 최신 뉴스를 받아보십시오!

당신은 성공적으로 가입 한!

클립이 핀

이 공유