Unity 검색

핑크퐁 아기 상어: 아이들의 손 씻기 선생님

2020년 11월 26일 게임 | 7 분 소요
공유

Is this article helpful for you?

Thank you for your feedback!

전 세계적인 팬데믹 시기에 어린이들에게 공중 보건에 대한 인식을 갖게 하려면 어떻게 해야 할까요? 중독성 있는 노래와 신속한 콘텐츠 제작 파이프라인이 있으면 간단합니다. 핑크퐁의 Unity 사용 사례를 살펴보세요.

이 콘텐츠는 Targeting Cookies 카테고리를 수락해야만 동영상을 시청할 수 있도록 허용하는 타사 제공업체에서 호스팅합니다. 이러한 제공업체의 비디오를 보려면 쿠키 환경 설정에서 Targeting Cookies 카테고리를 수락하시기 바랍니다.

70억 회 이상의 조회수를 기록한 ‘아기 상어’는 전 세계 미취학 어린이를 위한 핑크퐁의 제작사 스마트스터디에서 만든 인기 동요로, YouTube에서 최다 조회수를 거둔 동영상이기도 합니다. 핑크퐁은 Unity를 활용하여 콘텐츠 제작 분야에서 끊임없는 혁신을 이루어내고 있습니다. 핑크퐁은 2018년부터 Unity로 앱을 개발하여 단시간 내에 고품질의 앱을 출시해 오고 있습니다. 최근 유니티는 직장 내에서의 의사 소통을 개선하고 더 수평적인 기업 문화를 유지하기 위해 서로를 별명으로 부르는 핑크퐁의 모션 캡처 팀/인터랙티브 팀을 만나 핑크퐁의 콘텐츠 제작 파이프라인과 목표 달성에 Unity가 어떻게 도움이 되는지에 관해 알아보았습니다.

콘텐츠 기획자가 직접 동영상 제작

핑크퐁의 모션 캡처 팀은 모션 캡처 데이터를 사용하여 3D 콘텐츠를 만듭니다. 이 팀의 연구 결과는 프로젝트에 활용되며 어린이용 애니메이션 '라디오 쇼'인 퐁퐁클럽은 최근에 이루어진 진전을 잘 보여주는 사례입니다. 한국에서 열린 유니티의 Industry Summit 2019에서 모션 캡처 팀이 발표한 Unity 기반 영상 콘텐츠 제작 파이프라인 구축하기 세션을 확인해 보시기 바랍니다. 2D 콘텐츠 제작에 Unity를 사용하는 방안을 모색하던 중 새로운 2D 제작 모델을 도입하여 퐁퐁클럽에 활용했습니다.

모션 캡처 팀에서는 주로 게임에 사용되는 Live2D 애니메이션 소프트웨어를 이용하여 애니메이션 클립을 만들었습니다. 애니메이션 클립을 Unity로 가져오고 스튜디오와 같이 일반적인 배경을 사용하여 에디터에 나열한 다음 타임라인과 시네머신을 이용하여 클립을 오버랩했습니다. 또한 미리 설정해 둔 모션으로 카메라 움직임을 자연스럽게 만들고 Unity의 다른 기능도 활용했습니다. 무엇보다 이 팀에서는 전문 애니메이터나 동영상 제작자가 아니어도 내부 동영상 리소스를 조합해서 새로운 콘텐츠를 만들 수 있는 프로세스를 고안해 냈습니다.

핑크퐁 테크니컬 아티스트인 와상은 콘텐츠 기획자가 아이디어를 직접 구체화할 수 있게 된 덕분에 13분짜리 동영상을 이제 이틀이면 만들 수 있다고 말합니다. 의사 소통의 필요성이 줄어 생산성과 업무 효율성이 높아졌기 때문입니다.

프리셋을 사용하여 콘텐츠 기획자도 동영상을 만들 수 있습니다.

모션 캡처 팀은 이렇게 단시간 내에 서비스 가능한 퐁퐁클럽 동영상을 제작하면서 2D 콘텐츠 제작 분야에서 Unity의 가치와 효율성을 분명하게 깨닫고 있습니다.

Unity는 또한 전 세계가 겪고 있는 변화에 핑크퐁이 빠르게 대처하는 데도 도움이 되었습니다. 일례로 핑크퐁은 코로나-19 상황에서 공중 보건에 대한 인식을 개선하기 위한 캠페인의 일환으로 손 씻기 노래를 만들었는데, 안무 촬영부터 동영상 제작까지 단 이틀밖에 걸리지 않았습니다. 데이터를 외부로 보낼 필요가 없고, 렌더링 시간과 비용이 최소화되어 작은 규모의 팀으로 내부에서 프로젝트를 완료할 수 있었습니다. 예전에는 작업의 일부를 외주하여 진행해야 했습니다.

라이브 액션 동영상에 3D 캐릭터 추가

모션 캡처 팀은 분홍색 여우 캐릭터인 핑크퐁이 등장해 한국의 여러 관광지를 방문하는 동영상도 제작했습니다. 캐릭터가 실제 장소에서 관광을 즐긴다는 아이디어였는데, 이를 구현하려면 3D 캐릭터를 실시간 액션 영상에 추가해야 했습니다.

2D와 3D 동영상 제작의 주된 차이점은 바로 3D에는 모션 캡처가 필요하다는 점입니다. 이 브이로그 프로젝트에서는 실시간 액션 영상에 여러 요소를 추가하기 위해 다양한 세부 사항을 고려했습니다. 예를 들어, 실제 오브젝트와 비교하여 핑크퐁 캐릭터의 키를 설정하고 모션 캡처 단계로 진행하기 전에 스크립트를 만들었습니다. 이 단계에서 모션 캡처 팀은 실시간으로 데이터를 시각화하여 모션이 제대로 캡처되었는지 확인한 다음 해당 모션을 애니메이터에게 전송했습니다. 애니메이터는 기획자가 촬영한 연기자의 표정과 대사를 바탕으로 살을 붙여 애니메이션 클립을 만들고, 3D 아티스트가 렌더링할 수 있도록 Unity로 전송했습니다. Unity의 실시간 렌더링 기능 덕분에 결과물을 바로 확인할 수 있었으며 전체 제작 과정이 매우 빠르게 완료되었습니다.

모션 캡처 팀은 빠른 렌더링 속도가 브이로그 콘텐츠를 제작하는 데 있어 Unity 엔진이 갖는 주된 장점이라고 강조했습니다. 동영상 제작 과정에서 렌더링은 많은 시간을 소요합니다. 하지만 Unity의 빠른 실시간 시각화를 이용하면 피드백을 원활하게 교환할 수 있으므로, 실시간 액션 동영상에 요소를 추가할 때마다 많은 편집을 거쳐야 하는 콘텐츠 제작에 소요되는 시간이 크게 줄어듭니다.

씬이 추가된 가상 공간에서 360도 카메라를 사용하여 제한 없이 모션을 구현할 수 있었습니다.

콘텐츠 재활용과 리소스 효율화로 제작 소요 시간 감소

핑크퐁의 콘텐츠는 앱 시장에서 탄탄한 입지를 구축하고 있습니다. 아기 상어 스토리북 앱과 손 씻기 앱은 앱 스토어의 투데이 페이지와 추천 앱 섹션에 여러 번 소개되었습니다. 핑크퐁 인터랙티브 팀에서는 앱 시장의 트렌드를 빠르게 파악하여 앱 제작에 반영합니다. Unity를 사용해 기획, 설계, 개발한 손 씻기 앱은 출시까지 단 2주밖에 소요되지 않았다는 점이 특히 주목할 만합니다.

인터랙티브 앱에서는 사용자가 디지털 콘텐츠를 탭하고 드래그하여 능동적으로 참여하므로 사용자와 앱 사이에 끊임없는 소통이 이루어집니다. 한글, 수학, 영어 등 교육 자료뿐 아니라 공룡, 자동차와 같이 아이들이 좋아하는 주제도 다루는 핑크퐁 인터랙티브 앱 시리즈는 전 세계의 어린이와 부모님에게 즐거움을 선사하고 있습니다.

이 콘텐츠는 Targeting Cookies 카테고리를 수락해야만 동영상을 시청할 수 있도록 허용하는 타사 제공업체에서 호스팅합니다. 이러한 제공업체의 비디오를 보려면 쿠키 환경 설정에서 Targeting Cookies 카테고리를 수락하시기 바랍니다.

인터랙티브 팀에서는 기존의 아기 상어 스토리북을 소스로 활용하여 다양한 활동을 제작하는 과정에서 Unity가 큰 도움이 되었습니다. 팀에서는 Unity를 사용하여 콘텐츠 제작에 필요한 인력을 최소화하고 전체 제작 과정을 효율화하여 소요 시간을 크게 단축할 수 있었습니다.

2D 인터랙티브 앱은 기획 단계에서 연출과 리소스가 결정됩니다. 디자인 단계에서 만들어진 애니메이션의 모델 리소스는 애니메이션 단계에서 리깅되며, 만들어진 애니메이션 클립은 Unity 프리팹과 Unity 애니메이션 파일로 저장됩니다. 마지막 개발 단계에서는 애니메이션 단계에서 만든 모델과 효과, 음원을 프로젝트에 추가하는데, 이때 나오는 결과물은 거의 최종 제품에 가까워집니다. 인터랙티브 앱의 제작 과정은 애니메이션 단계까지는 2D 동영상 제작 과정과 유사하지만 개발 단계에서 달라집니다. 3D의 경우 프로젝트가 사용자의 입력에 따라 다르게 반응할 수 있도록 인터랙티브 요소가 추가되기 때문입니다.

자연스러운 움직임을 위한 Unity 뼈대 애니메이션

골격 애니메이션(Skeletal animation)은 프리팹에 뼈대(bones)를 더해서 메시를 애니메이션화하여 다양한 모션을 효율적으로 제작하는 기법입니다. 예를 들어, 아기 상어 스토리북에는 주인공인 상어가 바다를 배경으로 등장합니다. 인터랙티브 팀에서는 상어의 지느러미와 물속에서 일렁이는 해초의 움직임을 골격 애니메이션을 사용하여 자연스럽게 구현할 수 있었습니다.

골격 애니메이션은 앱의 용량을 줄이는 데도 도움이 되었습니다. Unity 이전에는 키프레임으로 관절을 움직이거나 셀 애니메이션으로 다양한 위치의 해초를 별도의 이미지로 구현했기 때문에 앱의 크기가 커질 수 밖에 없었습니다. 하지만 프리팹에 골격을 사용하자 앱의 크기가 대폭 줄어들었습니다. 핑크퐁 개발자인 쿠마는 골격 애니메이션이 비용면에서 굉장히 효율적이라고 언급하기도 했습니다.

신속한 콘텐츠 제작 파이프라인

인터랙티브 팀에서는 휴대폰 데이터 요금이 비싼 국가의 어린이도 다양한 앱을 재미있게 활용할 수 있도록 앱 최적화에 주력하고 있습니다. 인터랙티브 앱을 통해 아기 상어 스토리북에 새 생명을 불어넣었던 것처럼, 기존 소스를 재활용하여 다양한 방식으로 뛰어난 품질의 콘텐츠를 경험하는 옵션을 제공하는 것이 이들의 바람입니다.

코로나-19의 확산을 막기 위한 어린이용 손 씻기 노래와 앱을 개발한 사례에서 볼 수 있듯이, 핑크퐁은 Unity를 사용한 덕분에 사회적 요구 사항에 신속하게 대응하는 콘텐츠를 만들 수 있었습니다.

핑크퐁은 Unity의 실험적인 기능도 활발하게 테스트하여 더 혁신적인 프로젝트를 만들고 더 효율적으로 콘텐츠를 제공하고자 합니다. 핑크퐁은 더 많은 사용자에게 도달할 수 있도록 앞으로도 개별 프로젝트에서 쌓아온 경험을 다양한 플랫폼으로 확장해 나갈 것입니다. 핑크퐁이 앞으로도 독창적인 콘텐츠를 제작하여 전 세계 사용자의 마음을 사로잡을 수 있기를 바랍니다.

애니메이션 파이프라인에 Unity를 사용하는 방법과 Unity 2D 애니메이션 패키지를 통해 직접 애니메이션을 제작하는 방법을 자세히 알아보세요.

2020년 11월 26일 게임 | 7 분 소요

Is this article helpful for you?

Thank you for your feedback!