Creating Pants

# Course Introduction

Let's learn how to make pants. You can adjust the length and color of denim shorts, and make your own skirts or long pants. First, please refer to [Basics of Creating Avatar Items](/docs?postId=588) to understand the basic concept of avatars.

# Preparation

Adobe Photoshop is required to create items. After installing the software, download and open the file below. $$attachFile {"name":"Avatar_Pants.psd","url":"https://mod-file.dn.nexoncdn.co.kr/storage/Avatar_psd/version2/Avatar_Pants.psd"} $$

> Tip We recommend making items within 120 x 120 pixels based on the avatar's feet. [png](1677032255514a026c711634c4196ab0b96bc5424e7f9)

# Production Sheet Description

The production sheet is divided into gray and yellow layers. In the three gray layers, there are data folders for image datafication, avatar body layer for image creation, and line layer for guidance. All gray layers are locked, and no modifications are required while working. The creator can draw the actual item in the yellow layer.

> Tip If you edit or delete the names of layers, you will not be able to register the item. Never change the layer names.

#### Gray Layer

  1. data folder You need the data folder for item datafication. It does not affect image creation. 
     * data:origin: Marks the center of the data with a red dot.
     * data:type:Pants: Indicates data type.
     * data:vslot:Pn: Only hats use the concept of vslot.
     * data:use_zmap_preset1: Image layers pile up to create an avatar. An avatar's structure involves stacking images of clothes, shields, and weapons over each other to create various body movements.  
The height of each sprite by item is organized in the file zmap.
  2. guide_character_summary layer: Avatar's sample body. Layer with a bigger number is placed below.
  3. guide_grid: Craft items using grid lines. You have to work within the green line. [png](1645498107053da17e0eeb2704d77ba834b73bf65d9c7)



#### Yellow Layer

Creators can draw the pants on the yellow layer (edithere:pants_pantsBelowShoes_75). [png](16454981267650d9164635d8d474bad641d8cd0cd5ea0)

# Creation

Using the basic pants, let's make shorts and long pants as shown below.

[{"index":"Basic Pants","0":"[png](16454979999409fd4d08bd2f4489c858250629ef0f2ed)"},{"index":"Change Color","0":"[png](1645498013081746575d0b440465897991f2dc116df30)"},{"index":"Long Pants","0":"[png](1645498023976f2cc0d293501416f9c65f13ce1c63681)"}]

#### Changing the Color

  1. Click the yellow layer (edithere:pants_pantsBelowShoes_75).
  2. Select image > Adjustments > Hue/Saturation or use the shortcut Ctrl+U to open Hue/Saturation window.
  3. Adjust the value of Hue. Change the color of the pants, press 'OK' button, and save the file. [png](164550404415997459e844dd54f63917a5815a36a1fb2)



#### Making Other Types of Pants

  1. Work on your image on the yellow layer (edithere:pants_pantsBelowShoes_75).  
[png](164558135888530c409a7de4e47e49ccac81ee21c58d2)
  2. In Photoshop, click Pencil Tool and draw pixels according to avatar's body.  
You have to draw skirts according to the feet, and within the green guide line.  
[png](16455041383060a17d6620fdf422cab54bab983600362)



##### Reference Guide

  * [Creating Shoes](/docs?postId=583)
  * [Creating Capes](/docs?postId=585)
  * [Creating Coats](/docs?postId=586)
  * [Creating Gloves](/docs?postId=587)