MAKING 3D ITEMS - BLENDER
3D 블렌더 시작하기

UV 매핑, 텍스처링

23min

👍 해당 가이드의 이해를 돕기 위해 페이지 하단에 영상이 첨부되어 있습니다. 가이드와 함께 영상을 참고하면 더 쉽게 따라할 수 있어요!



UV 매핑(UV mapping)이란

  • UV 매핑은 모델링 과정에서 만들어진 3D 메쉬의 면을 2D 평면에 매핑하는 과정을 말합니다. 3D를 2D로 펼쳐 놓은 전개도와 같은 것으로 UV 매핑 작업을 통해 질감을 더할 수 있게 됩니다. 이 과정을 언랩(Unwrap)이라고도 합니다.
Document image




STEP 1 : 블렌더로 언랩(Unwrap)하기

상단의 UV Editing 메뉴를 선택하면 UV 중심의 레이아웃으로 변경됩니다.

  • 왼쪽에는 UV Editor 패널이, 오른쪽에는 3D 뷰포트가 편집 모드가 있습니다.
Document image




  • 오브젝트의 UV는 3D 뷰포트에서 선택한 메쉬에 해당하는 부분만 보여집니다.
Document image




  • 3D 뷰포트 내의 Select > All을 선택하면 오브젝트의 모든 구성 요소가 UV 맵으로 나타납니다.
Document image




STEP 2 : 이음새(seam) 만들기

UV 맵을 작업하기 위해서는 먼저 덩어리를 뜻하는 아일랜드(island)를 만들어야 합니다. 이때 선(edge)을 이음새(seam)로 생각하고 펼치면 됩니다.

  1. 기존의 선을 이음새(seam)로 표시하기 위해서는 오브젝트에서 선을 선택하고 UV > Mark Seam을 누릅니다. 그러면 선택한 선이 빨간색으로 표시되면서 이음새 역할을 하게 됩니다.
  • 만약 이음새 표시를 해제하고 싶다면, UV > Clear Seam을 선택합니다.
Document image


👍 UV 매핑을 위해 이음새(seam)을 표시하는 좋은 방법은 의상에서 솔기가 있을 법한 곳을 찾아서 표시하는 것입니다. 여러분의 실제 의상을 참고하여 이음새가 어디에 있는지 확인해보세요.



STEP 3 : 언랩하기

앞선 단계에서 이음새(seam)가 표시되고 나면 블렌더가 자동으로 메쉬에 표시한 이음새(seam)로 UV 맵을 언랩해줍니다.

  1. 오브젝트의 전체 구성 요소를 선택한 다음 UV > Unwrap 을 선택합니다.
Document image




  • UV 패널에 이음새(seam)를 따라 펼쳐진 UV 맵이 나타납니다. 이때 원하는 아일랜드(island)가 만들어지지 않았을 경우, 표시했던 이음새를 확인하고 변경하여 다시 언랩을 시도해보세요.
Document image




  • UV> Unwrap을 선택하면 뷰포트 왼쪽 하단에 Unwrap 관련 옵션 메뉴가 생깁니다. 여기에서 여백(Margin)슬라이더로 아일랜드 간의 간격을 조정할 수 있습니다.
Document image

Document image




STEP 4 : UV 편집

  • UV 편집 패널에서는 3D 뷰포트와 마찬가지로 UV를 점, 선, 면, 아일랜드 단위로 선택할 수 있습니다.
Document image




  • 이동, 회전, 크기 등의 변화 또한 가능합니다. UV 구성 요소들을 선택하고 변형시켜서 원하는 구조에 맞게 UV를 더 잘 맞출 수 있습니다.
Document image




❗️ 주의사항 UV 편집 패널에서 점, 선, 면과 같은 구성 요소를 이동하게 되면 질감이 적용되어 왜곡된 것 처럼 보일 수 있으니 주의해서 사용해야 합니다.



  • 분리할 구성 요소를 선택하고 왼쪽 툴 중 Rip Regions를 선택하면 해당 부분이 분리되어 새로운 아일랜드가 만들어 집니다.
Document image




  • Rip Regions로 만들어진 새 아일랜드는 3D 뷰포트 상에 이음새(seam)으로 표시되지 않으며, 오브젝트를 다시 언랩하게 되면 사라집니다. 이때 UV 편집 패널의 UV > Seams to islands 를 선택하면 분리한 새 아일랜드에 해당하는 이음새가 생성됩니다.



STEP 5 : 레이아웃

텍스처링에서 좋은 결과를 얻기 위해서는 UV 레이아웃을 잘 맞추는 것이 중요합니다. 가장 먼저 각 아일랜드 간의 충분한 여백이 있는지를 살펴봐야 합니다. 그렇지 않다면 텍스처가 잘리거나 UV 경계에서 보여질 수도 있습니다.

  • 각 아일랜드의 위치는 수동으로 배열할 수도 있지만 블렌더에서는 자동으로 배열하는 기능을 제공합니다. 모든 아일랜드를 선택하고 UV 패널의 UV > Pack Islands 를 선택하면 UV가 자동으로 그리드에 맞게 정렬됩니다. 그러나 이 경우에도 여백 등의 공간 효율성이 떨어질 수 있기 때문에 추가적인 조절은 필요합니다.
Document image




  • 텍스처 용량 제한을 고려하여 각 구성요소에 맞춰 크기를 조절합니다. 구성 요소 중 높은 디테일이 필요한 것은 더 많은 공간을 차지할 수 있습니다. 반대로 단순하게 표현되는 부분이나 중요하지 않은 구성 요소는 비교적 작은 공간을 사용합니다.
  • UV가 대각선으로 정렬될 경우, 줄무늬와 같은 특정 패턴을 사용할 때 모양이 고르지 않을 수 있으므로 되도록이면 수평이나 수직으로 정렬하는 것이 좋습니다.



❗️ 주의사항 모든 UV들은 사각 가이드라인 안에 위치해야 합니다.



STEP 6 : 이미지로 추출하기

  1. UV 편집 패널의 UV > Export UV Layout 을 선택해 UV를 이미지로 추출합니다. UV 이미지 파일명은 헷갈리지 않도록 기존 파일명 뒤에 uvMap을 붙여 만드는 것이 좋습니다. ex) TOP_turtleneck_uvMap
  2. 다른 설정은 그대로 두고 Export UV Layout 버튼을 누르면 PNG 파일로 저장됩니다.



STEP 7 :텍스처링

텍스처를 만들고 편집하기 위해서는 이미지 편집기를 사용해야 합니다. 이번 가이드에서는 포토샵을 활용했으나 포토샵 외의 다양한 그래픽 도구로도 작업이 가능합니다.

  1. 포토샵을 열어 새로운 문서를 만듭니다. 텍스처는 정사각형이어야 합니다. 제페토 스튜디오에 업로드 가능한 텍스처의 최대 사이즈는 512x512px이므로, 해당 사이즈로 만들어 줍니다.
Document image




2. 비어있는 새 문서에 저장한 UV 이미지를 가져옵니다. PNG 파일은 투명하기 때문에 텍스처를 어떻게 배치할지에 대한 가이드가 됩니다.

3. 여러 그래픽 요소를 사용하여 여러분의 텍스처를 꾸며줍니다.

Document image




❗️ 주의사항 텍스처가 UV 가이드를 빠져나가진 않는지 확인하며 작업하세요.



4. 텍스처링이 완료되면 이 이미지를 PNG로 추출합니다. 이때 UV 맵 레이어를 숨긴 상태에서 저장해야 합니다.

Document image




5. 포토샵에서 File > Export > Export As 메뉴를 선택합니다. 이 창에서 PNG 파일로 저장이 되는지, 파일 크기는 512x512px이 맞는지 등을 확인할 수 있습니다.

Document image




6. Export 버튼을 눌러 이미지를 저장합니다. 이때 텍스처 이미지 파일명은 헷갈리지 않도록 기존 파일명 뒤에 color를 붙여 만드는 것이 좋습니다. ex) TOP_turtleneck_color



STEP 8 :Test the Texture

텍스처가 올바르게 작업되었는지는 블렌더로 이동하여 테스트할 수 있습니다.

  1. 블렌더에서 Material Properties 창으로 이동하여 오브젝트의 머테리얼(Material)을 새로 만들어 줍니다. 이때 헷갈리지 않도록 기존 파일명 뒤에 shd를 붙여 만드는 것이 좋습니다. ex) TOP_turtleneck_shd 만약 기존에 만들어진 머테리얼이 있다면 그대로 사용해도 좋습니다.
Document image




2. Base Color 옆 작은 동그라미를 선택하고 Image Texture를 눌러줍니다.

Document image




3. Open 버튼을 눌러 앞서 포토샵에서 저장했던 PNG 파일을 불러옵니다.

Document image




4. 이제 텍스처가 오브젝트에 적용되었습니다만, 뷰포트 창에서는 여전히 보이지 않을 수 있습니다. 이때 상단의 Viewport Shading 모드를 변경하면 미리보기를 할 수 있습니다.

Document image








업데이트됨 11 Oct 2024
Doc contributor
Doc contributor
Doc contributor
이 페이지가 도움이 되었습니까?