Production Process Guide

# Course Introduction

Let's learn how to make a cap based on the open back cap. We recommend challenging yourself to produce other types of caps after learning how to create a cap of one type. Refer to the production sheet file and the layer description of the [Open Back Cap](/docs?postId=684) and challenge on the production.

# Create

### Make a Black Beanie with Decorations

Let's erase the heart decoration from the beanie and make a flower decoration instead.

[png](1645791272340b6560797cef648819c675e8136bb5f44) [png](1645791161302775fa9f0d44d4b489f6b85e3d2513b98)

  1. Select the yellow layeredithere:cap_cap_34.  
[png](16457812707994a879e5d7ff5455b8415c392021d348b)
  2. Click the Eyedropper tool, extract the cap color, and select Pencil tool to remove the decoration. [png](16457813036144967276e8fd944f69c27197971d89c8b)
  3. Change the color of the Pencil tool to red and draw a large flower.
  4. These flowers are large, so they should be slightly visible from the back view.  
Select the yellow layeredithere:cap_backCap_92.
  5. Draw the flowers to be slightly visible on the left. [png](16457813415818c106aa53f8d436fbb80937e48b2d555)



### Change color

Let's change the color of the default black beanie. Try drawing more floral decorations if you're used to drawing decorations.

[png](16457911483162090d8b4bcbe47f3b9f3b7b80ea1c184) [png](164579153406366fb27ce813d4b0388d7044f29b1b7c2)

  1. Select the yellow layeredithere:cap_cap_34.  
[png](16457813695371a6dac5875364af99fe85b363c460f5d)
  2. Press the photoshop menu Image > Adjustments > Color Balance or shortcut key Ctrl+B.
  3. Change the color to purple by entering 85, 0, +45 in Color Balance.  
[png](1645781387384ba71feabcec149d3959f3ad2b124b2ad)
  4. Press the photoshop menu Image > Adjustments > Levels or shortcut key Ctrl+L.
  5. Enter the Input Levels values of 0, 1.00, and 156 to change the color to light purple.  
[png](1645781398683671652b3c7394bf0932413f9c060cc63)
  6. Change the back view of the cap in the same way.



### Create Effect Caps

To make the effect cap, let's open the Avatar_Cap_Ani.psd file and create a heart-shaped effect.

[{"index":"Default Effects","0":"[gif](16457929316460fe14b326d45465ea5d3ac18e833c95f)"},{"index":"Heart Effects","0":"[gif](1646010456539bc80ce04d59c41b1a4d73a4d229f5fd2)"}]

  1. Draw the front side of the cap on the case 1 front folder > edithere:cap_cap_34:0 layer.  
[png](16457814337298252d7cb3bfa4f3eb8201cfa4692d18a)
  2. Copy the cap and draw the same on the remaining three layers. 
     * edithere:cap_cap_34:1
     * edithere:cap_cap_34:2
     * edithere:cap_cap_34:3
  3. Since the animation plays from the smallest number to the largest number of the last digit of the layer name, hearts will be drawn progressively, getting bigger in the same position from 0 to 4.  
[png](1645781449807a9572a07c1c44ffaa0107bba7aba7a81)
  4. Draw the back side of the cap on the case 2. back folder > edithere:cap_backCap_92:0 layer.
  5. Copy the cap and draw the same on the edithere:cap_backCap_92:1.
  6. Draw hearts progressively, getting bigger in the same position from 0 to 4.



#### Check Photoshop Timeline

  1. Select Window > Timeline in Photoshop and activate the Timeline menu.
  2. Click Create Frame Animation and start.  
[png](1645781481606d9b1f6c9d22a438598eae1dfcc5ec1e6)
  3. Select the front view's layer number 0 (edithere:cap_cap_34:0) and the back view's layer number 0 (edithere:cap_backCap_92:0) in the Timeline number 1 channel, and then press the + button of the Timeline.  
Select the front view's layer number 1 (edithere:cap_cap_34:1) and the back view's layer number 1 (edithere:cap_backCap_92:1) in the Timeline number 2 channel, and then press the + button of the Timeline.  
Select the front view's layer number 2 (edithere:cap_cap_34:2) and the back view's layer number 0 (edithere:cap_backCap_92:0) in the Timeline number 3 channel, and then press the + button of the Timeline.  
Select the front view's layer number 3 (edithere:cap_cap_34:3) and the back view's layer number 1 (edithere:cap_backCap_92:1) in the Timeline number 4 channel, and then press the + button of the Timeline. [png](1645781496623b8751a23b2ee44f1b4016c6604d791a3)
  4. Create Frame 4 and check the animation play.  
To make the animation play smoothly, change the frame play rate from 0.0 to 0.2 seconds.   
[png](1645781514920abaecc4ac7a34c57920a8b86f8b7f580)
  5. When finished, save the PSD as it is.



> Tip. You can also check the GIF file by pressing File - Save a Copy or 'Alt+Ctrl+S' in the Photoshop menu. [gif](1646010456539bc80ce04d59c41b1a4d73a4d229f5fd2)

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

##### Reference Guide

  * [Closed Back Cap](/docs?postId=677)
  * [Accessory](/docs?postId=678)
  * [Wig](/docs?postId=679)
  * [Face-Covering Mask](/docs?postId=680)
  * [Face-Open Mask](/docs?postId=681)
  * [Hood](/docs?postId=682)