• 안녕하세요 -

제 소개를하겠습니다:

저는 프랑스 예술가이자 애니메이션 학생 인 레몬입니다.)

IG : _lemon_night

이 팁에 오신 것을 환영합니다. 일러스트레이션 애니메이션 방법?

그림과 일러스트레이션을 생동감있게 만드는 정말 재미있는 방법이며 애니메이션이보기만큼 복잡하지 않다는 것을 알 수 있습니다. 3

 

오늘은이 간단한 gif를 만드는 방법을 보여 드리겠습니다!

-작업 공간 준비-

저는 클립 스튜디오 페인트의 Ex 버전으로 iPad Pro에서 작업합니다.

우선 그림이 필요합니다!

저는 애니메이션을 만들기 위해 의도적으로 만든 이것을 선택했습니다. 모든 수준에서 간단하고 쉽게 접근 할 수 있도록 모든 것을 움직이고 싶지는 않습니다. 단 하나의 요소만으로도 일러스트레이션을 생생하게 만들 수 있습니다. 3

여기서는 그림의 움직이는 피사체가 될 고양이 꼬리에 초점을 맞출 것입니다.

따라서 아래에있는 항목에 영향을주지 않고 더 쉽게 이동할 수 있도록 나머지 그림과 분리 할 것입니다.

우리는 그것으로 끝납니다

애니메이션에 더 쉽게 통합하려면 고양이 주변과 아래에있는 다른 모든 요소를 제거하여 png로 내 보내야합니다.

이렇게 :

나머지 그림에서도 동일한 작업을 수행하여 두 개의 개별 요소로 끝납니다.

그런 다음 애니메이션을 만들고이 버튼을 클릭합니다.

그리고 우리는 애니메이션을 선택합니다

그림의 형식이되도록 기본 이미지의 치수를 변경합니다. 여기서는 3508 x 4961입니다.

그런 다음 필요하지 않은 테두리를 제거하기 위해 여기에 모든 것을 0으로 놓습니다.

그런 다음 초당 이미지 수를 줄 이러 왔습니다. 30 개로 설정되어 있지만 초당 24 개 형식을 선호합니다.

OK를 클릭하면 일반적으로 다음과 같이 끝납니다.

그런 다음 이전의 두 이미지를 가져옵니다.

그러나 바탕 화면은 항상 애니메이션 용으로 만들어져 있으므로 "창"에서 "작업 공간"으로 이동하여 "애니메이션 작업 공간"을 클릭하여 변경합니다.

자산에 업로드 된이 작업 공간을 사용하고 있으며 잘 구축되어 초보자에게 편리합니다.

아무것도 변경하지 않고 "확인"을 클릭하면 작업 공간이 다음과 같아야합니다.

당신의 것이 똑같지 않을 수도 있습니다. 작업 공간을 제 일러스트레이션에 사용하는 것과 비슷하게 조정했습니다. 같은 작업을 수행하는 것이 좋습니다. 방법을 찾는 것이 더 간단 할 것입니다. 3

가져온 마법사를 사용하려면 "픽셀 화"를 클릭하십시오.

그리고 당신은 다른 사람과 똑같이 수행하지만 여기에서는 채팅 만 수정되므로 필요하지 않습니다.

불필요한 레이어로 너무 복잡해지지 않도록이 세 가지를 지울 수 있습니다.이 튜토리얼에서는 사용하지 않습니다.

모든 준비가 완료되면 다음 항목이 필요합니다.

오른쪽 상단의 세 개의 레이어는 하단의 연대순으로 동일한 순서로되어 있으며 레이어에 색상을 부여 할 수 있습니다. 이렇게 자신을 찾기가 더 쉬울 것입니다.

원하는 레이어로 이동하려면 여기에는 고양이 만 있습니다.

그런 다음이 작은 정사각형을 클릭하고 원하는 색상을 선택합니다.

따라서 타임 라인에서 쉽게 알아볼 수 있습니다.

이제 아트 보드가 준비되었으므로 Animate를 시작할 수 있습니다. 3

-애니메이션-

제가 보여 드리려고하는 것은 애니메이션을 만드는 매우 쉬운 방법입니다. 움직이기 위해 매번 디자인을 다시 그릴 필요가 없습니다.

움직임을 만들기 위해 매번 고양이 꼬리를 복제하고 움직입니다.

이를 위해 이미 첫 번째 이미지에 걸리는 프레임 시간을 단축 할 것입니다.

24 / s 형식입니다. 즉, 1 초를 만들려면 24 개의 이미지가 필요합니다.

따라서 이미지 시간을 단축하고 다음과 같이 1 프레임 만 지속되도록합니다.

 

이렇게하면 이미지가 1 프레임 동안 만 표시되고 이후에 올 다른 사용자를위한 공간이 남습니다.

그런 다음이 이미지를 복제하고 이동하여

복제 모델에서 꼬리 움직임을 시작합니다

이렇게하려면 "빠른 액세스"로 이동하여 "메시 변환"을 클릭하십시오.

그리고이 메시 그물이 이미지에 나타납니다.

이전에 고양이를 분리했듯이, 레이어의 유일한 요소이기 때문에 변형은 그에게만 수행됩니다. 그러나 바늘이 너무 커서 나머지 신체에 영향을주지 않고 꼬리를 움직일 수 없습니다.

따라서이 두 설정을 최대로 늘릴 것입니다.

그래서 우리는 이것으로 끝납니다.

그래서 우리는 고양이의 꼬리를 움직일 수 있습니다

그런 다음 방금 만든 이미지를 복제 한 다음 프레임 단위로 이동하여 서로 따라 가도록하여 고양이 꼬리의 움직임을 만듭니다.

이렇게 계속하면 다음과 같이 끝납니다.

그래서 우리는 움직임의 첫 부분을 마쳤습니다. 이제 꼬리가 시작점으로 내려 와서 반대쪽으로 스윙해야합니다.

이를 위해 우리는 아래로 내려가는 움직임을 재현하기 위해 방금 한 모든 것을 복제합니다.

따라서 우리는 꼬리의 마지막 움직임을 가장 높은 것으로 선택하고 바로 전에 오는 것을 복제합니다. 여기서는 녹색 레이어입니다.

레이어를 복제 할 때 색상을 변경하는 것이 좋습니다.이 시점에서는 길을 잃기 쉽지만 도움의 손길이 빨리 잡 힙니다.

그래서이 레이어를 이렇게 복제합니다

그리고 이것이 연대기를 따르도록 꼬리의 움직임이 끝날 때 그것을 움직일 것입니다. 그러므로 이것은 움직임을 낮출 것입니다.

타임 라인에서 뒤에 위치하도록 프레임을 이동합니다.

그래서 우리는 아래로 내려가는 움직임을 재현합니다.

이제 반대쪽으로 올라가도록 무브먼트를 생성하겠습니다.

우리는 단순히 이전과 동일한 작업을 재현하고 꼬리 프레임을 프레임 단위로 움직여 위로 올라가도록 한 다음 모든 것을 복제하여 동일한 방식으로 내려갑니다.

 

레이어를 더 명확하게 만들기 전에 움직임의 첫 부분을 폴더에 넣습니다.

이제 움직임은 다음과 같습니다.

움직임이 만족 스러우면 방금 만든 움직임과 같은 시간이되도록 배경의 지속 시간을 줄입니다.

그래서 우리는 이것으로 끝납니다.

-수출-

이제 애니메이션이 완료되었으므로 애니메이션이 반복되도록 gif로 내보낼 수 있습니다.

이렇게하려면 "파일"로 이동 한 다음 "애니메이션 내보내기"로 이동하여 "애니메이션 GIF"를 클릭합니다.

GIF 이름을 변경하고 "고양이"를 선택한 다음 "확인"을 누르십시오.

아무것도 건드리지 않고 "ok"를 누르십시오. 저는 애니메이션을 24 대신 초당 8 프레임으로하는 것을 선호했습니다. 움직임이 더 좋습니다.

-끝-

그리고 거기!

엔터테인먼트가 끝났습니다!

정말 멋진 작업이며 일러스트를 더욱 생생하고 매력적으로 만드는 데 도움이됩니다!

이것이 당신에게 배웠기를 바랍니다 : 3

큰 키스 : D