안녕하세요! 이 글에서는 클립 스튜디오 페인트(Clip Studio PAINT)에서 첫 애니메이션을 만드는 방법을 알려드리겠습니다. 초보자이거나 2D 애니메이션 세계에 처음 입문하는 분들도 간단한 로파이(LO-FI) 스타일 애니메이션을 만들 수 있습니다.
클립 스튜디오 페인트 PRO 또는 클립 스튜디오 페인트 EX가 있다면 전체 과정을 따라 자신만의 애니메이션을 만들 수 있습니다!
우리가 만들 애니메이션은 다음과 같습니다:
비슷한 애니메이션을 만드는 전체 과정을 알려드릴 것입니다. 얼마나 재미있고 쉬운지 알게 될 것입니다.
그러니 다음의 멋진 튜토리얼을 시청하시도록 초대합니다:
비디오 튜토리얼: 클립 스튜디오 페인트에서 애니메이션 만드는 방법 (초보자용)
비디오는 스페인어로 되어 있지만, 자막을 원하는 언어로 활성화할 수 있다는 것을 잊지 마세요. 분명 찾을 수 있을 겁니다 :)
비디오는 어떠셨나요? 간단한 로파이 스타일 애니메이션을 만드는 전체 과정을 단계별로 살펴보았습니다.
애니메이션 제작 과정:
이제 이미지를 통해 단계별 과정을 다시 살펴보시기 바랍니다:
1. 프로젝트 생성
파일 - 새로 만들기로 이동하여 마지막 옵션인 애니메이션을 선택합니다. 사전 설정에서 1920 x 1080을 선택하고, 스토리 이름을 변경하고, 가장 중요한 것은 속도를 8로, 지속 시간을 24프레임으로 변경합니다. 준비가 되면 확인을 누릅니다.
2. 클립 스튜디오 페인트의 타임라인
상단의 창 - 타임라인에서 활성화하는 것을 잊지 마세요.
3. 프로젝트 저장
파일 - 다른 이름으로 저장에서 프로젝트를 저장할 수 있습니다. 폴더를 선택하고 항상 .CLIPSTUDIOFORMAT 형식으로 저장하는 것을 잊지 마세요.
4. 애니메이션 레이아웃
프로젝트를 만들면 기본적으로 애니메이션 폴더와 흰색 배경의 종이 레이어가 있습니다. 0부터 시작하기 위해 레이어 패널에서 애니메이션 폴더를 삭제하고 종이 레이어만 남깁니다.
그리고 LAYOUT이라는 새 래스터 레이어를 만듭니다.
이 레이어에 애니메이션 스케치를 그리기 위해 연필 도구와 연필 보조 도구를 선택합니다. 다른 브러시로 스케치를 하고 싶다면 그렇게 해도 됩니다!
그리고 다음과 같은 결과를 얻었습니다:
5. 애니메이션 선화
레이아웃 레이어를 선택하고 레이어 색상 변경을 활성화한 후, 불투명도를 50%로 낮춥니다.
그리고 선을 그릴 새 레이어를 만들지만, 이번에는 새 벡터 레이어를 선택합니다.
그리고 텍스처 펜 보조 도구로 움직임이 없는 영역만 애니메이션 선을 그릴 것입니다.
왜 텍스처 펜 보조 도구를 선택했나요? 이 애니메이션에 예술적인 느낌을 주고 싶기 때문입니다.
그리고 때로는 선을 잘라내야 할 때가 있습니다. 이를 위해 클립 스튜디오에는 멋진 도구가 있습니다. 지우개 도구를 벡터 보조 도구로 선택하면 필요 없는 선을 잘라낼 수 있습니다.
그리고 선의 너비를 수정하고 싶다면 선 보정 도구로 이동하여 보조 도구에서 선 너비 수정(Modify line width)을 선택하면 됩니다. 도구 속성 창에서 늘리거나 줄이기를 선택할 수 있습니다.
이런 방식으로 선의 너비를 편집할 수 있습니다 (테이블 선)
6. 눈 애니메이션
이제 애니메이션을 시작할 시간입니다. 가장 간단한 것부터 시작하여 캐릭터의 깜박임을 만들어 보겠습니다. 이를 위해 타임라인으로 이동하여 다음을 생성해야 합니다: 새 애니메이션 폴더.
그리고 다음을 생성해야 합니다: 새 애니메이션 셀
그리고 이제 제가 정말 좋아하는 트릭을 하나 알려드리겠습니다! 눈 애니메이션 폴더 내의 레이어 패널에서 새 레이어 폴더를 만들고, 프레임과 동일한 이름, 즉 '1'을 지정합니다.
그리고 다른 레이어를 만들 수 있습니다. 이 경우, 선(Line)이라는 벡터 레이어와 색상(Color)이라는 래스터 레이어를 만들 것입니다.
이제 눈 애니메이션 폴더의 선 레이어를 선택하고 눈을 뜨게 만듭니다.
프레임을 레이어 폴더로 만들면 프레임 10에 새 애니메이션 셀을 만들고, 이 새 그림을 만들 때 이전 셀의 모든 레이어와 이름을 존중하여 새 애니메이션 셀을 만든다는 것을 알 수 있습니다. 이것은 제가 정말 좋아하는 기능입니다!
그리고 눈 애니메이션 폴더의 선 레이어에서 눈을 감은 모습을 그릴 것입니다.
이전 그림을 보려면 어니언 스킨 사용을 활성화하는 것을 잊지 마세요.
이제 프레임 12에 새 애니메이션 셀을 만듭니다.
하지만 그 전에 프레임 13으로 이동하여 셀 지정을 활성화합니다.
그리고 그림 1을 선택하여 프레임 13에서 다시 눈을 뜨게 합니다.
그리고 프레임 12에는 반쯤 감은 눈을 그립니다.
그리고 지금까지 깜박임만으로 얻은 애니메이션을 볼 수 있습니다.
7. 책 애니메이션
이제 '페이지'라는 새 애니메이션 폴더를 만들 것입니다.
새 애니메이션 셀을 만들고 이전과 동일한 단계를 반복합니다.
프레임과 동일한 이름으로 레이어 폴더를 만들어 이 폴더 안에 더 많은 레이어를 만들 수 있도록 합니다. 우리가 만들 레이어는 선 레이어와 색상 레이어입니다.
그리고 이 애니메이션 폴더의 선 레이어에 책의 페이지 부분만 그립니다. 이것이 우리가 애니메이션할 부분입니다.
이제 프레임 2에 새 애니메이션 셀을 만듭니다. 기억하시겠지만, 레이어 수와 이름을 존중하여 새 애니메이션 셀을 만듭니다.
그리고 프레임 3에 그림을 완성하면 애니메이션이 준비됩니다.
이제 책 페이지 애니메이션의 지속 시간을 줄여야 합니다. 이를 위해 이 애니메이션 폴더를 오른쪽 끝에서 잡고 3프레임으로 만듭니다.
다음으로 이 애니메이션을 동일한 애니메이션 폴더 안에 복사할 것입니다. 이를 위해 책 페이지 애니메이션 상단에 커서를 놓고 마우스 오른쪽 버튼 - 복사를 클릭합니다.
그리고 비어 있는 프레임 4에 마우스 오른쪽 버튼 - 붙여넣기를 합니다. 그리고 타임라인 전체에 걸쳐 끝까지 동일하게 반복합니다.
다음과 같은 결과를 얻었습니다:
8. 애니메이션 정리
이것이 지금까지 우리가 얻은 애니메이션의 선 결과입니다.
9. 애니메이션 색상
색상을 추가할 시간입니다. 이를 위해 애니메이션 선 레이어 아래에 COLOR라는 새 래스터 레이어를 만듭니다. 여기에서 움직이지 않는 모든 요소를 그릴 것입니다.
채우기 도구를 선택하고 보조 도구에서 '다른 레이어 참조'로 변경합니다. 이렇게 하면 다른 레이어에 그릴 수 있으며, 경계선을 읽어 애니메이션의 고정된 요소들을 색상으로 채울 수 있습니다.
이런 방식으로 달성합니다:
10. 책 페이지 애니메이션 색상
이제 책 애니메이션을 그릴 것입니다. 애니메이션의 첫 번째 그림을 선택한 다음 색상 레이어를 선택하고 선을 그렸던 것과 동일한 펜 도구로 그립니다.
11. 눈 애니메이션 색상
동일한 과정을 수행합니다. 눈 애니메이션 폴더를 선택하고 깜박임 애니메이션의 3개 그림을 그립니다.
눈의 밝은 부분과 홍채를 그립니다. 원한다면 눈에 추가 색상을 추가할 수 있습니다.
다음과 같은 결과를 얻었습니다.
12. 경계선 색상
이제 추가적인 디테일을 추가할 것입니다. 경계선을 색칠할 것이며, 이렇게 하면 애니메이션이 훨씬 더 멋지게 보일 것입니다.
이를 위해 선 레이어 위에 '선 색상'이라는 새 레이어를 만듭니다. 그리고 편집 - 채우기로 이동합니다. 하지만 다음 이미지에서 보여드리는 것처럼 레이어 패널에서 '아래 레이어에 클리핑'을 활성화하는 것이 매우 중요합니다:
13. 애니메이션 분위기
이제 애니메이션의 조명으로 놀아볼 시간입니다. '분위기'라는 새 래스터 레이어를 만들 것입니다. 편집 - 채우기로 이동하여 작업 영역 전체를 경계선과 동일한 색상으로 칠합니다. 그리고 레이어 패널의 혼합 모드에서 곱하기를 활성화하고 불투명도를 70%로 낮춥니다.
14. 애니메이션 그림자
이 애니메이션은 평면 색상을 가지고 있지만, 전경과 배경 요소 사이에 깊이를 만들어야 합니다. 이를 위해 모든 레이어 위에 '그림자'라는 새 래스터 레이어를 만들 것입니다. 그리고 펜 도구로 애니메이션의 배경만 그립니다. 불투명도도 70%로 설정합니다.
15. 애니메이션 조명
마지막으로 '빛'이라는 새 래스터 레이어를 만들 수 있습니다. 장면에 작은 조명 터치를 추가하기 위해 혼합 모드를 추가(밝기)로 변경하고 불투명도를 50%로 설정합니다.
16. 클립 스튜디오 페인트의 2D 카메라
카메라의 구도를 변경하고 싶다면 클립 스튜디오 페인트에서 2D 카메라를 생성하여 쉽게 할 수 있습니다. 하지만 생성하기 전에 2D 카메라 렌더링을 활성화하여 비디오나 GIF로 내보낼 실제 카메라 구도를 미리 볼 수 있도록 하겠습니다.
먼저 애니메이션 - 재생 설정 - 2D 카메라 렌더링으로 이동합니다.
타임라인에서 재생을 활성화하면 실제 카메라 샷을 볼 수 있습니다.
이제 구도를 변경하기 위해 새 카메라를 만들 것입니다. 이를 위해 애니메이션 - 새 애니메이션 레이어 - 2D 카메라 폴더로 이동합니다.
그리고 조작 도구를 사용하여 원하는 구도로 카메라를 움직일 수 있습니다.
하지만 카메라가 작동하려면 모든 레이어를 카메라 폴더 안으로 이동해야 합니다. 이런 식으로요:
그리고 재생을 활성화하면 편집한 카메라의 최종 구도를 볼 수 있습니다.
17. 빛 애니메이션
마지막 디테일로 아주 간단하게 빛 애니메이션을 만들겠습니다. 이를 위해 모든 레이어 위에 '빛'이라는 새 애니메이션 폴더를 만듭니다.
이전에 생성한 빛 레이어를 '빛'이라는 새 애니메이션 폴더 안에 넣습니다.
그리고 '빛'이라는 애니메이션 폴더에서 '셀 지정' 옵션을 활성화합니다.
그리고 '빛 1'이라고 불리는 그림을 선택합니다.
타임라인의 그림이 있는 영역에서 마우스 오른쪽 버튼 - 레이어 복제를 클릭합니다.
이제 빛 애니메이션 폴더 안에 동일한 그림이 2개 있습니다. 이제 프레임 3으로 이동하여 '셀 지정'을 활성화합니다.
그리고 '빛 2'라고 불리는 그림 2를 선택하고, 마지막으로 불투명도를 70%로 변경합니다.
이제 빛 애니메이션의 지속 시간을 4프레임으로 설정합니다.
그런 다음 빛 애니메이션 상단에서 마우스 오른쪽 버튼 - 복사를 클릭합니다.
그런 다음 프레임 5에서 마우스 오른쪽 버튼 - 붙여넣기를 클릭합니다. 나머지 프레임에도 동일하게 반복합니다.
빛 애니메이션으로 타임라인을 완성합니다.
18. 애니메이션을 동영상으로 내보내기
파일 - 애니메이션 내보내기 - 동영상
2D 카메라 효과 적용을 활성화하고 FPS(초당 프레임 수)를 8로 변경합니다. 그리고 확인을 눌러 애니메이션을 동영상으로 내보냅니다. .mov 또는 .mp4 형식을 선택할 수 있습니다.
19. 애니메이션을 GIF로 내보내기
파일 - 애니메이션 내보내기 - GIF 애니메이션
GIF 애니메이션 내보내기 설정에서 크고 좋은 품질의 GIF를 원한다면 너비와 높이를 변경한 후 확인을 누르면 애니메이션이 .gif로 내보내집니다.
20. 로파이 스타일 최종 애니메이션
이 글이 많은 도움이 되었고, 첫 애니메이션을 만드는 데 동기 부여가 되었기를 바랍니다. 보시다시피 생각보다 쉽습니다.
다음 팁에서 만나요!
댓글