[Map] 퀄리티를 확~ 올려주는 Bump와 Displacement맵!

오랜만에 올리는 튜토리얼입니다 하하하하하하하하 그새 2012년 2학기가 시작됬네요. 슬슬 과제가 많아지면 튜토리얼을 더 올리기 힘들어질지도 모르겠습니다. 이번엔 나름 3D의 꽃이라 할 수 있는 Bump맵과 Displacement맵에 대해 알아보겠습니다잉! ------------------------------------------------------------------------------------------- Step. 1 Bump맵이란 무엇일까?! 보통 Bump맵하면 Bump(범프) 와 Normal Bump(노멀 범프) 두 가지가 있는데요!  여기서 노멀 범프는 흔히 말하는 Normal 맵이라고 합니다! 사실 개념에 대해서 자세히 들어가면 너~~~~~~~~~~~~~~~~~~~~~~~무 어려워져서 (저도 이해못해요 하하하하하하하하) 간단히만 설명할거에요.  범프맵은 말 그대로 '눈속임' 입니다. '눈속임'! 무슨 말이냐~ 하면! 로우폴리곤을 하이폴리곤 처럼 정교하게 보이는 것 '처럼' 만들어준 다는 것이지요!  여기서 '처럼'을 강조하는 이유가 뭔지 혹시 아시는 분 계실까요! 위에서 눈속임이라고 말씀드렸죠?!  범프맵과 노멀맵은  '3D 모델을 변형하지 않고 하이폴리곤처럼 보이게 만들어줍니다'!!!!!! 아주~ 중요한 사실이죠! 예시를 한 번 볼까요?! <img src="https://t1.daumcdn.net/cfile/cafe/186B8C4750488E6B0A" class="txc-image" hspace="1" vspace="1" border="0" actualwidth="640" width="640" style="clear:none;float:none;" id="A_186B8C4750488E6B0A4C95"/> <img src="https://t1.daumcdn.net/cfile/cafe/164F8D4750488E6C2C" class="txc-image" hspace="1" vspace="1" border="0" actualwidth="640" width="640" style="clear:none;float:none;" id="A_164F8D4750488E6C2C7743"/> 첫번째 사진은 노멀맵을 적용하지 않은 모델, 두번째는 노멀맵을 적용한 모델입니다. 차이가 느껴지시나요?! 날개와 치맛자락, 단상에 질감, 양감이 더해졌네요!  그럼 과연 이 모리안 여신상의 폴리곤 구조나 갯수도 저렇게 정교할까요?! <img src="https://t1.daumcdn.net/cfile/cafe/175AB94750488ECA24" class="txc-image" hspace="1" vspace="1" border="0" actualwidth="640" width="640" style="clear:none;float:none;" id="A_175AB94750488ECA244A86"/> 아니죠~!!! 위의 스샷에서 알수 있듯이 대단히 단순한 구조를 가지고 있음을 알 수 있습니다. ^^ 이런 한 식으로 아주 적은 용량, 적은 사양을 요구하는 컴퓨터에서 좋은 퀄리티의 그래픽을 뽑아낼 수 있는게 바로 범프맵과 노멀맵입니다 오호라! 그럼 범프맵과 노멀맵의 차이는 뭘까요?! 대단히 고리타분한 이야기이긴한데 굳이 설명하자면 범프맵은 '어둡고 밝은 정도'로, 노멀맵은 'RGB"값으로 표현되는 높이값으로 눈속임을 만들어줍니다.  예시를 한 번 볼까요?! <img src="https://t1.daumcdn.net/cfile/cafe/167D504650488F8C29" class="txc-image" hspace="1" vspace="1" border="0" actualwidth="400" width="400" style="clear:none;float:none;" id="A_167D504650488F8C29B113"/> <img src="https://t1.daumcdn.net/cfile/cafe/15174E4650488F8D0B" class="txc-image" hspace="1" vspace="1" border="0" actualwidth="400" width="400" style="clear:none;float:none;" id="A_15174E4650488F8D0BAAF6"/> 한 눈에 차이가 느껴지시죠?! 네 그렇습니다잉~! 첫번째 것이 범프맵, 두번째 것이 노멀맵입니다잉~! 으아니 그런데! 눈썰미가 좋으신 분은 눈치채셨을지도 모르겠습니다!  딱! 맵만 봐도 범프맵보다 노멀맵이 더 입체감이 살아있는게 느껴지시죠????????????????? 실제로도 적용해보면 범프맵은 입체감이 잘 살지 않고 금방 티가 나서 '최근에는 거의 사용하지 않습니다!' 대세는 바로 노멀맵이죠! ㅋㅋㅋ  최근에 출시되는 게임치고는 노멀맵이 쓰이지 않은 게임이 없다고 봐도 무방할 겁니다. 특히 고사양게임이라면 더욱이말이죠! Step.2 그럼 Displacement(디스플레이스먼트) 맵은 뭐시다냐! 사실 디스플레이스먼트 맵은 거의 게임에서 사용하지 않는다고 봐도 무방합니다 ㅋㅋㅋ  하지만 왜 알아야하느냐! 그래도 활용되는 곳이 간혹 있기때문이죠 ㅋㅋㅋ (전 아직 활용 안해봤는데, 실제 인터넷에 돌아다녀보면 활용하는 분이 가끔 보입니다.) 위에서 범프와 노멀은 '눈속임'이라고 말씀드렸는데요. 디스플레이스먼트맵은 쉽게 말하면 '레알!'입니다. (Real! 정말로! 진짜로!) 무슨 말이냐~ 하면 디스플레이스먼트 맵을 로우폴리곤 모델에 적용하면  '어둡고 밝은 값에 따라 폴리곤 구조, 갯수를 변형시켜서 하이폴리곤으로 바꿔줍니다!' 따라서 이걸 게임에 적용했다간 엄청난 고사양 게임이 탄생하겠죠? 하하하하하하하하하하 어떻게 생기셨나 한번 보면 <img src="https://t1.daumcdn.net/cfile/cafe/137C64415048916613" class="txc-image" hspace="1" vspace="1" border="0" actualwidth="341" width="341" style="clear:none;float:none;" id="A_137C64415048916613115C"/> 이렇게 생기셨습니다.A.O맵이랑 비슷하게 생겼죠? ^^ 디스플레이스먼트 맵은 보통 영화에서 많이 쓰인다는 이야기를 들었는데. 이전에 어떤 튜토리얼을 봤는데 직접 적용하지않고 간접적으로 잘 돌려 적용해서 입체감을 더 해주는 분이 있더라구요 ^^ Step.3  그럼 Bump, Normal, Displacement 맵은 어떻게 만들어낼까요?! 정석으로 뽑아낸다면 보통은  Zbrush나 지난번에 언급한 적 있는 맥스의 RTT(Render to Texture)로 뽑아냅니다만, 그 외에도 머드박스로도 뽑아낼 수 있으며,  쉽게 노멀맵을 만들어주는 포토샵 노멀플러그인, 크레이지 범프 , x노말 같은 프로그램으로도 뽑아낼 수 있습니다. 하지만 이런 프로그램은 대부분 유료죠 ^^ 그래도 여타 노멀을 뽑아주는 프로그램으로 만들어내는 것보다  직접 지브러쉬로 만들어서 뽑아내는거 제일 좋은 퀄리티가 나온다는군요 ^^ <img src="https://t1.daumcdn.net/cfile/cafe/175CB7375048929237" class="txc-image" hspace="1" vspace="1" border="0" actualwidth="184" width="184" style="clear:none;float:none;" id="A_175CB73750489292376AD3"/> 위의 사진이 지브러쉬에서 노멀맵을 추출하는 메뉴구요 ^^ 이 외에도 디스플레이스먼트 맵을 뽑아주는 메뉴도 있습니다. 이번 튜토리얼은 여기까지네요! 원래 막 웃긴 짤방이나 이런것도 막 집어넣었겠지만 지금 피곤하기도하고 기분도 저기압 상태라 빨리빨리 끝냈습니다 허허허허허허허허허허허허허허허허허 다음번에는 그 외의 간단한 맵 몇 개를 살펴보고 맵에 관한 튜토리얼을 끝마치겠습니다잉!