일몰의 광원으로 그림자가 드리워지고 아이와 반려견이 창밖을 바라보는 일러스트레이션

포토그래피

Photoshop에서 그림자를 추가하는 방법

Adobe Photoshop에서 광원에 맞게 그림자를 만들어 아트의 완성도를 높여 보세요.

Adobe Photoshop에서 드로잉에 쉽게 그림자 추가하기

어두운 영역과 밝은 영역을 조금만 그려 넣어도 사실감과 깊이감 있는 일러스트레이션을 완성할 수 있습니다. 광원과 광원이 드리우는 자연스러운 그림자를 시각적으로 표현하는 방법을 살펴봅니다. 아래 5단계를 따라 Photoshop 레이어와 툴을 사용하여 입체감을 더해 보세요.

일러스트레이션을 처음 시작하거나 두들스(Doodles)의 완성도를 높이기 위해 드로잉에 입체감을 더하는 일이 처음에는 어려울 수 있습니다. 그러나 드로잉에 그림자를 추가하는 기본적인 작업만으로도 이미지의 전반적인 품질을 향상시키고, 간단한 아웃라인 스케치도 실감 나게 표현할 수 있습니다.

 

아래에 소개하는 5단계 Photoshop 튜토리얼을 따라 밋밋한 일러스트레이션에 멋지게 입체감을 연출해 보세요. 따라 하기에는 검은색으로 그린 아웃라인 드로잉이 가장 좋지만 어떤 이미지를 사용하든 상관없습니다.

 

여기서 소개하는 방법은 일러스트레이션에 그림자를 추가하는 유일한 방법은 아닙니다. 디지털 아트 입문자를 위한 가장 쉽고 빠른 방법입니다.

 

단계별 과정을 따라 그림자를 그려보세요. 간단한 음영 기법만으로도 일러스트레이션이 놀랍게 향상될 것입니다.

밝은 영역과 어두운 영역의 중요성을 보여주는 두 이미지, 밝은 영역 없이 어두운 영역만 있는 이미지(좌),
어두운 영역이 없는 이미지(우)

그림자와 빛이 균형을 이뤘을 때 이미지에 깊이감이 생깁니다. 왼쪽 이미지에는 밝은 영역이 없고, 오른쪽 이미지에는 어두운 영역이 없습니다. 아래 안내에 따라 균형을 맞추는 방법을 알아보세요.

Photoshop 레이어 패널에 표시된 밝은 영역, 어두운 영역, 일러스트레이션 레이어

1. 어두운 영역과 밝은 영역 레이어를 만듭니다.

일러스트레이션을 Photoshop으로 가져옵니다. 창 > 레이어로 이동하여 레이어 패널을 엽니다. 어두운 영역과 밝은 영역의 레이어를 만듭니다. 둘 중 어느 것을 먼저 만들든 상관없습니다. ‘어두운 영역’ 레이어에는 검은색으로 그리고, ‘밝은 영역’ 레이어에는 흰색으로 그리게 됩니다.

세밀한 드로잉이 아닌 경우에는 낮은 강도(약 0%)와 중간 크기의 브러시를 사용하여 빛을 부드럽고 자연스럽게 보이도록 합니다. 그린 선을 지우려면 Photoshop의 지우개 툴(같은 강도)로 제거합니다.

 

빛을 더욱 섬세하게 표현하려면 나중에 이 레이어의 불투명도(투명도)를 낮추면 됩니다. 이 작업을 더 쉽게 하기 위해 밝은 영역과 어두운 영역을 100% 불투명도, 즉 완전히 흑백으로 설정하고 그릴 수도 있습니다. 하지만 처음에는 낮은 비율의 불투명도로 시작해서 최종 작품을 시각화하는 것이 더 쉽다면 그렇게 해도 좋습니다.

빛을 사실적으로 만들 때 광원을 설정하는 방법을 보여주는 태양과 광선이 표시된 일러스트레이션

2. 광원을 결정하고 밝은 영역을 그립니다.

사진이나 일러스트레이션을 사실적으로 보이게 만들려면 빛을 사실적으로 만들어야 합니다. 즉, 사진에 광원이 보이지 않더라도 광원이 어디에서 오는지 알아야 합니다.

각 개체의 왼쪽 상단에 그려진 밝은 영역 위의 Photoshop 브러시 툴 아이콘이 있는 일러스트레이션

예를 들어, 태양이 화면 밖 왼쪽 상단에서 창밖을 바라보는 캐릭터를 비춘다고 생각해 보세요. 이렇게 빛이 어느 방향에서 들어오는지 머릿속에 그려보면 밝은 영역을 그려야 할 방향, 즉 광원이 향하는 위치가 어디인지 알 수 있습니다. 브러시 툴을 사용하여 각 개체의 왼쪽 상단을 따라 밝은 영역 선을 그립니다.

각 개체의 오른쪽 하단에 그려진 어두운 영역 위의 Photoshop 브러시 툴 아이콘이 있는 일러스트레이션

3. 광원에 맞게 어두운 영역을 그립니다.

밝은 영역을 그릴 때와 마찬가지로 광원이 비출 때 어떤 영역이 어둡게 될지 생각해 보세요. 앞서 소개한 예에서는 태양이 왼쪽 상단에서 비치므로 각 개체의 오른쪽 하단에 어두운 영역 선을 추가합니다.

어두운 영역은 일러스트레이션의 윤곽선을 정확히 따르지 않아도 됩니다. 턱이 목에 드리우는 그림자, 머리카락이 얼굴에 드리우는 그림자, 눈썹이 눈꺼풀에 드리우는 그림자 등 어두운 영역을 칠합니다. 사람이 아닌 피사체의 경우에도 어떤 개체가 더 큰 어두운 영역을 만드는지 생각해 보세요.

10%로 설정된 불투명도 옵션과 이에 따라 적용된 일러스트레이션

4. 두 레이어의 불투명도를 설정합니다.

각 레이어의 전체 불투명도를 8~20%로 설정합니다. 일반적으로 밝은 영역은 약 10%로, 어두운 영역은 15%로 설정하는 것이 좋습니다.

어두운 색상으로 작업하면 밝은 영역이 더욱 극적으로 표현되므로 8%의 낮은 비율을 사용하는 것이 좋습니다. 반대로, 밝은 색상을 주로 사용하면 어두운 영역이 더욱 뚜렷하게 나타나므로 낮은 비율을 사용하세요.

개체의 어두운 영역은 뚜렷하고 밝은 영역은 더욱 밝아진 일러스트레이션

5. 레이어를 추가합니다(선택 사항).

어두운 영역과 밝은 영역의 레이어가 하나만 있으면 어떤 영역은 너무 강하고 어떤 영역은 너무 섬세하게 보일 수도 있습니다. 레이어를 추가하면 이러한 문제를 해결할 수 있습니다. 레이어를 추가하고 앞에 소개한 단계를 따라 특정 영역의 어두운 영역을 더 어둡게 만들거나 밝은 영역을 더 밝게 만듭니다. 이런 식으로 어두운 영역과 밝은 영역의 여러 레이어를 겹치면 훨씬 더 입체적이고 사실적인 그림자를 만들 수 있습니다.

디지털 아트에 그림자를 만드는 또 다른 방법

그림자를 그리는 기본 방법을 살펴보았으므로 이제, 음영을 표현하기 위한 Photoshop의 고급 툴도 자세히 알아보세요.

사실감과 깊이감을 더하는 그림자

그림자는 2차원 이미지 및 텍스트에 3D 효과를 만드는 데 사용됩니다. 그런 만큼 상업용 사진(제품 카탈로그), 광고 일러스트레이션 등 모든 매체에서 볼 수 있습니다. 웹 페이지 디자인과 일반 일러스트레이션에서도 널리 사용됩니다. 간단히 말해 이미지에 사실감과 깊이감을 더하고자 할 때 기본으로 사용합니다.

피사체의 새 레이어 만들기

사실감을 연출하기 위해 음영을 표현하려면 피사체를 배경에서 분리한 다음 그림자를 추가합니다. 원래의 배경을 완전히 삭제하거나 새로운 배경을 만들 수도 있습니다. Photoshop의 모든 작업과 마찬가지로, 레이어를 여러 개 만드세요.

배경 보정하기

새 레이어를 만든 다음 분리된 피사체에 대한 새 배경 레이어를 만듭니다. 스포이드 툴로 개체에 이미 있는 그림자의 색상을 선택하여 새 그림자를 칠합니다. 그러면 이 색상이 전경 레이어에 표시되며, 색상 피커를 사용하여 조정할 수 있습니다.

그림자 완성하기

분리된 개체 레이어가 선택된 상태에서 그림자 대화 상자를 사용하여 그림자의 매개 변수를 선택한 다음 해당 새 레이어에 배치합니다. 다양한 변형, 왜곡, 혼합 기능을 적용하여 그림자를 정의할 수 있습니다. 마지막으로 그레이디언트와 흐림 효과 툴로 세밀하게 조정합니다.

그림자 그리기는 언뜻 복잡해 보일 수 있습니다. 하지만 배울 수 있는 유용한 튜토리얼이 많이 준비되어 있습니다. 먼저 레이어를 사용한 작업부터 살펴보세요. Photoshop의 모든 작업을 위한 첫 단계이자 기본입니다.

 

그런 다음 보다 수준 높은 튜토리얼을 따라 그림자를 실감 나게 드리워 보세요.

 

디지털 아트웍의 세계를 자세히 알아보고 싶지 않으세요? 네덜란드의 유명 아티스트 Lois van Baarle이 Photoshop에서 어떤 방식으로 일러스트레이션 작업을 하는지 확인해 보세요.

Adobe Photoshop

Adobe Photoshop으로 가능한 다양한 작업

나에게 딱 맞는 앱을 찾고 계시나요?

나에게 딱 맞는 앱을 찾고 계시나요?

잠깐이면 됩니다. 최적의 앱을 찾을 수 있도록 도와드리겠습니다.

잠깐이면 됩니다. 최적의 앱을 찾을 수 있도록 도와드리겠습니다.