Open Back Caps

# Course Introduction

Let's learn how to create open-back caps. You can change the default color of the hat and add accessories. We recommend drawing hats after you get used to creating pants or shoes, because the hat structure is complicated. First, please refer to the [Basics of Creating Avatar Items](/docs?postId=588%7B%22target%22:%22_self%22%7D) to understand the basic concept of avatars.

# Preparation

Adobe Photoshop is required to produce items. Install the software and then download and open the file below.

$$attachFile {"name":"Avatar_Cap_A1.psd","url":"https://mod-file.dn.nexoncdn.co.kr/storage/Avatar_psd/version4_230221/Avatar_Cap_A1.psd"} $$ $$attachFile {"name":"Avatar_Cap_A2.psd","url":"https://mod-file.dn.nexoncdn.co.kr/storage/Avatar_psd/version5_230602/Avatar_Cap_A2.psd"} $$ $$attachFile {"name":"Avatar_Cap_Ani.psd","url":"https://mod-file.dn.nexoncdn.co.kr/storage/Avatar_psd/version4_230221/Avatar_Cap_Ani.psd"} $$

> Tip We recommend making hats within 120 x 120 pixels based on the avatar's feet. [png](16769485559327fc72cf03aca4128998b423540c3e049)

# Production Sheet Description

The hat production sheet is divided into gray, yellow, and red layers. The gray layer has a data folder for image datafication, an avatar body layer to help with the image creation, and a line layer for guidance. All gray layers are locked, and no modifications are required while working. The creator can draw the actual items in the yellow layer. The red layer determines the priority between the hat and the hair.

> 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/Red Layer

  1. data folder: A data folder is required for the datafication of items. It does not affect image production. 
     * data:origin: This marks the center of the data with a red dot.
     * data:type:Cap: This indicates the data type.
     * data:use_zmap_preset1: The images that form an avatar are produced by being piled in layers. The structure is to pile the images of clothes, shields, and weapons in layers in a sequence based on the avatar's body to produce the avatar's various movements.  
Zmap is a file wherein the heights of each sprite, separated by items, are organized in order.
  2. guide_layer: This is an avatar's sample body. The internal rule is that the bigger the number attached after the layer name, it places below.  

     * guide_backHairBelowCapWide_samples_94 and guide_backHairBelowCapNarrow_samples_95 are the samples for the wide and narrow hairs depending on the hat shape.  
[png](16457811937535becc03a37664135889302106c115bff)
  3. (Red layer) data:vslot:CpH1H5: The red layer is a concept only for hats. The vslot layer in a hat file plays a role in determining whether hair or hat takes priority when the two overlap.



[png](1677032356769c4bb8003ae4447ab8b8f3f11c31e2428)

### Yellow Layer

The creator draws the actual open-back hat on the yellow layer.

#### A hat with only one layer in the front of the hair of the front view (Avatar_Cap_A1)

  * case1.front: This contains a layer to draw the front of the hat and front-view samples of normal hair and pressed hair. 
    * edithere:cap_cap_34: This layer lets you draw the front of the hat.
  * case2.back: This contains a layer to draw the back of the hat and back-view samples of normal hair and pressed hair. 
    * edithere:cap_backCap_92: This layer lets you draw the back of the hat. [png](16770399860801689e03a56a847c6b3082835b716c0f9)



#### A hat with two layers in the front and back of the hairs on the front view (Avatar_Cap_A2)

  * case1.front: This contains a layer to draw the front of the hat and the samples of normal hairs and pressed hairs on the front view. 
    * edithere:cap_cap_34: This layer lets you draw the front of the hat.
    * edithere:cap_frontBackCap_92: This layer is used to draw the front view of the hat behind the hair.
  * case2.back: This contains a layer to draw the back of the hat and the samples of normal hairs and pressed hairs on the back view. 
    * edithere:cap_backCap_92: This layer lets you draw the back of the hat.



[png](16856818406522ccc7186c35648dd8beb320cfcc7a07b)

> Learn more Use the 001 samples wherein the Wide and Narrow images are the same from the hair sample of guide_backHairBelowCapWide_samples_94 and guide_backHairBelowCapNarrow_samples_95 when working on the open-back cap (Avatar_Cap_A).

#### A File with Effects (Avatar_Cap_Ani.psd)

Avatar sheets have an animation rule of 4 frames for the front side and 2 frames for the back side. Apply the frame as a hat effect. You need to draw the hat and effect each to be played in order of the animation layers.

  * case1.front : The animation folder includes the layers to draw the hat's front view and effects and the avatar sample. 
    * animation folder: Includes four layers to draw the hat's front view and effects. You need to draw the same hat in all layers.
  * case2.back: The animation folder includes the layers to draw the hat's back side and effects and the avatar sample. 
    * animation folder: Includes two layers to draw the hat's front view and effects. You need to draw the same hat on all layers. [png](16770332160558c40d4d45b4349d29f54ace53eec586e)



> Learn more Only the stand, walk, fly, rope, and ladder actions will play the effect. In other actions, only the first frame is visible.