키 프레임 및 2D 카메라를 사용하여 장면을 애니메이션하는 방법!
소개
안녕하세요, 여러분이 좋아하는 한밤중 거주자 인 Crimsy 교수의 또 다른 으스스한 튜토리얼에 오신 것을 환영합니다!
오늘의 튜토리얼에서는 Clip Studio Paint에서 키 프레임 애니메이션과 2D 카메라를 사용하여 Twitch 용 오싹한 흑백 애니메이션 화면을 만들 것이므로 더 이상 고민하지 않고 의식을 시작하겠습니다!
캔버스 만들기
가장 먼저해야 할 일은 프로젝트를위한 캔버스를 만드는 것입니다.
따라서 간단히 File-> New ...로 이동하고 프로젝트 창이 열리면 캔버스 크기가 스트리밍하는 것과 동일한 이미지 비율을 따르는 지 확인하십시오. 대부분의 사람들은 1080p로 스트리밍하지만 더 나은 이미지 품질 (3840 x 2160p)을 얻기 위해 4K 캔버스를 사용하겠습니다.
또한 DPI가 300인지 확인한 다음 확인을 누르는 것을 잊지 마십시오.
장면 계획 및 그리기!
빈 캔버스가 만들어지면 이제 으스스한 예술로 채울 시간입니다!
먼저,이 튜토리얼에서는 프레임 별 애니메이션이 아닌 키 프레임 애니메이션 만 사용하여이 장면을 애니메이션하므로 아트에 원하는만큼 세부 사항을 넣을 수 있습니다.
트윈 애니메이션이라고도하는 키 프레임 애니메이션은 타임 라인에서 키 프레임 사이의 보간을 사용하여 정적 이미지에서 모션을 만드는 경우입니다. 키 프레임 애니메이션이 문자열 퍼펫을 움직이는 것과 비슷하다고 말할 수있을 것 같습니다. 퍼펫의 모든 다른 부분은 서로 독립적으로 움직이고 시각적으로 동일하게 유지되는 정적 객체입니다.
따라서 아이디어를 찾을 때 이동, 회전 및 크기 조정과 같은 간단한 동작을 사용하여 무엇이 좋게 보일지 생각해보십시오. 장면에서 움직이는 물체를 충분히 확보하여 동적으로 보이도록하지만 너무 과도하게 지나치지 않도록하십시오. 그렇지 않으면 캔버스가 혼란스러워 질 수 있습니다.
이 프로젝트에서는 오싹한 장식과 페르소나의 유령 머리가 위아래로 떠 다니는 거대한 검은 머리카락과 함께 그 중간에 떠오르는 페르소나의 유령 머리를 특징으로하는 무디 조명으로 어두운 흑백 장면을 만들고 싶었습니다.
팁 01 : 확실하지 않은 경우 Ctrl + T를 사용하여 시뮬레이트 할 수있는 움직임이 잘 보이는지 확인하고 조각의 피벗 점 (+)을 원점으로 이동 한 다음 회전하여 어떻게 보이는지 확인하십시오. .
TIP 02 : 움직이는 조각을 가능한 한 완전하고 채워 넣으십시오. 움직이는 조각은 분명히 예술의 구멍을 발견 할 수 있기 때문입니다. 이런 독립형 자산으로 생각하면 피하는 것이 매우 쉽습니다. 기본적으로 일부가 다른 것 뒤에 숨겨져 있어도 전체 조각을 렌더링해야합니다.
팁 03 : 돋보이게하고 싶은 물체 주위에 테두리를 추가하십시오. 개별 레이어에 테두리를 추가 할 수 있지만 원하는 경우 전체 폴더에 테두리를 추가 할 수도 있습니다. 이 시나리오에서는 플로팅 헤드 폴더에 흰색 테두리를 추가하여 튀어 나오도록하고 테이블과 장미 주위에 검정색 테두리를 추가하여 약간 두껍게했습니다.
아 그리고 아이디어를 검색 할 때 마지막으로 고려해야 할 사항은 타임 라인이 24 프레임으로 제한된다는 것입니다. 즉, Clip Studio Paint Pro 사용자 인 경우입니다. EX 버전을 구입했다면 프레임 제한이 없습니다.
레이어를 파일 개체로 변환
따라서 모든 레이어를 렌더링하고 장면이 멋지게 보이기 시작하면 프로젝트를 저장하고 파일-> 다른 이름으로 저장 ...을 사용하여 백업 복사본을 만들고 다른 이름을 지정해야합니다. 이 단계는 선택 사항이지만 일반적으로 프로젝트의 변경되지 않은 버전을 유지하고 싶으므로 자유롭게 수행하거나 건너 뛰십시오.
이 작업이 완료되면 남은 작업은 장면 애니메이션을 시작할 수 있도록 다른 부분의 모든 레이어와 폴더를 파일 오브젝트로 변환하는 것입니다.
이렇게하려면 폴더 또는 레이어를 마우스 오른쪽 버튼으로 클릭하고-> 파일 개체로 이동 한 다음-> 레이어를 파일 개체로 변환을 클릭합니다.
레이어와 폴더를 파일 객체로 변환하면 많은 이점이 있습니다.
1. 프로젝트에서 복잡함을 제거하고 단일 피벗 포인트를 사용하여 단일 개체를 애니메이션 할 수 있습니다.
2. 파일 객체는 이전 레이어 내용을 모두 유지하면서 원본 파일을 원하는만큼 수정할 수 있지만 이렇게하면 이미 존재하는 애니메이션 키 프레임이 변경되지 않으므로 애니메이션을 시작한 후에도 계속할 수 있습니다. 예술을 변경합니다.
3. 가장 중요한 것은 일단 일반 레이어에서 키 프레임을 활성화하면 해당 레이어가 잠기 게되어 회전 및 크기 조절과 같은 일반적인 변형 작업을 수행 할 수 없지만 먼저 파일 객체로 변환하면 그런 다음 개체 메뉴로 이동하여 사용 가능한 모든 변환 기능을 사용할 수 있습니다.
또는 애니메이션을 적용하려는 각 부분을 별도의 파일 개체로 유지해야합니다. 예를 들어 머리카락의 각 가닥에 대해 파일 객체를 만들었습니다. 그렇지 않으면 모두 개별적으로 애니메이션 할 수 없었습니다.
장면 애니메이션 시작!
이제 정말 재미있는 부분을 시작하여 장면에 생명을 불어 넣으십시오!
먼저 애니메이션 메뉴-> 타임 라인-> 새 타임 라인으로 이동하여 애니메이션의 새 타임 라인을 만들어야합니다.
타임 라인 창이 열리면 클립 스튜디오 페인트의 EX 버전이없는 경우 재생이 24 프레임으로 설정되어 있는지 확인하기 만하면됩니다.이 경우 애니메이션을 더 오래 지속 할 수 있습니다.
그런 다음 프레임 속도를 8로 변경하면 3 초 동안 재생할 애니메이션이 제공됩니다.
그런 다음 상위 메뉴로 돌아가서-> 창-> 타임 라인을 클릭합니다.
이제 보시다시피 여기에 전체 타임 라인이 있습니다.이 돋보기 아이콘을 사용하여 확대 또는 축소 할 수 있으며 루프 아이콘을 활성화하여 애니메이션이 끝까지 도달하면 애니메이션이 반복되도록합니다. 타임 라인.
이제 애니메이션을 시작하겠습니다!
키 프레임을 만들 때 가장 먼저 고려해야 할 사항은 해당 프레임간에 활성화 한 보간 유형입니다. 보간에는 Hold, Linear 및 Smooth의 세 가지 유형이 있습니다. 프레임을 마우스 오른쪽 버튼으로 클릭하고 원하는 방법으로 전환하여 키 프레임 보간 방법을 빠르게 변경할 수 있습니다.
팁 : 필요한 경우 여기에서 프레임을 복사, 잘라 내기 및 삭제할 수도 있습니다.
다음은 각 보간 유형의 작동 방식을 설명하는 빠른 그래픽입니다. 일반적으로이 옵션은 가장 유기적으로 보이는 동작을 만들기 때문에 부드러운 보간을 사용하는 것이 좋습니다.
그래서 먼저 머리의 위아래 움직임을 만들기로 결정했기 때문에 캐릭터 폴더에서 모든 레이어를 선택하고 ''이 레이어에 키 프레임 활성화 ''를 클릭했습니다.
그런 다음 첫 번째 프레임으로 이동하여 머리를 이동하고 키보드의 단축키 K를 눌러 레이어를 그룹으로 이동하고 ''키 프레임 추가 ''를 클릭합니다.
그런 다음 애니메이션 루프를 완벽하게 만들려면 키보드에서 Alt 키를 누르고 프레임을 마지막 키 프레임으로 드래그하여 복제하거나 단순히 타임 라인 끝으로 이동하여 키 프레임을 추가합니다.
그 후 애니메이션에 중간 프레임을 추가하고 회전이 올바른 위치에서 시작되도록 피벗 포인트를 이동했는지 확인했습니다.
팁 : 복사 / 붙여 넣기 된 프레임은 동일한 피벗 점을 유지하지만 새로 생성 된 프레임은 개체의 중심에 피벗이 있습니다.
그게 다입니다. 이제 남은 일은 모든 머리카락에 대해이 과정을 반복하고 다음 자산으로 넘어가는 것입니다.
팁 01 : 개체 변형 도구를 사용하여 각 파일 개체를 개별적으로 이동할 수 있지만이 도구를 사용하여 한 번에 여러 개체를 이동할 수는 없습니다. 그러나 자체적으로 애니메이션이 적용된 여러 파일 객체가 포함 된 폴더에서 키 프레임을 활성화하고 하나의 엔티티로 이동, 회전 또는 크기를 조정할 수 있습니다. 이 방법을 사용하여 퍼펫 애니메이션에 대한 복잡한 폴더 계층 구조를 만들 수도 있지만이 방법을 사용합니다.
팁 02 :이 과정에서 가능한 한 자주 애니메이션을 검토하고 애니메이션 미리보기가 약간 느려질 경우 일부 폴더를 숨길 수 있습니다.
불투명도 및 광선 애니메이션
전체 장면에 대해 거의 동일한 단계를 따랐지만 특정 레이어의 불투명도를 애니메이션하여 글쓰기와 양초에 글로우 효과를 만들고 상단에서 나오는 연기도 생성하도록 지정하는 것이 좋습니다. 양초.
불투명도에 애니메이션을 적용하려면 파일 개체의 작은 더하기 아이콘을 누르고 키 프레임을 활성화하고 애니메이션을 만들기 만하면됩니다.
장면에 2D 카메라 추가
모든 것이 예쁘게 완성 되었음에도 불구하고 움직임의 깊이를 더 만들기 위해 장면에 마지막으로 추가해야 할 것이 하나 더 있습니다. 미묘한 카메라 움직임은 확대 및 축소됩니다.
장면에서 카메라 움직임을 만들려면 최상위 메뉴-> 애니메이션-> 새 애니메이션 레이어-> 2d 카메라 폴더로 이동하십시오.
다음으로 장면의 모든 폴더와 레이어를 선택하고 카메라 폴더로 끌어다 놓습니다.
카메라 애니메이션도 매우 간단합니다. 프레임 12에 키 프레임을 만든 다음 프레임 01로 돌아가 카메라 크기를 약간 줄였습니다. 너무 많지는 않지만 움직임이 메스 꺼워지지 않고 전체 환경이 약간 움직이는 것처럼 보일 정도로 충분합니다. 그런 다음 첫 번째 프레임을 마지막 프레임에 복사 / 붙여 넣기하면 좋습니다.
마지막으로 캔버스에 카메라의 시점을 표시하려면 카메라 폴더를 선택하고 도구 속성에서 ''카메라의 시야 표시 ''아이콘을 선택합니다.
최종 애니메이션 렌더링!
마지막으로, 이제 애니메이션을 렌더링하고 모든 노력의 결실을 눈앞에서 확인할 때입니다.
애니메이션을 렌더링하려면 파일-> 애니메이션 내보내기-> 원하는 출력 형식을 선택하십시오.
개인적으로 영화 옵션을 선택하고 파일 확장자로 MP4를 선택하고 이름을 지정한 다음 저장을 누릅니다. 이렇게하면 마지막 창이 하나 나타나고 원하는 크기와 프레임 속도를 선택할 수 있습니다. 최종 렌더링에서 카메라 움직임을 원하면 ''2D 카메라 효과 적용 ''상자를 선택하고 확인을 누르는 것을 잊지 마십시오.
이제 기다릴뿐입니다. 마지막으로 최종 렌더링을 살펴 보겠습니다!
마지막 생각들
꽤 멋지죠? > :)
이제 오늘 튜토리얼에서 필요한 모든 것을 다 다루었 으면 좋겠습니다. 더 알고 싶은 것이 있으면이 비디오를 좋아하고 감사하다고 느끼신다면 자유롭게 댓글을 달고 비디오를 좋아하여 채널에 사랑을 보여주세요. , 이와 같은 튜토리얼을 더보고 싶으 시다면 구독 하시고, 기분이 좋으시면 다른 추천 비디오를 향해 당신의 정신이 멀어 지도록 해주세요.하지만 그게 저를위한 것입니다. !
아우 레부 아르 ~
댓글