④ 카메라 워크로 배경 이동

19,883 view
ClipStudioOfficial

ClipStudioOfficial

CLIP STUDIO PAINT 애니메이션 기능을 사용하여 애니메이션을 만들어 봅시다!

이 강좌는 처음 애니메이션을 만드는 사람을 위한 애니메이션 연습 강좌입니다.


첫 번째 연습

https://tips.clip-studio.com/ko-kr/articles/2043

두 번째 연습

https://tips.clip-studio.com/ko-kr/articles/2044

세 번째 연습

https://tips.clip-studio.com/ko-kr/articles/2045


마지막 연습에서는 카메라 워크로 배경만을 움직이는 애니메이션을 만듭니다.

배울 기능: 레이어 키 프레임을 유효화, 2D 카메라 폴더


위 작례에서는 캐릭터 그림과 배경 그림 각각 한 장씩만 그려져 있습니다.

CLIP STUDIO PAINT에서는 카메라 워크 기능을 사용하여 일러스트 한 장을 변화시키는 트윈 애니메이션을 만들 수 있습니다.


【POINT】iPhone 버전

iPhone 버전의 CLIP STUDIO PAINT는 애니메이션을 만들기 위해서 팔레트 바를 커스터마이즈해야 합니다.

다음의 순서에 따라 [타임라인] 팔레트를 추가합니다.

https://tips.clip-studio.com/ko-kr/articles/2428#ec0be1b4


[1] 신규 다이얼로그에서 캔버스 작성

① [파일] 메뉴 → [신규]를 선택하고 [신규] 다이얼로그를 표시합니다.


② [신규] 다이얼로그에서 작품 용도 중 [애니메이션]을 선택합니다.


③ 다음 항목을 설정합니다.


· [기준 사이즈] ... 실제 애니메이션 작품을 내보냈을 때의 화상 크기입니다. 이번에는 초기 설정인 [720x540 (144dpi) 여백 있음]으로 작성합니다.


· [타임라인] ... [프레임 레이트]와 [재생 시간]을 설정합니다.

이번에는 3초간의 애니메이션이 되도록 '프레임 레이트: 8' '재생 시간: 24'로 설정했습니다.


· [작화 사이즈] ... 체크 박스를 선택합니다.

[작화 사이즈]를 설정하면 내보낼 애니메이션 작품보다 광범위하게 그림을 그릴 수 있습니다. 이번에는 [폭]을 [배율 지정]으로 '2.00'으로 설정했습니다.


③ [OK]를 클릭하면 애니메이션용 캔버스가 작성됩니다.

[레이어] 팔레트에 애니메이션 폴더가 작성되어 '1' 레이어가 저장되었습니다.

[타임라인] 팔레트에는 '1' 레이어가 지정되어 있습니다.


[2] 앞쪽 일러스트 그리기

이번에는 [애니메이션 폴더]를 사용하지 않고 애니메이션을 만들 수 있으므로 불필요한 것을 삭제합니다.

① [레이어] 팔레트에 [애니메이션 폴더]를 선택하여 [레이어] 팔레트의 [레이어 삭제]를 클릭합니다.


② [레이어] 메뉴에서 [신규 래스터 레이어]를 클릭하여 캐릭터 일러스트를 그립니다.

(이미 그린 일러스트를 CLIP STUDIO PAINT에서 열어 전체 선택한 후 복사하여 편집 중인 애니메이션 파일에 붙여넣어 사용해도 됩니다.)


캐릭터 일러스트는 [기준 사이즈] 안쪽에 그립니다.

※ 실제로 애니메이션을 내보냈을 때 [기준 사이즈] 바깥쪽은 내보내지 않게 됩니다.


[3] 배경 그리기

① 캐릭터가 그려진 레이어 아래에 레이어를 작성합니다. '배경'과 레이어를 변경했습니다.


② '배경' 레이어에 배경을 그립니다. [작화 사이즈]까지는 벗어나도록 그려도 됩니다.

※ 루프 애니메이션을 만들려면 애니메이션의 시작과 끝의 상태가 같아야 합니다.

이번에는 카메라 워크에서 처음과 마지막에 표시되는 배경이 연결되도록 같은 그림을 복제합니다.


[4] 2D 카메라 폴더 작성

① [애니메이션] 메뉴에서 [애니메이션용 신규 레이어] → [2D 카메라 폴더]를 선택합니다.


'카메라 1' 폴더가 작성되었습니다.


② '배경' 레이어를 '카메라 1' 폴더에 드래그 앤 드롭하여 저장합니다.


[5] 키 프레임 추가



■ 첫 번째 키 프레임


① [도구] 팔레트에서 [조작] 도구를 선택하여 [보조 도구] 팔레트로 [오브젝트] 보조 도구를 선택합니다.


캔버스의 [기준 사이즈]에 맞춰 핸들이 표시됩니다.


② 타임라인 팔레트에서 첫 번째 프레임을 선택합니다.

캔버스에 표시된 '카메라 1' 핸들을 [오브젝트] 보조 도구로 조작할 수 있습니다.

윗부분의 컨트롤 포인트로 회전, 네 모퉁이의 핸들로 확대/축소, 테두리 안쪽을 드래그하여 카메라를 이동할 수 있습니다.


③ 첫 번째 프레임을 클릭하여 선택합니다.


④ 첫 번째 프레임에 표시하려는 위치로 카메라를 이동합니다. 타임라인에는 [키 프레임]이 추가됩니다.



■ 두 번째 키 프레임


① 마지막 프레임인 24 번째 프레임을 클릭하여 선택합니다.


② 마지막 프레임에 표시하려는 위치로 카메라를 이동하면 타임라인에는 [키 프레임]이 추가됩니다.

타임라인의 맨 처음과 마지막에 카메라 워크가 설정되었습니다.


【POINT】

작례와 같이 연결된 부분이 표 나지 않는, 매끄러운 애니메이션을 만들려면 [타임라인] 팔레트의 [키 프레임 보간]을 클릭하여 [작성할 키 프레임: 등속]을 선택한 후 키 프레임을 추가합니다.


[6] 완성!

[타임라인] 팔레트의 [재생/정지]를 클릭하면 재생됩니다.


애니메이션이 완성되었습니다!

맨 처음과 마지막 키 프레임에서 같은 그림이 나타나게 되므로 반복되는 루프 애니메이션이 되었습니다.

※ GIF 애니메이션


[파일] 메뉴 → [애니메이션 내보내기] → [애니메이션 GIF]를 선택하면 GIF 애니메이션으로 내보낼 수 있습니다.



<연습 ③과 ④의 응용>

연습 ③에서는 캐릭터 일러스트 한 장에, ④에서는 배경에 키 프레임을 추가했습니다.

모두 한 번에 사용하면 이런 작품도 만들 수 있습니다.

캐릭터 일러스트 한 장에 캐릭터와 배경의 카메라 워크에 대한 [키 프레임]을 추가하여 다양한 표현을 할 수 있게 됩니다.



애니메이션 연습 강좌는 이제 끝났습니다.


애니메이션 기능을 좀 더 자세히 배우려면

CLIP STUDIO PAINT 애니메이션 기능에 대해서 좀 더 자세히 알고 싶다면 다음의 강좌를 참조하십시오.

https://tips.clip-studio.com/ko-kr/articles/2047
https://tips.clip-studio.com/ko-kr/series/4
https://tips.clip-studio.com/ko-kr/series/117
https://www.clip-studio.com/site/gd_en/csp/userguide/csp_userguide/500_menu/500_menu_anime.htm

댓글

관련 기사

신착

공식 신착