[카페24] 캐릭터 제작

프리미엄 캐릭터 제작

image

Project Details 프로젝트 디테일.

Client Name: 카페24 캐릭터

Work Details: 프리미엄 캐릭터 제작

Work Period: 5주

Final Result 최종 결과물.

최종 결과물 캐릭터 표정 + 바디 움직임
최종 결과물 캐릭터 표정 + 바디 움직임
최종 결과물 3D 회전
최종 결과물 3D 회전

Client Request 클라이언트 요청사항.

누구나 쉽게 쇼핑몰을 만들 수 있도록 하는 서비스 “카페24”에서 콘텐츠 제작을 위한 3D 모션 캡쳐 캐릭터 제작을 위해 언젠가를 찾았다.

Brand Analysis 브랜드 분석.

icon
만족스러운 결과물을 위해, 모든 작업에 앞서 클라이언트, 브랜드 분석이 선행되어야 한다.
  • 캐릭터 테마 컬러
image

카페24의 대표 캐릭터는 로봇 모양 캐릭터다. 캐릭터의 메인 컬러인 블루는 캐릭터의 밝고 세련되고 친근한 이미지를 극대화 해준다.

  • 캐릭터 디자인
image

카페24 캐릭터는 로봇 형태 디자인의 캐릭터이기 때문에, 기계적인 디테일과 정교한 라인 처리가 중요하다. 로봇의 관절 부분과 메카니컬한 요소들을 자연스럽게 표현하는 것에 집중하여 작업을 진행했다. 특히, 캐릭터의 움직임에서 팔 관절의 움직임과 금속 재질의 반사를 정확히 구현해 내는 것에 중점을 두었다.

3D Character Design. 3D 캐릭터 디자인 작업 과정.

카페24 캐릭터는 프리미엄 캐릭터로, 처음부터 끝까지 클라이언트가 요청한 디자인 그대로 제작될 수 있었다. 캐릭터의 얼굴, 몸, 프리미엄 아이템(앞 유리)을 제작했다.
icon
STEP 01. 얼굴
image

얼굴은 단순한 이목구비로 구성되어 있다. 로봇 캐릭터 얼굴의 디스플레이 특성을 살리기 위해, 이목구비에 두께감과 볼륨감을 크게 주지 않았다.

발광 on/off 디테일
발광 on/off 디테일

디스플레이의 느낌을 살리기 위해 이목구비에 약간 발광하는 느낌을 연출했다.

캐릭터 입 작게 벌린 모습
캐릭터 입 작게 벌린 모습

눈과 입 사이의 거리가 과도하게 좁아지거나 넓어져 표정을 지었을 때 어색하지 않도록 거리를 조정해 주었다.

캐릭터 입 크게 벌린 모습
캐릭터 입 크게 벌린 모습

입을 크게 벌렸을 때도 눈과 입 사이 거리가 어색하지 않다.

캐릭터 입 벌린 모습
캐릭터 입 벌린 모습

입 내부는 연한 그림자를 넣었다. 입 내부 색상과 입술 색의 색상 차이가 존재한다.

입 내부 색상을 입술과 동일한 색으로 처리할 경우 거리감과 텍스쳐의 차이로 어색하게 보인다. 그림자의 투명도를 수치별로 테스트한 후, 가장 자연스러운 색상으로 입 내부를 처리했다.

캐릭터 한쪽 눈 윙크
캐릭터 한쪽 눈 윙크
캐릭터 한쪽 눈 윙크 + 입 작게 벌린 모습
캐릭터 한쪽 눈 윙크 + 입 작게 벌린 모습

캐릭터가 눈을 감았을 때, 눈 레이어가 피부밑으로 빠져 마치 눈이 사라지는 듯한 모습을 띄지 않도록 적당한 두께감을 남겨주었다.

표정 디테일
표정 디테일

평평한 디스플레이에서는 표정 변화를 표현하기 어려울 수 있다. 이러한 어려움을 해소하기 위해, 눈 두덩이에 입체감을 주어 표정을 더 다양하게 표현할 수 있도록 구현했다.

icon
STEP 02. 바디
최종 결과물 캐릭터 + 바디 움직임
최종 결과물 캐릭터 + 바디 움직임

카페24 캐릭터에는 로봇 형태의 팔이 부착되어 있다. 애니메이션으로 연출하기보다, 캐릭터의 움직임에 따라 팔이 자연스럽게 함께 움직일 수 있도록 개발했다.

팔 디테일 샷
팔 디테일 샷
image

캐릭터 팔이 자연스럽게 흔들리도록 리깅, 스키닝, 탄력도 조정 작업을 해주었다.

귀 디테일 샷
귀 디테일 샷

캐릭터가 움직일 때 귀가 자연스럽게 달그락거리도록 디테일 작업을 해주었다. 귀 부분은 클라이언트의 요청에 따라 금속 재질의 반사 표현을 위해 유광 느낌을 냈다.

캐릭터 버튼 디테일 샷 (정면)
캐릭터 버튼 디테일 샷 (정면)
캐릭터 버튼 디테일 샷 (측면)
캐릭터 버튼 디테일 샷 (측면)

캐릭터의 디테일을 살려주어야 전체적인 캐릭터의 퀄리티를 높게 가져갈 수 있다. 캐릭터의 몸체의 버튼은 전체적으로 입체적으로 튀어나오도록 하고, 내부는 오목한 형태로 디자인해서 버튼의 느낌을 살려 완성도있게 제작했다. 또, 클라이언트의 요청에 따라 각 버튼 내의 글자(ㅋ, ㅏ, ㅍ)의 높이가 일치하도록 맞춰주었다.

icon
STEP 03. 프리미엄 아이템 (앞 유리)
캐릭터 + 앞유리 X
캐릭터 + 앞유리 X
캐릭터 + 앞유리 O
캐릭터 + 앞유리 O
캐릭터 + 앞유리 on/off
캐릭터 + 앞유리 on/off

필요에 따라, 편리하게 앞유리를 착용하고 뺄 수 있도록 개발해 주었다.

앞 유리 아이템을 장착한 모습
앞 유리 아이템을 장착한 모습

카페24 캐릭터는 로봇형 캐릭터다. 클라이언트의 요청사항 중 캐릭터의 얼굴을 유광으로 표현하도록 하는 게 있었다. 이를 구현하기 위해 반사광을 표현할 수 있는 앞 유리 아이템을 제작해 캐릭터에 장착하면 캐릭터 얼굴의 디스플레이 느낌을 살리고 퀄리티를 올릴 수 있어 제작을 진행하게 되었다.

앞 유리 디테일 샷
앞 유리 디테일 샷

전반적으로 매트하게 처리된 캐릭터 위에 올라가는 프랍은 글로시하게 연출하는 게 캐릭터의 전반적인 퀄리티를 향상시키는 데 도움을 줄 수 있다. 조명을 받아 각도 변화에 따라 반짝일 수 있도록 연출했다.

글로시한 디스플레이 디테일 샷
글로시한 디스플레이 디테일 샷

앞 유리 외에 디스플레이의 반사광을 표현할 수 있는 또 다른 방법은 디스플레이 자체의 텍스쳐를 글로시하게 연출하는 방법이다.

디스플레이의 텍스쳐 종류(매트 or 글로시)와 앞 유리 유무에 따라 아래 4가지의 경우의 수가 나올 수 있다. 다양한 상황에서 클라이언트가 편리하게 캐릭터를 사용할 수 있도록 4가지 경우의 수를 모두 제공했다.

image

1) 매트 페이스 + 유리 x

image

3) 매트 페이스 + 유리 O

image

2) 글로시 페이스 + 유리 x

image

4) 글로시 페이스 + 유리 O

icon
STEP 04. 텍스쳐
image

캐릭터의 이목구비 부분은 디스플레이 느낌이 나도록 발광하는 느낌을 연출했다.

image

캐릭터의 몸체 부분은 매트하게 처리해 세련된 느낌을 주었다.

캐릭터 귀 디테일 샷
캐릭터 귀 디테일 샷

캐릭터의 귀 부분은 금속 느낌을 내어 캐릭터가 움직이거나, 조명을 받을 때 각도에 따라 자연스럽게 빛이 반사되도록 연출했다.

캐릭터 눈 색상 변경 샷
캐릭터 눈 색상 변경 샷

캐릭터의 눈과 입으로 표현된 디스플레이는 카페24의 브랜드 컬러를 활용해 9가지 색상으로 변경할 수 있도록 제작했다. 다른 색상 또한 디스플레이 특유의 발광하는 느낌이 나도록 제작했다.

Facial Data 표정 데이터 제작.

캐릭터의 표정이 자연스럽게 움직이도록 약 60개 이상의 표정 데이터를 제작
캐릭터의 표정이 자연스럽게 움직이도록 약 60개 이상의 표정 데이터를 제작

3D 캐릭터가 사용자의 표정을 인식해 움직일 수 있도록 약 60개의 표정 데이터를 제작한다.

Work Story 작업 후기.

  • 프로젝트 후기를 들려주세요.

단순한 이목구비의 캐릭터일수록 섬세한 디테일을 신경 쓰며 작업하는 것이 중요했다. 디자인 팀은 3D 모션 캡처 캐릭터를 제작할 때, 어떻게 디테일을 살려야 예쁘게 완성되는지 충분히 연구해왔기 때문에 즐겁게 작업할 수 있었다. 특히 로봇 캐릭터를 제작할 때는 기계적인 디테일과 정교한 라인 처리가 필수적이다. 로봇의 관절 부분과 메카니컬한 요소들을 자연스럽게 표현하는 데 집중했고, 캐릭터의 움직임에서 각 관절의 움직임과 금속 재질의 반사를 정확히 구현하는 것이 중요했다. 또한 클라이언트가 디자인 가이드라인을 명확하게 제시하고 충분히 소통해 준 덕분에 만족스러운 결과물을 얻을 수 있었다.

함께하게 된 클라이언트, 카페24는 누구나 쉽게 쇼핑몰을 만들 수 있도록 하는 서비스로, 200만 개의 브랜드가 선택한 회사입니다. 고객에게 편리한 서비스를 제공해 주는 회사를 대표하는 캐릭터가 앞으로 해낼 역할이 더욱 기대됩니다.

  • 언젠가의 강점을 어필해주세요.

언젠가 팀은 브랜드 아이덴티티 정립을 잘 이해하고 그를 바탕으로 전략적으로 작업을 진행하기 때문에 믿고 맡기셔도 좋다는 얘기를 드리고 싶습니다.

작업 의뢰: contact@onzenga.com