Basic Concepts of Creating Avatar Items

# Course Introduction

Let's examine the configuration and logic of an avatar. Understanding the concept will help you create all kinds of items using the reference guides below. You can create avatar items using Adobe Photoshop. Crafting sheets are provided as .psd files.

##### Reference Guide

  * [Creating Pants](/docs?postId=584)
  * [Creating Capes](/docs?postId=585)
  * [Creating Coats](/docs?postId=586)
  * [Creating Gloves](/docs?postId=587)
  * [Creating Shoes](/docs?postId=583)
  * [Creating Hair](/docs?postId=657)
  * [Creating Hats](/docs?postId=592)
  * [Creating Outfits](/docs/?postId=1042)



# Avatar Type and Configuration

  * Avatars use one configuration regardless of gender.  
[gif](1645599045163ccc2935448284dc8a4bf416dddb0dc0f)
  * There are 18 skin colors.  
[gif](164559906683366b8775726e848979b8ae26b139185bf)
  * Avatars consist of a Head, Body, and Arms.  
[gif](16455990991107dd9fc17151646c3b43934bbea7b7e48) [png](1656562325832bf59276bc41f4f8cac5f4245ae8a71d7)
  * Items are also created for the Head, Body, and Arms parts. Draw the item according to the layer, and draw only on one side of the layer, as layers are one-sided.  
[gif](1656562341085cff05d9389cc4c5c9ff1699c4e69eba0)



# Avatar Costume

Suit costumes and basic costumes are all drawn in the sheet. Sheets are provided in psd files which have separate layers.  
Please refer to these guides: [Creating Pants](/docs?postId=584), [Creating Coats](/docs?postId=586)  
[gif](16455992831750c17309e8c164dd582a5a3e7de378694)

#### Production Sheet Guide

To create items, you'll need specially prepared files. Each file has different layers with distinct purposes. The gray layer is for guide purposes. Creators will do the actual drawing on the yellow layer.

Images that make up the avatar have multiple layers. Avatars consist of a head, body, and arms. There are more layers for arms depending on their position relative to the head. The images are separated as the body goes below the costume, the costume goes below the shield, and the shield goes below the weapon. The height of each separated sprite is organized in the zmap file. If you edit the name of this layer, you cannot craft items. Each sheet has zmap information and has an internal rule that fixes the name, number, and location of layers. You cannot change the names of layers.

Sample sheet and layers are composed as follows. [png](16456098529897d1257963fee4195847d88ea72c39bf9)[png](1645609844102aade2f41f8144232b2d35fd5318a6bef)

# Avatar Face

  * There are various faces to match various skin tones. [gif](1645608336694ccb878c41f2c4e409756ebf0fb5feb31)
  * To make faces that match various skin tones, first, draw a line in black (or a dark color), and then erase the outer line, double eyelid line, and the whites of the eyes to differentiate the transparency. [gif](164560843607021a6e8aec7ec45d3bc4162389238585b)[gif](1645608450343ea9e7a33235f48e08b7fded4924960f4)



# Avatar Hair

There are two types of hair, long and short. Draw the shadow with #6D5031 color according to the hair shape, and apply 30% transparency to match all skin tones. [gif](16456096534270fee743409094561820666e6aed2fe56)[gif](1645609664691b243cbfb8cb44544972f03fac255bcbf)[gif](1645609675823dabb15759fd0454a9b75286fee4d5864) For hair that's pressed flat, you can put on various caps like the image below. [gif](164560961847630710d0ba78a48119c7793a2212f3f4e)[gif](1645609600856ad0518160caa4e01a1b00d34d77b7bea)

#### Long Hair

The front part requires 6 Layers. Hair styles that are longer than shoulder length require additional images for prone position.

  * Required Layers: Front, Back, Pressed, Shadow, Prone, Pressed hair in prone position [png](1656562362823d8cca002173b48cba4214f8da0034541)



#### Short Hair

The front part requires 3 Layers. Short hair styles look the same even in prone position.

  * Required Layers: Front, Pressed, Shadow [png](16565623953131f5297a811134fc9aa053cac47c57f33)



# Avatar Hats

Hats have two types depending on what they look like from the front. There are additional hats that match actions.

  * Hat with 1 layer in front of hair [gif](1656562411232fccbc00feee74548bcd4e0c542e9e2ca)
  * Hat with 2 layers in the front and back of hair [gif](16565624265193e5e0ab49c784e63b7c007fece27fb24)
  * Hat made by utilizing sheets according to action [gif](16456087096046eb7438793364ede8186282bdca75a61)