본문 바로가기
2D Tools/Photoshop

포토샵으로 애니메이션 만드는 방법(Rotoscoping)

by 콩-남울 2025. 6. 15.
반응형

안녕하세요. 오늘은 포토샵으로 로토스코핑 작업을 하는 방법에 대해 설명드리려 합니다.
로토스코핑이란 영상 또는 애니메이션에서 특정 오브젝트나 인물을 프레임 단위로 분리(마스킹)하는 작업을 의미합니다. 주로 배경을 제거하거나 특정 부분만 따로 편집하고 싶을 때 사용되는데 저는 오늘 포토샵에서 로토스코핑을 사용해 프레임별로 그림 그리는 방법을 알려드리도록 하겠습니다!

이 방법은 영상에 데코레이션을 할 때 자주 사용되며 한동안은 가수들 춤추는 영상을 그림으로 따는게 유행이기도 했습니다. 번거롭다는 단점이 있지만 디테일과 밀도에 따라 영상의 퀄리티가 확 높아지는 로토스코핑입니다.

 


 

로토스코핑 작업 단계

1. 영상 불러오기

먼저 Photoshop을 열고 바로 영상을 포토샵으로 끌어오면 자동으로 Motion Workspace로 창이 열립니다.

 

2. AnimeDessin2 패널 열기

[Window] → [Extensions] → [AnimeDessin2]에서 익스텐션을 활성화합니다. 패널이 타임라인과 함께 보이도록 배치합니다.

3. Timeline 패널에서 Frame 설정하기

[타임라인 패널] → [우측 상단 ㅡ 4개있는 아이콘] → [Set timeline frame rate] → [원하는 프레임(각 레이어가 자연스럽게 이어지려면 15 정도가 적당)] 프레임을 입력하면 영상 작업 세팅은 끝이 납니다.

4. Layer 생성

[AnimeDessin2 Panel] → [폴더 아이콘]
*그림 효과마다 레이어 폴더를 새로 생성해서 제작하는 것이 수정에 용이합니다 (단, 수정할 때 간혹 프레임이 밀리거나 당겨지는 경우가 있으니 항상 더블체크 해야하는 수고로움이 있습니다)

4. Onion Skin 기능 활용

Onion Skin 버튼을 클릭하여 앞뒤 프레임을 투명하게 표시합니다. 움직임의 흐름을 참고하면서 프레임별 드로잉을 자연스럽게 이어갈 수 있습니다.

5. 드로잉 시작

  • 브러시 툴로 인물의 윤곽을 따거나 배경에서 필요한 오브젝트만 추출하여 그립니다.
  • 각 프레임마다 셀을 새로 생성하면서 그림을 이어 나가야 하며, 반복되는 동작은 Duplicate 기능을 적극 활용합니다.

 


 

작업 예시 (과정 이미지)

아래는 제가 작업한 실제 로토스코핑 예시입니다. 
각 프레임마다 손으로 직접 그려가며 움직임을 연결하고 있습니다:

 

 


 

렌더링

렌더링은 이미지를 따라 하시면 됩니다.

[Timeline Panel] → [ㅡ4개] → [Render Video] → [Render Setting] 원하는 위치에 새 폴더 생성하시고 렌더하면 됩니다.
* 영상에 합성하는 용도일 경우 Alpha Channel은 꼭 Straight로 설정하셔야 합니다.

 

 


 

완성 영상

저의 경우 예시이기 때문에 레이어를 3프레임 단위로 생성하고 영상의 움직임이 크게 없어 특히나 어색하게 보이지만 영상이 역동적일수록 자연스러우니 짧은 영상으로 제작해보세요.

 

 


 

이런 방식으로 작업하면 됩니다

 

Photoshop에서 AnimeDessin2를 활용한 로토스코핑 작업은 생각보다 간단하지만, 섬세한 감성 표현이 가능하다는 점에서 매우 강력한 방법입니다. 특히 아래와 같은 경우에 적합합니다:

  • 뮤직비디오 스타일의 감성 컷 제작
  • SNS용 감각적인 일러스트 애니메이션
  • 인물 중심의 아트워크 애니메이션
  • GIF 또는 짧은 영상 포트폴리오용 콘텐츠 제작

After Effects에서 키프레임을 기반으로 한 작업에 익숙한 분이라면, Photoshop의 프레임 기반 드로잉 방식은 색다르면서도 직관적인 경험이 될 것입니다.

 

 


 

마무리하며

  • 프레임 수는 너무 많지 않게, 처음에는 15프레임 정도의 짧은 루프부터 시도해보세요.
  • 완성 후 [File] → [Export] → [Render Video] 또는 [Save for Web]에서 GIF로 저장해 SNS용 콘텐츠로도 활용할 수 있습니다.
  • 감성적인 드로잉과 사운드를 결합해 하나의 클립으로 만들면 포트폴리오에 훌륭한 추가 콘텐츠가 됩니다.

 


 

 

Photoshop과 AnimeDessin2의 조합으로, 실사 위에 직접 그리는 당신만의 애니메이션을 만들어보세요.
이번 포스팅에서는 한 장면의 짧은 작업이지만, 반복 연습을 통해 보다 자연스럽고 몰입감 있는 씬을 제작할 수 있습니다!

대충 그릴수록 더 멋스러운 로토스코핑 여러분도 쉽게 만들어 보세요.

반응형