이모티콘을 애니메이션으로 만드는 5가지 쉬운 방법

13,933

viciaia

viciaia

안녕하세요!! 애니메이션 이모티콘을 쉽고(또는 게으르게) 만드는 방법을 찾고 계신다면, 이 5가지 쉬운 팁을 시도해보세요!!

저는 이 모든 이모티콘을 클립 스튜디오 페인트 PRO 버전으로 만들고 있습니다!! 클립 스튜디오의 애니메이션 기능이 처음이시거나 PRO 버전이 이모티콘 애니메이션에 충분하지 않다고 생각하신다면….

 

이 튜토리얼이 바로 당신을 위한 것입니다!! >w<

비디오 튜토리얼

제 튜토리얼은 비디오와 텍스트 튜토리얼 모두로 제공됩니다. 궁금한 점이 있으시면 언제든지 메시지를 보내주세요.

정지 이모티콘 준비

준비해야 할 것은 간단한 이모티콘으로, 나중에 쉽게 편집할 수 있도록 얼굴 레이어를 몸체와 분리합니다. 저는 머리 레이어도 몸체와 분리했습니다.

팁: 선 색상을 변경하면 얼굴이 작을 때 더 돋보이게 만들 수 있습니다.

눈 레이어에 테두리도 적용하여 더 돋보이게 만들었습니다 :)

이제 애니메이션을 시작해봅시다!

팁 1. 두 프레임 애니메이션

단 2개의 프레임만으로 이모티콘 애니메이션을 간단하게 만들 수 있습니다!!

여기에서 손을 추가하고, 얼굴을 변경하고, 머리를 기울여 이모티콘을 약간 복사하고 편집했습니다.

그런 다음 레이어를 2개의 개별 폴더에 넣었습니다.

화면에 타임라인 패널이 없다면 메뉴에서 열 수 있습니다.

[창 > 타임라인]

새 타임라인을 만들고 프레임 속도를 12로 설정합니다.

프레임 속도는 1초 동안 재생될 프레임 수를 의미합니다.

프레임 속도 8: 24프레임에 3초 소요

프레임 속도 12: 24프레임에 2초 소요

프레임 속도 24: 24프레임에 1초 소요

(클립 스튜디오 페인트 PRO는 24프레임 제한이 있습니다. 이는 GIF 애니메이션을 만들 때 제가 사용하는 프레임 속도입니다.)

 

모든 폴더를 보이게 만듭니다.

타임라인 바 상단의 작은 사각형을 드래그하여 타임라인을 조정합니다.

이렇게 하면 각 프레임이 순서대로 표시되어 애니메이션이 됩니다!!

이 애니메이션을 만드는 또 다른 방법은 클립 스튜디오에서 프레임별 애니메이션을 만드는 전통적인 방법인 애니메이션 폴더를 사용하는 것입니다.

 

새 애니메이션 폴더를 만듭니다.

모든 프레임을 애니메이션 폴더에 넣습니다.

마우스 오른쪽 버튼을 클릭하여 프레임을 타임라인에 할당합니다.

이 방법은 동일한 결과를 제공하며, 애니메이션에 2프레임 이상을 만들고 싶을 때 더 적합합니다.

팁 2. 확대 애니메이션

확대는 애니메이션에 더 극적인 장면을 연출할 수 있습니다.

그리고 만들기도 매우 쉽습니다!!

2D 카메라 폴더를 만듭니다 [애니메이션 > 새 애니메이션 레이어 > 2D 카메라 폴더]

이모티콘 레이어를 카메라 폴더 안에 넣습니다.

그런 다음 타임라인 패널에서 키프레임 모드를 부드러운 보간으로 설정합니다.

 

프레임 1과 프레임 24에 키프레임을 추가합니다.

(프레임을 선택한 다음 키프레임 아이콘을 클릭)

이렇게 하면 루프가 생성됩니다 (시작점과 끝점이 동일합니다).

 

프레임 7을 선택하고 개체 도구를 사용하여 카메라 크기를 조정합니다 (파란색 테두리).

이렇게 하면 프레임 7에 키프레임이 자동으로 생성됩니다.

 

키프레임을 마우스 오른쪽 버튼으로 클릭하여 복사한 다음 프레임 18에 붙여넣습니다.

이렇게 하면 확대, 정지, ثم 축소 (루프 안에서)의 루프 애니메이션이 생성됩니다.

카메라를 미리 보려면 개체 도구 속성 패널의 [표시 모드]에서 [카메라 시야 표시]를 클릭합니다.

확대/축소 동작이 더 연속적이기를 원한다면 프레임 18에서 카메라 크기를 약간 조정합니다.

팁: 카메라를 회전하여 훨씬 더 극적인 결과를 얻을 수도 있습니다.

팁 3. 흔들림 애니메이션

분노는 현실이다!!

2D 카메라 폴더를 사용하면 다음 방법으로 흔들림 애니메이션을 쉽게 만들 수 있습니다.

• 프레임 선택.

• 카메라 테두리를 약간 이동.

• 다음 프레임에 반복.

얼굴의 경우, 타임라인을 통해 레이어의 불투명도를 조정할 수도 있습니다.

레이어를 선택하고, 레이어 키프레임을 활성화한 다음 키프레임 1을 선택합니다.

프레임 1에서 불투명도를 조정하면 키프레임이 자동으로 생성됩니다.

시작과 끝에 키프레임을 만들어 루프를 만듭니다:

 

팁: 키프레임을 복사하여 붙여넣는 대신 다음을 수행하세요:

• 마지막 키프레임을 선택

• 불투명도를 위아래로 조정 (이전 값으로)

 

이렇게 하면 시작과 동일한 값을 가진 키프레임이 생성됩니다.

불투명도에 대한 키프레임은 움직임에 대한 키프레임과 분리되어 있으며, 타임라인 패널에서 [+] 아이콘을 확장하여 볼 수 있습니다.

타임라인 중간을 선택하고 불투명도를 올립니다.

결과

화면의 다른 개체도 레이어 키프레임을 사용하여 애니메이션할 수 있습니다.

 

레이어를 이미지 소재 레이어로 변환합니다 [레이어에서 마우스 오른쪽 버튼 클릭 > 레이어 변환]하고 유형을 [이미지 소재 레이어]로 설정합니다.

레이어 키프레임을 활성화합니다.

타임라인의 시작과 끝에 키프레임을 만듭니다 (루프 애니메이션용).

타임라인 중간을 선택하고 개체 도구를 사용하여 개체를 이동/회전합니다.

키프레임이 자동으로 생성됩니다.

그리고 여기 결과입니다 ^w^

팁 4. 부분 애니메이션

이 방법은 다른 방법보다 약간 더 복잡하지만, 결과는 정말 멋집니다!!

 

움직이고 싶은 부분을 레이어 또는 레이어 폴더로 분리해야 합니다.

 

움직이고 싶은 모든 부분을 이미지 소재 레이어로 변환합니다.

[레이어에서 마우스 오른쪽 버튼 클릭 > 레이어 변환 > 유형을 ‘이미지 소재 레이어’로 설정]

개체 도구를 자유 변형 모드에서 사용하여 머리 부분을 옆으로 약간 기울입니다.

모든 부분의 위치를 조정합니다.

새 타임라인을 만들고 프레임 속도를 8로 설정합니다.

이렇게 하면 3초 타임라인이 생성됩니다.

타임라인의 시작과 끝에 새 키프레임을 만듭니다.

1초 (키프레임 9)에서 개체 도구를 사용하여 마치 숨을 들이쉬는 것처럼 머리를 편집합니다.

이렇게 하면 그녀가 빠르게 숨을 들이쉬고 천천히 내쉬는 것과 같은 간단한 애니메이션이 만들어집니다.

다른 부분에도 이 단계를 반복하여 모든 부분이 함께 움직이도록 합니다.

개체에 자유 변형 편집이 적용된 상태에서 레이어 키프레임을 활성화하면 모든 모서리를 개별적으로 애니메이션하고 더 유연한 애니메이션을 만들 수 있습니다.

이모티콘의 텍스트에는 레이어 키프레임을 활성화하고 불투명도를 조정하여 페이드인 및 페이드아웃 효과를 적용할 수 있습니다.

결과

팁 5. 파티 조명 애니메이션

색상을 변경하는 것은 정지 이모티콘에 분위기를 더합니다.

 

이모티콘에 빛을 적용하는 색상환을 만든 다음, 색상 변경 효과를 만들기 위해 애니메이션으로 만들 것입니다.

 

새 레이어를 만듭니다.

자 도구를 사용합니다 [특수 자 > 방사선 모드]

그리고 캔버스 중앙을 클릭합니다.

밀리 펜 도구를 사용하고 안티앨리어싱[없음]으로 설정합니다.

다양한 색상으로 중앙을 향해 선을 그립니다.

자 스냅 모드가 켜져 있는지 확인합니다.

선을 덮는 원형 선택 영역을 만듭니다.

자유형 그라데이션 도구를 사용하여 선 사이를 채웁니다.

이렇게 하면 원 안에 그라데이션이 생성됩니다.

원(선택 영역 포함)을 복사하여 붙여넣습니다 [Ctrl+CCtrl+V]

색상 원이 있는 새 레이어가 생성된 다음 원래 레이어를 삭제합니다.

(원 밖의 원치 않는 선을 지우기 위해)

투명 부분을 잠그고 블러 효과를 적용하여 더 부드럽게 만듭니다.

휠 레이어를 이미지 소재 레이어로 변환합니다.

개체 도구를 사용하여 휠 크기를 조정하여 전체 이미지를 덮습니다.

(캔버스를 축소하면 훨씬 쉬울 것입니다)

그런 다음 레이어 모드를 색상으로 변경하면 이모티콘에 색상이 적용됩니다.

휠을 이모티콘에 클리핑하면 색상이 이모티콘에만 표시됩니다.

참고: 색상이 너무 강하면 불투명도를 낮춥니다.

 

레이어 키프레임을 활성화한 다음 타임라인의 시작과 끝에 [선형 보간] 키프레임을 만듭니다.

개체 도구를 사용하여 마지막 키프레임을 선택하고 회전 각도를 360으로 변경합니다.

색상 변경 이모티콘 완성입니다!

제 팁이 애니메이션 이모티콘 제작을 시작하는 데 도움이 되거나 아이디어를 제공했기를 바랍니다.

즐거운 애니메이션 작업 되세요!!

댓글

신착

공식 신착