ndc2015 김기용, 온라인 게임 애니메이터의 모바일 적응기(프로젝트 fm 사례를...

온라인 게임 애니메이터의 모바일 적응기 - 프로젝트FM 사례를 통해보는 감성표현기법

신규개발본부 DS실

김기용

발표자소개 (베테랑 PC게임 애니메이터)

김기용 hodoleee

TV 3D 애니메이션.2005~2006 넥슨 PC온라인(마비노기2) 애니메이션.2006~2014 모바일게임 “프로젝트FM” 2014~현재

유진하 rikong 폴리곤게임즈 PC온라인(아스타온라인) 애니메이션.2009~2014 모바일게임 “프로젝트FM” 2014~현재

모바일 애니메이션 ˚o˚ ?

PC게임 ≠ 모바일게임

개발기간 5~10년 – 1~3년

공간 앉아서 – 걸으며, 누워서

카메라

3인칭주류 – 쿼터뷰

조작법 키보드마우스 - 터치

카메라뷰

조작법 포인트?

PC 게임 애니메이션

컷씬에 필요한 영화 수준의 감정연기, 액션이 필요. 마임연기나 뮤지컬, 연극연기와 같은 대화형 모션.

플레이어를 비롯 보여지는 NPC, 몬스터 현실성 중요.

자연과 같은 생활군 표현. 다큐

영화의 기술, 방법이 접목. 연기자,기술자도 게임에 조금씩 참여.

더욱더 큰 화면에서 멋지게, 스케일 있게.

모바일 게임 애니메이션 쇼윈도에 필요한 감정연기 필요. 캐릭터 자체가 상품화, 애니메이션도 수집욕 자극.

캐릭터별 개성있는 매력어필.

광고에 나오는 캐릭터 연기. 구매욕구, 소셜재미, 유머, 홍보용 목적이 비슷.

빠르고 다양한 캐릭터 동작.

캐주얼, 짧은 플레이타임. 바쁜 일상에 틈틈히 만나는 캐릭터. 동작이 빨라졌다.

더욱더 작은 화면에서 알차게 꾸미기.

어떻게 적응하고 있나요?

목 차

1. 프로젝트FM 애니메이션 특징 (캐릭터 스킬영상)

2. 프로젝트FM 이모션, 성공 실패 (캐릭터 이모션 영상)

3. 정 리

4. (부록)추천재료, 프로토타입 만들기

(프로토타입 영상)

강연 너무 유익해~ 일파만파

모바일 애니메이션 추세

애니메이션의 고급화 프로젝트FM도…

2013 ------------------ 2015 2014 ----------------

-본을 적게 쓰고, 쿼터뷰에선 캐릭터가 작게보인다.

1.프로젝트FM 애니메이션 특징

(다리는 잘 보이지 않으니, 상체와 팔을 크게 많이 사용한다.) (스케일 애니를 사용해 무기나 주먹을 키워 사용한다.)

1.프로젝트FM 애니메이션 특징 -본을 적게 쓰고, 작게 보이며, 쿼터뷰, 탑뷰가 많다. (다리는 잘 보이지 않으니, 상체와 팔을 크게 많이 사용한다.) (스케일 애니를 사용해 무기나 주먹을 키워 사용한다.)

(동영상1-1) (동영상1-2) (동영상1-3)

-높이가 인지되는 Z축의 과장이 필요했다.


(Z축=점프,리액션 동선을 과장하여 살려보자.)

1.프로젝트FM 애니메이션 특징 -높이가 인지되는 Z축이 유용해졌다.

(Z축=점프,리액션 동선을 과장하여 살려보자.)

(동영상1-4) (동영상1-5) (동영상1-6)

-무기의 회전, 캐릭터의 동선이 중요해졌다.


(회전에 붙는 이펙트가 돋보이며, 스텝이 많을수록 전달이 풍부해졌다.)

1.프로젝트FM 애니메이션 특징 -무기의 회전, 캐릭터의 동선이 중요해졌다.

(회전에 붙는 이펙트가 돋보이며, 스텝이 많을수록 전달이 풍부해졌다.)

(동영상1-7) (동영상1-8) (동영상1-9)

1.프로젝트FM 애니메이션 특징 -캐릭터의 다양, 다량화

(성별/직업군으로 나뉘지 않고 캐릭터 수가(ex 50개) 늘어난다. (외형부터 확연한 차이가 나며, 각각 개성과 성격의 섬세한 표현이 가능해졌다.)

프로젝트FM(캐릭터 스킬영상)

2. 프로젝트FM 이모션, 감정모션

모바일 애니메이션의 개성 디테일하게 알아보자...

-손바닥에서 눈으로. (손바닥 놓고 터치로 교감하게 되었다.)

모바일 이모션 추세

-카메라를 보며 하는 동작들. (희로애락=기쁨.아픔.애교.춤 감성을 카메라를 향해 어필하도록 표현)

프로젝트FM 이모션 특징

-합성성공, 전투승리, 레벨업 등의 이벤트에 활용.

-카메라를 보며 하는 동작들. (희로애락=기쁨.아픔.애교.춤 감성을 카메라를 향해 어필하도록 표현)

-합성성공, 전투승리, 레벨업 등의 이벤트에 활용.


(동영상2-1) (동영상2-2) (동영상2-3) (동영상2-4)

-댄스, 무기, 프랍의 조합. (아이돌 댄스, 개그댄스, 각인되는 춤, 캐릭터 무기, 프랍을 활용한 동작.)


-댄스와 무기의 조합. (아이돌 댄스 , 캐릭터 성격, 무기, 프랍을 활용.)


(동영상2-5) (동영상2-6) (동영상2-7)

3. 프로젝트FM 승리모션(키워드 수집)

WIN

- 승리모션 발랄, 신남, 사랑스러움 댄스, 춤추는 모션 종종 점프하는 모션 보기만 해도 기분 좋아지는 모션

- 춤을 춘다, 애교를 부린다, 산만해진다, 자부심을 느낀다, 웃는다, 우스꽝스럽다, 묘기를 부린다, 여유가 있다, 하늘을 난다, 멋을 부린다


- 승리모션 발랄, 신남, 사랑스러움 댄스, 춤추는 모션 종종 점프하는 모션 보기만 해도 기분 좋아지는 모션

- 춤을 춘다, 애교를 부린다, 산만해진다, 자부심을 느낀다, 웃는다, 우스꽝스럽다, 묘기를 부린다, 여유가 있다, 하늘을 난다, 멋을 부린다


내가 그런강?

3. 프로젝트FM 패배모션(키워드 수집)

LOSE

- 패배모션 분노, 우울, 침묵 떼쓰는 모션 짜증내는 모션 굴욕적인 모션

- 기도한다, 땅을 긴다, 얼차례를 한다, 벌을 선다, 운다, 실수를 한다, 어리버리 하다, 넘어진다, 부순다, 귀찮다, 지루하다, 아쉬워 한다, 모른체 한다, 토닥토닥 한다.


……;

- 패배모션 분노, 우울, 침묵 떼쓰는 모션 짜증내는 모션 굴욕적인 모션

- 기도한다, 땅을 긴다, 얼차례를 한다, 벌을 선다, 운다, 실수를 한다, 어리버리 하다, 넘어진다, 부순다, 귀찮다, 지루하다, 아쉬워 한다, 모른체 한다, 토닥토닥 한다.


뭐 임마;

-재밌는 모바일 애니메이션 환경 (손바닥 안의 매력있는 캐릭터 성격, 세밀한 감성 표현의 시대=애니메이터 천국) ( 모바일 액션 환경, 다양한 감성과 성격의 캐릭터, 풍부한 액션, 유머)

정 리

정 리(프로젝트FM 캐릭터 스킬)

1-1. 본을 적게 쓰고, 작게 보이며, 쿼터뷰, 탑뷰가 많다. (다리는 잘 보이지 않으니, 상체와 팔을 크게 많이 사용한다.) (스케일 애니를 사용해 무기나 주먹을 키워 사용한다.)

1-2. 높이가 인지되는 Z축의 과장이 유용해졌다. (Z축=점프, 리액션 동선에 활용한다.)

1-3. 무기의 회전, 캐릭터의 동선이 중요해졌다. (회전에 붙는 이펙트가 돋보이며, 스텝이 많을 수록 전달이 풍부해졌다.)

1-4. 캐릭터의 다양, 다량화. (외형부터 확연한 차이가 나고, 각각 성격과 섬세한 표현이 가능해졌다.)

2-1. 손바닥에서 눈으로. (손바닥 놓고 터치로 교감하게 되었다.)

2-2. 카메라를 보며 하는 동작들. (희로애락=기쁨.아픔.애교.춤.을 카메라를 향해 보여주기위해 동작.)

2-3. 댄스+무기의 조합. (아이돌 댄스 , 캐릭터 성격, 무기, 프랍을 활용.)

2-4. 미션 승리, 미션 패배시 동작. (유저가 느끼는 감정을 함께 느낀다.)

정 리(프로젝트FM 캐릭터 이모션)

모바일 애니메이션 TIP!

작은 화면에 보이도록 컨셉부터 크게~

시간 끌며 죽기, 재미난 스텝… 오버액션도 가능

슬랩스틱 코미디, 유니크한 액션도 OK

자유로운 확장, 다양한 캐릭터.

개그 캐릭터, 진지 캐릭터, 섹시 캐릭터,

병든 캐릭터, 게으른, 다혈질, 소심 캐릭터

등등~ 개성이 환영받는 시대

은 아니고

알찬(부록)이…

-수지님 노하우를..

-시청자에게 구매욕을 끌어내는 광고 배우 연기 (TV광고=상품 구매, 모바일게임=캐릭터 구매)

*부록

(부록 정리1)

ex) 광고속 배우들의 상품, 이미지 연기

*부록 ex) 재밌는 동작들… 움짤, 코미디, 진기명기, 오버액션

(부록 정리1)

*부록

인터넷 좋은 자료들. 스프라이트 이미지, 샘플UI, BGM을 모아모아~ 저작권에 자유롭게 빠르게 데모영상을 만들자. (익숙한 애니메이션 관련 툴로 제작) (3dmax 카메라, 애니메이션, 포토샵, 플래시, 무비메이커…)

직접 조립 해보는 경험! 데모만으로 재미 검증, 가능성 측정 챙길 게 너무 많다…(BGM, 배경, 캐릭터, 애니메이션, 이펙트, 효과음, UI, 조작법, 기획)

(부록 정리2)

ex) 발표자 개인사례 (프로토타입)

(부록 정리2)

*부록 ex) 발표자 개인사례 (프로토타입)

*부록

(부록 정리2)

ex) 발표자 개인사례 (프로토타입)

커뮤니케이션 강자 애니메이터, 자부심! 타격감을 잘 알고 익숙한 멀티미디어 도구들로 빠르게 재현할 수 있다. 말로 설명 < 그림설명 < 영상설명 < 프로토타입 (영상) 팀 목표, 비전 공유에 기여, 개인역량 강화 1인개발의 꿈. 만들고 싶은 나의 로.망. 게임; 이유가 있는 밀리언셀러(좋은 작품에 영감을 얻어보자.)

*코어게임 만들기에 특화된 애니메이터 (핵심 전투씬, 1스테이지 플레이영상)

(부록 정리2)

*부록 ex) 애니메이터가 프로토타입을 만들면.

감사합니다 -재밌고 유익한 하루 되세요~

ndc2015 김기용, 온라인 게임 애니메이터의 모바일 적응기(프로젝트 fm 사례를...

Design