장갑 만들기

# 학습 과정 소개

장갑 제작 방법을 알아봅시다. 기본 장갑 색상을 바꾸고 그 위에 그림을 그릴 수 있습니다. 장갑은 복잡한 구조로 구성되어 있기 때문에 바지나 신발 아이템 제작에 익숙해진 후 작업하는 걸 권장합니다. [아바타 아이템 제작의 기본 개념](/docs?postId=588)을 참고해 아바타의 기본 개념을 먼저 숙지하길 바랍니다.

# 사전 준비

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

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

# 제작 시트 설명

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

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

### 회색 레이어

[png](16460333014592202c8cc50e94904959448d94d68d14d)

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



### 노란색 레이어

노란색 레이어에 크리에이터가 제작할 장갑을 그릴 수 있습니다.

#### 왼손 오른손 구분

아바타의 손은 왼손, 오른손이 구분되어 있으며 그 위에 아이템이 그려지게 됩니다. 화면 상에서 lGlove은 왼손, rGlove는 오른손으로 설정되어 있습니다. [png](16455945165795c6af89bbd624ecd8f515e2236212434) [png](1645594498083853f96a383c14814b91cbc2e90c29d90)

#### 작업 기준

  1. guide_character_Body_78: 아바타의 샘플을 기준으로 1, 2, 3, 4, 5, 6 위치의 레이어에 장갑을 그려줍니다. 장갑 샘플이 그려진 위치를 참고하시면서 아바타의 손에 맞춰 그려줍니다.  
[png](16455950125317caa13191faa4327be3e5c715ae2f8fa)
  2. guide_character_summary_52,53,62: 아바타의 샘플을 기준으로 3, 4, 5, 6 위치의 레이어에 장갑을 그려줍니다. 장갑 샘플이 그려진 위치를 참고하시면서 아바타의 손에 맞춰 그려줍니다.  
[png](1645595078631cca5a165684046189a9a240bcd976956)
  3. guide_character_summary_24,47: 아바타의 샘플을 기준으로 5,6 위치의 레이어에 장갑을 그려줍니다. 장갑 샘플이 그려진 위치를 참고하시면서 아바타의 손에 맞춰 그려줍니다.  
[png](1645595114548b9b59cd3a86346f0a629d8cb2842a41f)



# 제작하기

#### 무늬 그리기

노란색 레이어에 Pencil Tool을 이용해 작은 하트를 모든 lGlove, rGlove 레이어에 모두 꼼꼼하게 그려줍니다.

[png](1645595325199dbbd9655c991466abd72cfe5e814921a)[png](1645595338100bf3e9fc39a5e4f58b382ad8976540d1d)

> Tip 주로 한 쪽에만 차는 팔찌나 시계는 잘 보이는 'rGlove' 한 쪽에만 그립니다.

#### 색상 변경하기

  1. 노란색 레이어를 클릭합니다.
  2. image - Adjustments - Hue/Saturation 또는 단축키 Ctrl+U를 입력해 Hue/Saturation 창을 엽니다.
  3. 'Lightness' 값을 -40으로 설정해 회색 컬러로 변경해줍니다.  
[png](1645596666352e7cc00268c8a40eca6dbddc476691c10)
  4. Image - Adjustments - Color Balance 클릭 또는 단축키 Ctrl+B를 입력합니다.   
Color Balance를 Blue로 조정합니다.  
[png](1645596879737ee76f2425107404a9507095929b396d9)
  5. Image - Adjustments - Levels 또는 Ctrl+L로 창을 엽니다.
  6. 양 끝의 값을 53, 189로 변경해 장갑을 보라색으로 만듭니다.  
[png](16455975905835fb5e72dbb074a25b4179641537a66e1)



##### 참고 가이드

  * [하의 만들기](/docs?postId=584)
  * [망토 만들기](/docs?postId=585)
  * [상의 만들기](/docs?postId=586)
  * [신발 만들기](/docs?postId=583)