망토 만들기

# 학습 과정 소개

망토 제작 방법을 알아봅시다. 기본 망토에 컬러를 바꾸고 그 위에 그림을 그릴 수 있습니다. 망토 대신 풍선을 제작할 수도 있습니다. [아바타 아이템 제작의 기본 개념](/docs?postId=588)을 참고해 아바타의 기본 개념을 먼저 숙지하길 바랍니다.

# 사전 준비

아이템 제작을 위해선 Adobe Photoshop이 필요합니다. 해당 소프트웨어를 설치한 후 아래 파일을 받아 엽니다. $$attachFile {"name":"Avatar_Cape.psd","url":"https://mod-file.dn.nexoncdn.co.kr/storage/Avatar_psd/version2/Avatar_Cape.psd"} $$ $$attachFile {"name":"Avatar_Cape_balloon.psd","url":"https://mod-file.dn.nexoncdn.co.kr/storage/Avatar_psd/version2/Avatar_Cape_balloon.psd"} $$

> Tip. 아이템은 아바타 발을 기준으로 최대 120x120 안에서 제작을 권장합니다. [png](1677032255514a026c711634c4196ab0b96bc5424e7f9)

# 제작 시트 설명

제작 시트는 회색 레이어와 노란색 레이어로 구분되어 있습니다. 3개의 회색 레이어는 이미지를 데이터화하기 위한 data 폴더, 이미지 제작에 도움을 줄 아바타 body 레이어, 가이드용 선 레이어가 있습니다. 회색 레이어는 모두 잠겨있고, 작업 중에 수정은 필요하지 않습니다. 노란색 레이어는 크리에이터가 실제 아이템을 그릴 수 있는 곳입니다.

> Tip. 모든 레이어의 이름을 수정하거나 삭제할 경우 아이템을 제작할 수 없습니다. 절대 이름을 변경하지 마세요.

#### 회색 레이어

  1. data 폴더 data 폴더는 아이템을 데이터화하기 위해 필요한 폴더입니다. 이미지 제작에는 영향을 주지 않습니다. 
     * data:origin: 빨간색 점으로 데이터의 중심을 표시합니다.
     * data:type:Cape: 어떤 종류의 데이터인지 알 수 있습니다.
     * data:vslot:Sr: vslot의 개념은 모자에서만 사용됩니다.
     * data:use_zmap_preset1: 아바타를 구성하는 이미지는 층층이 쌓여 만들어집니다. 아바타의 다양한 몸동작을 만들기 위해 몸을 바탕으로 옷, 방패, 무기 순으로 이미지가 층층이 위에 쌓이는 구조입니다.  
아이템에 따라 분리된 각 Sprite의 높이가 순서대로 정리된 파일이 zmap입니다.
  2. guide_character_summary 레이어: 아바타의 샘플 body입니다. 레이어 이름 뒤에 붙은 숫자가 클수록 아래에 배치되는 내부적인 규칙입니다.
  3. guide_grid: 그리드 선 기준으로 아이템을 제작합니다. 초록색 선 안에서만 작업을 해야 합니다. [png](1645511035444e8349fcd53a8498eafb9e14c0a5e0fe0)



#### 노란색 레이어

노란색 레이어에는 크리에이터가 제작할 망토를 그릴 수 있습니다.

  * edithere:cape_capeOverHead_10: 망토의 바깥쪽 부분 레이어입니다.
  * edithere:cape_cape_48: 엎드렸을 때 보이는 망토 레이어입니다.
  * edithere:cape_capeBelowBody_83: 망토의 안쪽 부분 레이어입니다.



[png](16455110548840d829341a51d485097d7258e74e7b2ba)

# 제작하기

크리에이터가 구상한 독특한 망토를 제작해봅시다. 제작 중 망토의 동작하는 애니메이션을 확인하고 싶다면 [등록하기](/docs?postId=590)를 이용해 미리 확인할 수 있습니다.

#### 무늬 그리기

  1. edithere:cape_capeOverHead_10를 선택합니다.   
[png](1646030772333162edae825294ac48cc1d5fbb96647c1)
  2. 망토의 바깥쪽에만 무늬를 그립니다. Pencil Tool을 이용해 3번 레이어에 하트 무늬를 그립니다.  
[png](16456004442401ea5defa579a4b6abf23766fae78e720)[gif](1645601105790a0371e5caeb844c998d7e93f9cef9bdd)



#### 색상 변경하기

  1. 노란색 레이어를 클릭합니다.  

  2. Image - Adjustments - Hue/Saturation 또는 단축키 Ctrl+U를 입력해 Hue/Saturation 창을 엽니다.
  3. Hue, Saturation 값을 조정합니다. 망토 색상을 원하는 색으로 변경합니다.  
[png](16455174179436b418feba80a437dbff18a16cb72c1d8)
  4. 모든 노란색 레이어의 색상을 변경한 뒤 파일을 저장합니다.  
[gif](1645601140643c559a7b9c69a42ebb92aa2ff968912a6)



#### 풍선 만들기

풍선 제작용 시트(Avatar_Cape_balloon.psd)를 엽니다.

  1. 노란색 레이어를 클릭합니다.  
[png](164551700483099e8c4210c404b7a86d0e8663daf82fc)
  2. Image - Adjustments - Hue/Saturation 또는 단축키 Ctrl+U를 입력해 Hue/Saturation 창을 엽니다.
  3. Hue, Saturation 값을 조정합니다. 풍선 색상을 원하는 색으로 바꾸고 'OK' 버튼을 누릅니다.  
[png](1645516927945b5a70e3c58994a7b99fb73ff90921c95)
  4. Pencil tool을 선택하고 풍선에 리본을 그려줍니다. 각각의 동작에 모두 그려줍니다.   
[png](16455169584853247e15f49954ad69dd7a2d1d12567d7)
  5. 모든 노란색 레이어에서 색상 변경을 한 뒤 파일을 저장합니다.  
[gif](1645601233197520c1a81436a4d819c9273af39c3b9cb)



> Tip 리본 하나를 그린 후 다른 동작의 풍선에 붙이면 편리합니다.

> 더 알아보기 풍선은 망토에 해당하는 아이템으로 취급되기 때문에 망토와 동시에 사용할 수 없습니다.

##### 참고 가이드

  * [하의 만들기](/docs?postId=584)
  * [상의 만들기](/docs?postId=586)
  * [장갑 만들기](/docs?postId=587)
  * [신발 만들기](/docs?postId=583)