소개

우리는 이것을 애니메이션으로 만들고 있습니다 :)

일러스트를 너무 잘 만들어서 그 일러스트를 움직이고 싶은데, 강력한 애니메이션 기술이 없는 적이 있나요? 그렇다면 여기서는 중간에 그림을 그리지 않고도 일러스트를 쉽게 애니메이션화하는 방법을 배울 수 있습니다. 잠깐요? 네, 방법이 있습니다. 다음 단계를 따라 일러스트를 쉽게 애니메이션화하세요.

 

애니메이션 일러스트를 사용하면 일러스트를 소셜 미디어에 게시하여 주목을 끌 수 있습니다. 이제 일러스트를 움직일 수 있고 매력적이기 때문입니다 :)

1단계: 일러스트레이션 준비

먼저 일러스트레이션이 애니메이션을 위한 준비가 되었는지 확인하세요. 팔, 다리, 머리, 배경 등 이미지의 여러 부분을 레이어로 분리하세요. 이렇게 하면 애니메이션을 적용할 때 각 요소를 더 잘 제어할 수 있습니다. 이 일러스트레이션에서는 빛과 눈에 애니메이션을 적용하겠습니다.

a. 펜 선택 도구를 선택합니다.

b. 이제 애니메이션을 적용할 모든 부분을 하나씩 선택하고 잘라내어 붙여넣습니다.

c. 애니메이션을 적용할 모든 부분을 다른 폴더에 넣습니다.

새 레이어에 기본 색상으로 공백을 채우고 잘라낸 부분을 붙여넣습니다.

항상 폴더와 레이어에 이름을 지정하세요

2단계: 타임라인- Windows>타임라인(x)을 클릭하여 타임라인을 활성화하면 타임라인이 나타납니다. 이제 새 타임라인을 클릭하고 프레임 속도(FPS)를 8FPS로 설정합니다. 3초 동안 애니메이션을 적용하여 재생 시간이 24가 되도록 합니다.

 

시간 계산 팁. 예 - FPS: 12 FPS. 4초 = 48프레임

24프레임인 경우: 24 FPS. 4초 = 96프레임

 

 

8fps로 3초 애니메이션을 하고 있으므로 여기서 재생 시간(프레임)은 24입니다.

이제 새로운 타임라인 아이콘을 클릭하고 FPS와 재생 시간을 설정합니다. 원하는 대로 타임라인 이름을 지정하세요.

벡터 이미지를 래스터화하는 방법?

많은 초보자들이 일러스트레이션 애니메이션을 시도할 때 올가미 도구나 선택 도구가 작동하지 않는다고 말합니다. 그 이유는 이미지가 벡터 형식이기 때문입니다.

이미지를 래스터화하려면 이미지를 마우스 오른쪽 버튼으로 클릭합니다. 창이 나타납니다. 래스터화 옵션을 클릭하면 이미지가 래스터화됩니다.

2단계: 키프레임과 트윈 사용

이제 타임라인이 준비되었으므로 지금 애니메이션을 시작할 수 있습니다. 지금 다음 단계를 주의 깊게 따르세요.

 

키 프레임: 디지털 애니메이션 시퀀스에서 액션을 만들려면 먼저 해당 액션의 시작점과 종료점을 정의해야 합니다. 이러한 마커를 키 프레임이라고 하며 CSP와 같은 모든 유형의 애니메이션 프로그램에서 액션의 앵커 포인트로 사용됩니다.

 

간단히 말해서: 프레임 사이를 그리는 대신 키 프레임을 사용하여 애니메이션의 시작점과 종료점을 설정할 수 있습니다. 소프트웨어가 자동으로 프레임 사이를 생성하여 부드러운 전환을 만듭니다. 트윈은 이 프로세스를 원활하게 만드는 데 필수적입니다.

 

 

타임라인의 기본 기능

타임라인의 몇 가지 중요한 옵션은 다음과 같습니다.

초보자들은 이런 옵션에 대해 혼란스러워하므로, 여기서 모든 혼란을 해소하여 쉽게 애니메이션을 만들 수 있도록 하겠습니다.

애니메이션 폴더: 이 옵션을 선택하면 애니메이션 폴더가 생성됩니다. 이 폴더는 애니메이션에 필수적이므로 시작하기 전에 반드시 만들어야 합니다. 이 폴더가 없으면 애니메이션을 진행할 수 없습니다.

 

애니메이션 셀 또는 새 레이어: 이 옵션을 클릭하면 새 애니메이션 셀 또는 레이어를 만들 수 있습니다. 이를 디지털 캔버스로 생각하여 아트워크를 그리거나 색칠할 수 있습니다. 각 셀 또는 레이어는 애니메이션의 다른 부분을 보관할 수 있으므로 그리기 요소를 개별적으로 관리할 수 있는 유연성을 제공합니다.

 

키프레임: 키프레임을 활성화한 후 "키프레임 추가" 옵션을 선택하여 특정 프레임 번호에 키프레임을 추가할 수 있습니다. 키프레임은 애니메이션의 모든 움직임이나 전환의 시작점과 끝점을 표시합니다. 움직임을 만들려면 두 번째 키프레임을 추가한 다음 그 안의 요소를 조정합니다. 이 개념은 약간 복잡해 보일 수 있지만 실제 애니메이션 프로세스를 살펴보면 더 명확해질 것입니다.

애니메이션 눈

눈 레이어를 왼쪽 클릭하여 선택합니다. 다음으로, 타임라인의 시작점으로 이동하여 키프레임 사용을 클릭합니다. 사용 설정되면 키프레임 추가를 클릭합니다. 키프레임이 성공적으로 추가되면 키프레임이 설정되었음을 나타내는 다이아몬드 모양 아이콘이 나타납니다.

1번째 키

2번째 키

이제 눈을 감는 장면에 대한 키프레임을 설정해 보겠습니다.

참고-: 위에 보이는 것처럼 눈 사이에 플러스 아이콘을 배치해야 합니다. 변경하는 모든 비율은 플러스 기호의 위치에 따라 변경됩니다.

이제 3에 2번째 키프레임을 추가하고 여기에 추가한 대로 작업 도구를 선택했는지 확인하세요. 이 값을 복사하거나 이것을 가이드로 사용하여 그녀를 깜빡이게 할 수 있습니다. 나중에 키프레임의 타이밍을 1번째 키프레임에서 멀리 또는 가까이 드래그하여 만족스럽지 않을 때까지 조정할 수 있으니 걱정하지 마세요.

작은 눈을 감아보세요

3개의 키를 복사하여 붙여넣어 루프를 만듭니다.

두 번째 키 프레임 시간 간격에 맞게 이 프레임을 잘라내면 두 번째 키 프레임이 닫히는 눈의 시간 간격이 나타날 때만 나타납니다.

1번째 키 복사 및 붙여넣기

2번째 키프레임을 추가한 후 처음에 추가했던 1번째 키프레임을 복사하여 붙여넣습니다. 1번째 키프레임을 선택하고 Alt를 누른 채 왼쪽 클릭하여 오른쪽이나 복사한 1번째 키를 붙여넣고 싶은 곳으로 드래그합니다.

[내가 한 일 요약]

팁- 루프를 만들려면 세 개의 키를 모두 드래그하여 선택한 다음 복사하여 붙여넣어 루프를 만듭니다.

빛 애니메이션

1. 새 폴더를 만들고 에어브러시를 사용하여 램프와 그녀의 얼굴에 부드럽게 페인트합니다.

2. 그런 다음 첫 번째 키프레임을 활성화하고 빛의 불투명도를 조정하여 두 번째 키프레임을 추가합니다.

3. 이제 첫 번째 키프레임을 복사하여 붙여넣습니다. 끌어서 선택하여 모든 키프레임을 복사한 다음 마우스 오른쪽 버튼 클릭> 복사> 붙여넣기

첫 번째 키 - 불투명도 100%

두 번째 키 - 불투명도 33%

세 번째 키는 첫 번째 키의 복사된 키입니다.

인형 보석에도 똑같은 방법으로 약간의 빛을 추가합니다.

내보내다

이제 애니메이션 일러스트레이션을 내보내려면 파일>애니메이션 내보내기(Y)>애니메이션 GIF를 클릭하세요.

이제 이러한 방법을 여러분의 그림으로 연습해보고 그림이 움직이는 것을 지켜보세요 :)

이제 애니메이션이 준비되었습니다. 간단하지만 귀엽고 인상적이죠! :)

튜토리얼을 읽어주셔서 감사합니다

 

튜토리얼을 읽어주셔서 진심으로 감사드립니다. 여러분의 피드백과 통찰력은 저에게 소중하며, 여러분의 피드백에 진심으로 감사드립니다.

다른 생각이나 제안 사항이 있으면 알려주시면 감사하겠습니다. 시간과 배려에 다시 한번 감사드립니다.