[인디게임 개발일지 #3] 아트워크 대공개, Spine 없이 한땀한땀 움직이는 2D 애니메이션! (캐릭터편)

2026. 1. 1. 10:24·인디게임 개발일지

0️⃣ HAPPY NEW YEAR!

 2026년 신년이 밝았다. 인디게임 개발을 시작한지도 어느덧 3개월 째... 두 달 동안은 미친듯이 기획과 스토리에만 매달렸지만 12월 한 달은 나의 본분, 아트워크에만 매진했었다. 루시는 기획자 겸, TA로서 레벨 디자인에 맞춰서 맵을 찍고 아트워크의 방대한 분량 때문에 배경 작업에 붙어 작업해주고 있다. 마크는 우리 게임의 하이라이트 턴제 전투 시스템을 루시의 기획에 맞추어 새로이 개발하고 있는데 저번에 회의하며 살짝 보았을 땐 완전 멋있었다! 레벨 디자인과 전투 시스템은 순차적으로 공개하도록 하고, 우선 내가 열심히 그린 우리 캐릭터들이나 보자!

 

 

1️⃣ 전체적인 아트 컨셉

 

 우리 게임의 첫 이름은, (실은 아직도 가제긴 하지만) 인형공장이었다. 지금 Figma 페이지의 이름은 환상인형극으로 바꿔두긴 했는데 Notion에 삽입해둔 것은 어쩐지 반영이 안 되어있다. 아무튼, 우리 게임의 핵심 아트 컨셉은

  1. 추운 겨울
  2. 낮은 채도와 밝은 명도
  3. 북유럽 모티프

라는 점이다! 그렇다고 북유럽 신화까지 따온 건 아니고, 북유럽의 기후와 문화 정도만 차용하려고 했는데 그 '문화'에서 아이디어를 얻은 이상 북유럽 신화와 바이킹을 떼놓고 말할 수가 없는지라 여러모로 영향을 많이 받긴 했다.

초기맵디자인

 대충 초기 월드맵 구성! 이걸 그릴 땐 아예 게임 장르도 달랐었다. (벌써 추억이군...)

 그리고 나름 북유럽의 건축 양식에 맞추어 아트워크를 그리고 싶어서 논문도 찾아보곤 했었는데... 아직 건축물을 그릴 단계는 아니라서 대충 이러하다~ 정도의 개념만 머릿속에 넣어두고 있다. 혹시 이 논문이 궁금한 사람을 위해 pdf를 다운로드 받을 수 있는 링크를 첨부한다!

 

[보고서]북유럽의 건축양식 및 조명문화

○ 북유럽 하면 빙하와 해안의 복잡한 만이 연상된다. 이를 피오르드(Fjord)라고 하며 노르웨이 언어이다. 내륙까지 깊숙이 들어가 있는 만의 형태를 말한다. 그 규모는 다른 곳에서는 볼 수 없는

scienceon.kisti.re.kr

 

 

2️⃣ 귀여운 주인공, Muffin

 사실 우리 게임의 주인공 머핀은 사실 우리 프로젝트 착수 열흘 만에 디자인이 나온 친구였다. 스토리를 마저 짜기도 전에 게임 레퍼런스와 전체적인 무드만 정해놓고 디자인이 나온 머핀은 추운 기후에 홀로 모험을 떠나는 씩씩한 소녀 이미지를 주기 위해 부단히 노력했다.

 초기 주인공 컨셉은 이러한 느낌! "사랑받는 딸래미/손녀" 이미지를 주기 위해 정말로 할머니가 둘둘 싸매고 여행을 보냈으면 좋겠다, 는 일념으로 머핀을 겹겹이 옷으로 둘러쌌다. 그리고 머핀의 성격은 대략적으로만 잡아두고 유저가 직접 플레이 하며 성격을 구성해갔으면 좋겠다~ 는 느낌을 위해 키워드를 설정했었지만 이는 사실상 거의 폐기 되었다고 봐도 된다. 그저 귀여움 원툴이 되어버린 우리 머핀...

 

 그렇게 나의 손녀라 생각하고 사랑을 가득 담아 디지안한 소녀는 아래와 같이 나왔다. (이게 그 삼면도가 아니라서 잔소리 먹은 그림)

머핀 캐릭터 원화

 일부러 크리스마스 컨셉으로 이미지를 꾸린 것은 아니지만, 어쩌다보니 색 조합이 이렇게 나와버렸다. 내가 참고한 컬러보드에는 분명 짙은 초록색이 없었는데... 아무래도 내 머릿속에서 나왔나보다. 애니메이션을 그릴 것을 생각하고 최대한 간결하면서도 포인트가 될 수 있도록 노력한 디자인이었는데, 그림을 그리면서 더 간소화 할 걸 그랬다... 하고 후회하는 순간들도 여럿 있었다. 그래도 예쁘고 귀여우니 만족이다!

 

3️⃣ 살아움직이는 머핀!

 최근에는 라이브 2D나, 스파인 등등 다양한 2D 애니메이션 툴의 선택지가 있는데 우리는 사용자 경험이 가장 중요한 주인공의 애니메이션은 2D 프레임워크 애니메이션을 선택했다. 2D 스파인이 값이 비싸기도 하고 프레임 애니메이션 특유의 감성을 살리기 위해 한땀한땀 장인정신으로 그려나가는 애니 깎는 노인이 되었다...

이 표정으로 그린다;;

 저번 2편에서 이야기 했듯이 나의 전문 애니메이터 선생님께서 옆에 붙어 작업해주고 있기 때문에 이만큼 퀄리티가 나올 수 있는 것이다. 주인공이라서 욕심을 내려놓을 수가 없어 결국 애니메이션 기초 개념까지 학습하며 열심히 공부하며 그리고 있다. 애니메이션을 작업할 땐 프로크리에이트 대신 클립 스튜디오를 사용하고 있으며 어니언 스킨은 물론, 라이트 테이블 활성화 등등 다양한 기능을 학습하며 작업하고 있다. 프레임 애니메이션의 세계는 심오하다.

 

 아무튼, 이렇게 만들어둔 우리 머핀의 움직이는 장면을 보자!!

 초기에 애니메이션이 아직 다 완성되기 전에 레벨 디자인에 넣어본 것이다. run 애니메이션이 완성 돼서 넣어보았지만 막상 인게임에서 플레이해보니 너무 뚝뚝 끊겨서 결국 원화 사이에 모두 동화를 넣기로 결정하고, jump 애니메이션이 어떻게 해야 자연스러울지 우선 러프를 넣어 속도감과 자연스러움을 먼저 확인했다.

 

 그렇게 눈물을 머금고 run 애니메이션의 동화를 그려 완성한 애니메이션. 크리스마스를 갈아넣은 작업물이다... (눈물 줄줄)

인디게임 캐릭터 걷기 애니메이션


 이후 jump도 자연스러운 것을 확인하고 lookUp과 lookDown도 마저 완성하여 애니메이션을 넣어본 영상을 확인해보자!

lookUp과 lookDown이 너무 귀여워서 그것만 반복한다.

 jump도 상당히 자연스럽고, run도 더 매끄러워진 것을 알 수 있다. 그리고 원래 그 외의 모션 이펙트 애니메이션이 에셋을 사용해서 도트 픽셀이었는데, 이건 머핀에게 잘 어울릴 수 있도록 루시가 새롭게 그려서 적용해주었다! 뛸 때와 점프 착지할 때 퐁~ 하고 퍼지는 먼지덩이가 상당히 귀여운 것을 알 수 있다.

 

 이제 남은 애니메이션도 몇 개 안 된다. 죽음 모션, 공격 모션, 사다리 기어올라가는 모션 등등... (몇 개 안되는 게 맞는지는 모르겠지만,) 1월도 파이팅이다!

 

 

4️⃣ 내 취향 가득 NPC 디자인

 머핀이 내 취향을 적당히 가미하면서 대중적으로 사랑받을 수 있도록 노력해서 디자인 했다면, 반대로 내 취향을 절제하지 않고 가득 담아 디자인한 NPC도 있다. 바로, 서리속삭임의 숲을 지키는 숲의 수호자들! (정식 명칭은 아직 정하지 않았다. 뭐라고 지으면 좋을지 추천, 얼마든지 받는다!)

  1. 숲을 지키는 수호자, 순찰대
  2. 인외
  3. 젠더리스
  4. 원주민

핵심 키워드는 4개였다. 1번은 당연히 NPC로서의 역할, 그리고 2번과 3번의 키워드 인외와 젠더리스는 내가 사랑하는 늘 핵심 디자인으로서 인간으로 느껴지지 않는 경외심과 겉모습을 보고 함부로 성별을 판단할 수 없는 이미지를 표현하기 위해 노력했다. (예를 들어 에이펙스 레전드의 블러드 하운드, 로스트아크의 아브렐슈드, 동물의 숲의 이요 등등 내가 좋아하는 캐릭터 디자인들이다.) 마지막 4번 원주민은 그 외의 키워드들로 레퍼런스를 찾은 결과 일반적으로 원주민(바이킹)으로서의 이미지가 강해서 이미지를 많이 참고 했다.

캐릭터 원화
비드르, 스카디, 머핀

 그렇게 나온 숲 순찰대의 최종 디자인이다. 원주민의 주술적인 이미지가 강하면서도 혹독한 겨울을 이겨낼 수 있을 만큼 따뜻한 옷, 그리고 인간이라고 느껴지지 않을 정도로 강렬한 가면까지! 나의 취향이 가득 담겨있어 매우 애정도가 높다 ㅎㅎ. 그리고 머핀과의 스케일도 비교했을 때도 현실적이기보다는 좀 더 판타지적인 요소를 가미하여 덩치 차이가 많이 나기 때문에 유저가 인게임에서 플레이하며 조금 더 압도적인 느낌을 많이 받기를 바랐다. 아직 인게임 원화는 작업하지 않았기 때문에... 추후 숲 순찰대들의 인게임 원화가 확정 되면 그때 또 비교하며 스케일감을 비교해볼 것 같다.

 비드르를 디자인할 땐 여러모로 애를 많이 먹었는데, 옷 디자인이 확정된 후에 스카디를 디자인하다보니 훨씬 수월했다. 가면 디자인만 하면 됐으니까... 스카디도 아주 매력적인 친구다. 마음에 든다!

 

 

5️⃣ 그레이박스만? 배경 컨셉아트도 있다!

배경 컨셉아트

 나는 머핀의 2D 프레임 애니메이션을 깎느라 너무 바빠서 배경원화는 어떡하지...? 라고 걱정하던 찰나, 루시가 배경원화를 작업하겠다며 레벨 디자인을 마치고 재빠르게 아트워크에 합류했다! 너무 든든한 우리팀. 덕분에 나는 NPC 디자인에 좀 더 집중하고, 마크가 작업하는 전투 쪽의 카드 UI 프레임 디자인을 병행하고 있다. 휴... 정말 너무 든든한 우리팀! 열심히 꿈을 펼치는 중이다.


 다음에는 루시가 작업하는 배경원화 쪽을 공개하도록 하겠다. 다들 많관부!

저작자표시 비영리 변경금지 (새창열림)

'인디게임 개발일지' 카테고리의 다른 글

[인디게임 개발일지 #번외] 인디팀의 시행착오, 그리고 우리가 ‘아트’를 다시 구하게 된 이유  (3) 2026.01.22
[인디게임 개발일지 #4] 아트워크 대공개, 플랫포머 게임의 배경은 어떻게 그릴까? (배경편)  (8) 2026.01.15
[인디게임 개발일지 #번외] 🎄'나노바나나'가 그림을 잘 그린다고?! 배경투명화도 못 한다.  (6) 2025.12.25
[인디게임 개발일지 #2] 턴제 RPG의 시작! 세계관 시나리오부터 캐릭터 원화, 게임 루프 설계까지  (2) 2025.12.12
[인디게임 개발일지 #1] 게임 개발, 드디어 시작하다!  (3) 2025.11.27
'인디게임 개발일지' 카테고리의 다른 글
  • [인디게임 개발일지 #번외] 인디팀의 시행착오, 그리고 우리가 ‘아트’를 다시 구하게 된 이유
  • [인디게임 개발일지 #4] 아트워크 대공개, 플랫포머 게임의 배경은 어떻게 그릴까? (배경편)
  • [인디게임 개발일지 #번외] 🎄'나노바나나'가 그림을 잘 그린다고?! 배경투명화도 못 한다.
  • [인디게임 개발일지 #2] 턴제 RPG의 시작! 세계관 시나리오부터 캐릭터 원화, 게임 루프 설계까지
깨비도
깨비도
그림 그리는 개발자의 인디게임 생존기 & Flutter 연구소
  • 깨비도
    KKEVi.log()
    깨비도
  • 전체
    오늘
    어제
    • 전체 (98) N
      • 인디게임 개발일지 (6) N
      • C# (1) N
      • Dart (3)
      • Flutter (24)
        • 문제해결 (14)
      • Kotlin (12)
      • Android (22)
        • 문제해결 (11)
      • CS (10)
        • Network (1)
      • 알고리즘 (10)
        • 코딩테스트 (10)
      • etc (10)
        • Git (1)
        • React (1)
  • 블로그 메뉴

    • 방명록
  • 링크

    • 그림 전문 일지
  • 공지사항

  • 인기 글

  • 태그

    Firebase
    Unity이펙트
    MacOS
    네트워크
    게임기획
    thread
    플랫포머_배경
    C#
    Android
    플러터
    게임아트
    DART
    ram
    게임개발
    context
    when
    CS
    flutter
    OS
    Kotlin
    인디게임개발
    유니티
    Dear.MyMarionette
    DartVM
    IOS
    인디게임
    XML
    2D아트워크
    stack
    Gemini
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.5
깨비도
[인디게임 개발일지 #3] 아트워크 대공개, Spine 없이 한땀한땀 움직이는 2D 애니메이션! (캐릭터편)
상단으로

티스토리툴바