③ 카메라 워크 기능으로 캐릭터 이동

22,595 view
ClipStudioOfficial

ClipStudioOfficial

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

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


첫 번째 연습

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

두 번째 연습

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


세 번째 연습에서는 키 프레임을 사용하여 한 장의 일러스트로 움직이는 애니메이션을 만듭니다.

배울 기능: 레이어 키 프레임을 유효화


【POINT】iPhone 버전

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

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

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


[1] 일러스트 그리기

① 처음 CLIP STUDIO PAINT로 일러스트를 그립니다.

(이미 그린 일러스트를 CLIP STUDIO PAINT에서 열어 사용해도 됩니다.)

이 일러스트 한 장으로 애니메이션을 만듭니다.


[2] 타임라인 작성

① 움직이는 일러스트 레이어가 나누어져 있다면 한 레이어 폴더에 저장합니다.


② [창] 메뉴 → [타임라인]을 선택하여 [타임라인] 팔레트에 표시합니다.


③ [타임라인] 팔레트의 [신규 타임라인]을 클릭합니다.


④ [프레임 레이트]와 [재생 시간]을 설정합니다.

[프레임 레이트]를 '8', [재생 시간]을 프레임레이트와 마찬가지로 '8'로 설정하여 1초간의 애니메이션으로 만듭니다.


⑤ 설정하여 [OK]를 클릭하면 '타임라인 1'이 작성됩니다.


[3] 키 프레임 추가

■ 첫 번째 키 프레임


① [타임라인] 팔레트의 [레이어 키 프레임을 유효화]를 클릭합니다.


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


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


④ 캔버스에 팔레트가 표시됩니다.


[오브젝트] 보조 도구로 핸들을 드래그하면 레이어가 변형되어 표시됩니다.

윗부분의 컨트롤 포인트로 회전하거나 네 모퉁이의 핸들로 확대/축소할 수 있습니다.


⑤ 핸들을 조작하여 변형하면 [타임라인] 팔레트의 첫 번째 프레임에 [키 프레임]이 추가됩니다.



■ 두 번째 키 프레임


① 그 다음 다른 프레임을 선택합니다. 여기에서는 총 8프레임의 중간인 다섯 번째 프레임을 선택했습니다.


② [오브젝트] 보조 도구로 핸들을 드래그하여 변형합니다.


변형하면 [타임라인] 팔레트의 다섯 번째 프레임에 [키 프레임]이 추가됩니다.


【POINT】

추가한 키 프레임은 커서를 클릭하여 선택할 수 있습니다.

키 프레임 위치를 드래그하여 다른 프레임으로 이동할 수 있습니다.



■ 키 프레임 복제


키 프레임의 내용은 복사하여 다른 프레임에 붙여넣을 수 있습니다.


① 첫 번째 프레임에 추가한 키 프레임을 선택합니다.


② 오른쪽 클릭하고 메뉴를 표시하여 [복사]합니다.


③ 마지막 프레임인 여덟 번째 프레임을 선택합니다.


④ 오른쪽 클릭하고 메뉴를 표시하여 [붙여넣기]합니다.


여덟 번째 프레임에 키 프레임이 붙여넣어졌습니다.

캔버스 일러스트도 첫 번째 프레임에 추가한 키 프레임과 같은 상태로 변형되었습니다.


[4] 완성!

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


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

맨 처음과 마지막 키 프레임에서 같은 형태로 변형되었으므로 반복되는 루프 애니메이션이 되었습니다.

※ GIF 애니메이션


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



연습 ③은 이상입니다.



<연습 ②와 ③의 응용>

연습 ②에서 만든 '그림 두 장을 움직이는 애니메이션'에도 [키 프레임]은 추가할 수 있습니다!

그림 두 장이 번갈아 나타나는 애니메이션이 더 매끄럽게 움직이는 것처럼 보입니다.


네 번째 연습

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


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

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

댓글

관련 기사

신착

공식 신착