제작 과정 안내

# 학습 과정 소개

뒤통수가 개방된 모자를 기준으로 모자를 만드는 방법을 소개합니다. 하나의 유형의 제작 방법을 익힌 후 다른 모자 유형 제작에 도전하는 것을 권장합니다. [뒤통수가 개방된 모자](/docs?postId=684)의 제작 시트 파일과 레이어 설명을 참고해 제작에 도전해보세요.

# 제작하기

### 장식이 달린 검정비니 만들기

비니의 하트 장식을 지우고 꽃장식을 만들어봅시다.

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

  1. 노란색 레이어 edithere:cap_cap_34를 선택합니다.  
[png](16457812707994a879e5d7ff5455b8415c392021d348b)
  2. Eyedropper tool 클릭하고 모자 컬러를 추출한 후 'Pencil tool'을 선택해 장식을 덧칠해 없앱니다. [png](16457813036144967276e8fd944f69c27197971d89c8b)
  3. Pencil tool의 색을 빨간색으로 변경하고, 꽃을 크게 그립니다.
  4. 꽃이 크기 때문에 뒷모습에서 꽃이 약간 보여야 합니다.  
노란색 레이어 edithere:cap_backCap_92를 선택합니다.
  5. 왼쪽에 꽃송이가 약간 보이게 그려줍니다. [png](16457813415818c106aa53f8d436fbb80937e48b2d555)



### 색상 변경하기

기본 검정 비니의 색상을 변경해봅시다. 장식 그리기에 익숙해졌다면 꽃장식도 추가로 그려보세요.

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

  1. 노란색 레이어 edithere:cap_cap_34를 선택합니다.  
[png](16457813695371a6dac5875364af99fe85b363c460f5d)
  2. 포토샵 메뉴 Image - Adjustments - Color Balance 또는 단축키 Ctrl+B를 누릅니다.
  3. Color Balance에 85, 0, +45를 입력해 보라색으로 색상을 변경합니다.  
[png](1645781387384ba71feabcec149d3959f3ad2b124b2ad)
  4. 포토샵 메뉴 Image - Adjustments - Levels 또는 단축키 Ctrl+L을 누릅니다.
  5. Input Levels 값을 0, 1.00, 156 입력해 밝은 보라색으로 색상을 변경합니다.  
[png](1645781398683671652b3c7394bf0932413f9c060cc63)
  6. 모자의 뒷모습도 같은 방법으로 변경합니다.



### 이펙트 모자 만들기

이펙트 모자를 만들기 위해 Avatar_Cap_Ani.psd 파일을 열어 하트 모양 이펙트를 만들어봅시다.

[{"index":"기본 이펙트","0":"[gif](16457929316460fe14b326d45465ea5d3ac18e833c95f)"},{"index":"하트 이펙트","0":"[gif](1646010456539bc80ce04d59c41b1a4d73a4d229f5fd2)"}]

  1. case1.front 폴더 - edithere:cap_cap_34:0 레이어에 모자의 앞모습을 그립니다.  
[png](16457814337298252d7cb3bfa4f3eb8201cfa4692d18a)
  2. 모자를 복사해 나머지 3개의 레이어에 동일하게 그립니다. 
     * edithere:cap_cap_34:1
     * edithere:cap_cap_34:2
     * edithere:cap_cap_34:3
  3. 애니메이션은 레이어 명의 끝자리 수가 작은 수에서부터 큰 수로 재생되기 때문에 0부터 4까지 동일한 위치에 하트를 점점 크게 그립니다.  
[png](1645781449807a9572a07c1c44ffaa0107bba7aba7a81)
  4. case2.back 폴더 - edithere:cap_backCap_92:0 레이어에 모자의 뒷모습을 그립니다.
  5. 모자를 복사해 edithere:cap_backCap_92:1에 동일하게 그립니다.
  6. 0부터 4까지 동일한 위치에 하트를 점점 크게 그립니다.



#### 포토샵 타임라인 확인

  1. 포토샵에서 Window - Timeline 선택해 Timeline 메뉴를 활성화합니다.
  2. Create Frame Animation을 클릭하고 시작합니다.  
[png](1645781481606d9b1f6c9d22a438598eae1dfcc5ec1e6)
  3. Timeline 1번 채널에 앞모습의 레이어 0번(edithere:cap_cap_34:0)과 뒷모습의 레이어 0번(edithere:cap_backCap_92:0)을 선택하고, 타임라인의 + 버튼을 누릅니다.  
Timeline 2번 채널에 앞모습의 레이어 1번(edithere:cap_cap_34:1)과 뒷모습의 레이어 1번(edithere:cap_backCap_92:1)을 선택하고, 타임라인의 + 버튼을 누릅니다.  
Timeline 3번 채널에 앞모습의 레이어 2번(edithere:cap_cap_34:2)과 뒷모습의 레이어 0번(edithere:cap_backCap_92:0)을 선택하고, 타임라인의 + 버튼을 누릅니다.  
Timeline 4번 채널에 앞모습의 레이어 3번(edithere:cap_cap_34:3)과 뒷모습의 레이어 1번(edithere:cap_backCap_92:1)을 선택하고, 타임라인의 + 버튼을 누릅니다. [png](1645781496623b8751a23b2ee44f1b4016c6604d791a3)
  4. 4프레임을 만들고, 플레이를 애니메이션을 확인합니다.  
애니메이션을 자연스럽게 재생하기 위해 프레임 재생 속도를 0.0초를 0.2초로 변경합니다.   
[png](1645781514920abaecc4ac7a34c57920a8b86f8b7f580)
  5. 완성되었다면 PSD 그대로 저장합니다.



> Tip. 포토샵 메뉴의 File - Save a Copy 또는 'Alt+Ctrl+S'를 눌러 GIF 파일 저장해 확인할 수도 있습니다. [gif](1646010456539bc80ce04d59c41b1a4d73a4d229f5fd2)

> 더 알아보기 'stand', 'walk', 'fly', 'rope', 'ladder' 동작에서만 이펙트가 재생됩니다. 다른 동작들에서는 첫 번째 프레임만 보입니다. 

##### 참고 가이드

  * [뒤통수를 덮는 모자](/docs?postId=677)
  * [액세서리](/docs?postId=678)
  * [가발](/docs?postId=679)
  * [얼굴을 가리는 탈](/docs?postId=680)
  * [얼굴이 보이는 탈](/docs?postId=681)
  * [후드](/docs?postId=682)