로그인

회원가입 | ID/PW 찾기

연재

[1인개발] 평범한 덕후의 좌충우돌 1인 동인게임 개발 도전기 ②

배경을 그릴 실력이 안 돼서, 3D를 배워봤습니다

에 유통된 기사입니다.
리스키 2017-08-23 12:02:57

지난 글에서는 혼자서 동인 게임 개발에 뛰어들게 된 사연과 스토리를 완성하기까지의 과정을 다뤘습니다. 사실 여기까지의 과정은 누구나 할 수 있는 상상과 글쓰기의 단계였는데요.

 

스토리가 완성되고부터 본격적인 비주얼 작업에 들어갔습니다. 비주얼 노벨 게임을 구성하는 3대 비주얼 요소, 캐릭터 스탠딩 이미지와 배경 이미지, 이벤트 CG를 만들 차례였죠 

 

 

# 표정이 바뀌는 스탠딩 이미지를 어떻게 만들지?

 

첫 번째 고민은 다양한 표정을 짓는 캐릭터였습니다. 이전까지는 표정이 바뀌는 그림을 그릴 일이 없었기에 항상 완성된 펜선 위에 채색을 해왔는데, 표정을 바꾸기 위해서는 그림 작업 과정 자체를 바꿔야 했거든요.

 

그림을 그리는 방법은 사실 저마다 다릅니다. 태블릿으로 직접 선을 그리는 사람도 있고, 연필 스케치를 스캔한 뒤 펜툴로 선을 따내는 사람도 있죠. 필자의 경우는 종이에 볼펜으로 그림을 그리고, 스캔한 뒤 포토샵으로 선 수정 및 채색을 하는 스타일입니다. , 볼펜으로 그린 펜선을 그대로 활용하는 케이스죠.


필자의 경우 종이에 그린 볼펜 선을 그대로 쓰는 방식으로 그림 작업을 합니다.

 

하지만 표정이 바뀌는 그림을 그리기 위해선 이 방법에 변화를 줘야 했습니다. 다른 종이에 여러 표정을 그린 뒤 눈코입 파츠만 떼어 붙이는 방법을 먼저 시도해 봤지만 퀄리티가 마음에 들지 않았고, 원본에서 눈이나 눈썹이 머리카락과 겹치는 경우는 수정하기도 어려웠죠.

 

사실 이 문제는 예전부터 그림을 그려온 방법이 스탠딩 이미지 제작에 맞지 않았기 때문에 발생한 케이스입니다. 처음부터 타블렛을 이용해 PC로 그림을 그려온 사람이라면 레이어만 나누면 되니까 전혀 문제 될 게 없는 부분이었죠.

 

최종적으로 종이에 그리는 그림은 눈코입만 연필로 그린 뒤 나머지를 볼펜으로 그리고, 눈코입은 스캔 후 마우스로(...) 그리는 방법을 썼습니다. 처음엔 마우스로 그리는 게 어색해서 실패도 여러 번 했지만, 익숙해지고 나니 이것도 나름 할만하네요. 허허허...

 

캐릭터 하나의 서 있는 자세와 눈코입의 종류별 파츠(보통 눈, 반쯤 감은 눈, 웃는 눈썹, 화난 눈썹, 걱정하는 눈썹, 웃는 입, 다문 입 등등)를 완성하고 나면 이제 게임에 필요한 표정을 만들 차례였습니다.


눈썹, , 입을 몇 종류 만들고 나니까 이걸 조합하는 식으로 표정을 바꿀 수 있었습니다.

 

완성된 스토리를 처음부터 다시 읽으면서 대사 하나하나마다 이 캐릭터가 지을 표정을 눈코입의 조합으로 하나씩 만들어갔습니다. 1번 표정은 보통 눈+보통 눈썹+웃는 입, 2번 표정은 눈웃음+화난 눈썹+다문 입 등등으로요. 새로운 표정마다 하나씩 이미지를 저장하고, 스토리의 대사 부분에는 해당 캐릭터의 몇 번 표정인지를 표시하는 식으로 진행했죠. 경우에 따라선 눈물 파츠, 홍조 파츠도 추가하면서요.

 

가장 놀랐던 것은 단순히 눈과 눈썹, 입의 조합만으로 캐릭터당 3~40개에 달하는 표정이 나올 수 있다는 점이었습니다. 새삼 인간의 얼굴이 얼마나 효율적으로 감정을 표현하는 기관인지 느끼게 되네요.

 

최종적으로 캐릭터가 옷을 바꿔 입는 경우를 포함해 총 21장의 그림을 그리고, 표정 변화를 모두 합쳐 무려 260에 달하는 스탠딩 이미지가 완성됐습니다. 개수가 많긴 하지만 실제 작업은 21장의 그림을 그린 것 외에는 눈코입 파츠만 바꿔가면서 저장한 것인지라 약 2주 정도의 시간이 소요됐네요.

 

여기까지의 작업은 비교적 순조롭게 진행됐습니다. 항상 하던 글쓰기와 항상 하던 그림 그리기의 연장선에 지나지 않았으니까요.

 ​

얼굴 파츠의 조합만 바꿔도 정말로 많은 수의 표정을 만들어낼 수 있었습니다.

 

 

# 배경 작업? 난 미술 못하는데 어떡해?

 

문제는 캐릭터 스탠딩 이미지를 다 만든 뒤, 스크립트 코딩과 배경 작업을 병행하면서 시작됐습니다.

 

스크립트 코딩 자체는 별다른 문제가 없었습니다. 애초에 렌파이 툴 자체가 코딩 언어가 단순하기도 했고, 완성된 스토리에 맞춰 앞서 제작한 캐릭터 이미지를 띄우면 되는 작업이었거든요.

 

하지만 배경은 그렇게 간단하지 않았습니다. 캐릭터 이미지가 평소 하던 팬아트 덕질의 영역이라면, 배경은 미술의 영역에 들어갔거든요. 필자 역시 평생 여캐만 그려봤지, 배경 그림을 본격적으로 그려본 적은 거의 없었습니다.

 

처음엔 볼펜으로 스케치를 한 뒤 포토샵에서 브러시로 칠하고 붓 그림 필터를 먹이면 되지 않을까 생각도 해봤는데... 맙소사 결과물이 상상 이상으로 엉망이었습니다. 게임 내에 필요한 배경 장면이 상당히 많은데(성이라든지, 내부의 각종 방이라든지, 산맥이라든지...) 이걸 필자의 형편없는 배경 그림 실력으로 그릴 수 있을까 싶었고요.


리스키 어린이의 초등학교 미술 작품이라 해도 믿길 정도. 이건 아니잖아!

 

다음으로 생각한 건 실제로 배경 사진을 찍은 뒤 포토샵에서 블러로 수정하는 방법이었습니다. 실제로 많은 동인 게임 제작자들이 사용하는 방법이기도 하고요. 하지만 이 방법은 시도를 해보기도 전에 포기해야 했습니다. 현대 일상 물이면 주변의 동네 사진 등으로 대처가 될 텐데, 필자가 쓴 스토리는 '동양 판타지' 세계였거든요. 심지어 공중 전함까지... 이건 어디 가서 사진을 찍기 이전에, 실제로 존재하지도 않는 게 대부분이었습니다.

 

고민 끝에 떠올린 방법이 바로 3D였습니다. 3D로 세트장 하나만 만들고 나면, 그 뒤는 카메라 위치만 바꿔가면서 다양한 배경 이미지를 뽑아낼 수 있지 않을까 싶었거든요.

 

그래서 무료 3D 프로그램인 '블렌더 3D'를 받아, 무작정 유튜브에서 초심자 강좌를 보면서 하나씩 따라 해 봤습니다. 네모 박스를 만드는 법, 기둥을 만드는 법 등 기초적인 부분부터요.

 

당연히 처음부터 제대로 된 결과물이 나오지는 않겠고.... 일단 필요한 건축물부터 연습 삼아 도전해 봤습니다. 바닥에 네모난 판을 깔고, 그 위에 기둥을 세우고, 기둥 옆에 네모난 벽을 붙여가는 식으로요. 처음엔 허허벌판에 기둥만 몇 개 세워진 모습이더니, 벽을 하나씩 붙여갈수록 뭔가 제대로 된 모양새가 나옵니다. 오오 3D 오오.


유튜브에서 '블렌더 강좌'만 검색해 봐도 기초적인 부분부터 배워볼 수 있습니다.
블렌더 툴은 공식 홈페이지(바로가기)에서 무료로 받을 수 있고요.

네모박스를 깔고 기둥을 하나씩 세워보니까 정말로 뭐가 만들어집니다. 처음 써보는 3D!


# 일단 연습 삼아 성을 만들어 보자!

 

시작하기 전까진 '3D'라는 이름만 들어도 왠지 무서워 보였는데, 유튜브에 있는 기초 강좌를 보면서 하나씩 직접 해보니 생각외로 어렵지 않았습니다. 건물이나 성 내 구조 등은 시나리오를 쓰면서 이미 종이에 도면을 그려놨던 게 있었고, 그 도면의 치수에 따라 기둥과 벽을 배치하기만 하면 됐으니까요. 기둥을 세울 위치 좌표만 종이에 덧셈 뺄셈으로 계산하면 실제로 배치하는 건 쉬웠습니다. 밥 아저씨의 "참 쉽죠?"가 아니라, 문자 그대로 초심자도 할 수 있을 정도로 쉬워요.


성 안쪽을 어떤 구조로 만들 것인지 먼저 도면을 그려놓으면 위치를 잡기 쉽습니다.


도면에 따라 바닥의 크기를 조절하고, 간격에 맞게 기둥을 세워주니 그럴듯한 모양이 나오네요.

동양식 건축물의 필수 요소인 팔작지붕은 인터넷에 올라온 작업 사례를 보면서 하나씩 따라 만들어 보고, 나무 기둥에 색도 입혀보고, 도면에 따라 건물을 배치할수록 점점 3D로 배경 작업을 하길 잘했다는 생각이 들었습니다. 얼추 형태가 갖춰진 성에 하나씩 텍스쳐를 입힐수록 모양새도 그럴듯해졌고요. 굳이 학원에서 비싼 돈 들여 배우지 않더라도 인터넷 검색만으로 해결되는 시대라는 걸 절감했습니다.

 

(물론 작업 중간에 막히는 부분이 있을 땐 그걸 해결해줄 선생님이 없다는 단점이 있지만요. 기껏 포토샵으로 지붕 텍스쳐를 만들어서 입혀놓고도 이걸 렌더링 할 때 나타나게 하는 방법을 몰라 며칠씩 인터넷 뒤져가며 머리 싸매는 등...)



본문에선 짧게 넘어갔지만, 만들고 고치고 만들고 고치고 하는 작업이 개발 내내 계속됐습니다.
이건 최종 완성본으로, 다른 배경을 만들면서 노하우가 생겨 중반 이후에야 최종 버전이 나왔습니다.

 

우여곡절 끝에 3D로 성을 만드는 데에는 성공했는데, 다음은 성벽 너머로 보일 ''이 문제였습니다. 포토샵으로 녹색 언덕을 만들어 보니 색상이 너무 단조롭고(그렇다고 나무 하나하나를 손으로 그릴 실력은 안 되고), 3D로 원뿔을 만들어 깎는 방식으로 산을 몇 개 만들어 봤더니, 이건 또 형태가 단조로운 데다 채색도 힘들고...

 

"그래, 진짜 산을 그릴 실력이 되지 않는다면 이건 사진을 찍어서 활용하자!"

 

...라고 생각했더니 이번엔 작중에서 묘사한 산맥의 형태와 똑같은 형태의 산을 찾기 힘들고. 처음으로 오리지널 판타지 세계관을 잡은 걸 후회했습니다. 이건 뭐 만들기도 어렵고 사진도 없고!


혹시나 해 3D로 산을 만들어 봤지만 영 좋지 않았습니다. 색 입히고 배경에 합성하니 어색했어요.


마지막으로 선택한 방법은 해외의 프리 이미지 사이트에 있는 사진을 골라, 산 부분만 잘라서 활용하는 방법이었습니다. 당연한 얘기지만 프리 이미지 사이트라고 해서 모든 사진이 저작권 프리인 건 아니고요, 그중에서 '상업 이용 가능'이 표시된 이미지만 골라야 합니다. 괜히 예쁘다고 아무 사진이나 갖다 썼다간 큰일 나요.

 

다행히도 중국의 절벽 형태의 산 사진이 몇 개 괜찮은 게 있어서 거기에서 산을 오려낸 뒤 포토샵에서 필터를 주는 방식으로 3D 성 이미지에 합성했습니다. 오오, 이제까지의 결과물 중 가장 마음에 드는 결과물이 나왔네요.


마지막으로 선택한 방법은 사진에서 산을 잘라내 합성하는 것이었습니다이 방식으로 만든 배경을 실제 게임에 사용하게 됐습니다.

작품의 큰 무대가 되는 성이 얼추 완성됐으니, 이번엔 각종 실내 배경을 만들 차례였습니다.

 

영화의 세트장을 만들듯이 한쪽 벽면과 바닥, 천장만 있는 방을 만들고, 안쪽에 들어갈 가구는 엔틱 가구나 유적지 사진, 호텔 방 사진 등을 참고해가며 하나씩 조립해 갔습니다. 그나마 넓은 성을 만들면서 3D 오브젝트를 만드는 법을 연습한 덕택에 가구 자체는 모양만 떠오르면 어떻게든 만들 수 있게 됐네요.

 

주인공의 침실부터 시작해서 회의실, 어전, 연회석 등이 차례로 완성됐습니다. 의자나 책장 등 몇몇 가구는 여러 방에 재활용하는 식으로 배치하니, 꼭 온라인 게임에서 하우징을 하는 느낌이네요. 물론 가구의 퀄리티는 많이 차이 나지만...

 

 요런 식으로 온라인 게임 하우징을 하듯이 세트장을 만들고 카메라를 배치하면...

! 게임 내에서 쓸 배경 하나가 완성됐습니다.  

복잡한 가구도 잘 보면 상자랑 기둥 같은 기본적인 도형을 합친 거라서 만들기 어렵지 않아요. 

밤낮의 변화도 광원만 바꾸면 되고, 다른 앵글이 필요할 땐 카메라만 옮기면 끝!



# 그런데 동양 판타지 양식의 전함은 어떡하지?

 

작중 주요 배경인 건축물은 어느 정도 궤도에 접어들었는데, 이번엔 '전함'이 문제였습니다.

  

설정상 영력을 동력원으로 하는 공중 전함이고, 디자인에 대해서는 배 위에 동양식 성 같은 건축물이 올라간 형태를 상상하고 있었거든요. 가까운 예를 들면 애니메이션 <사무라이7>에 나오는 우주 전함이나, <블레이드앤소울>의 비행 함선 철귀처럼요.


... 그러니까 대충 이런 거요. 이미지는 <블레이드앤소울>에 등장하는 '철귀' 함선.​

 

게다가 작중 세계관 설정으로 동쪽 나라는 동북아시아(한중일풍의 건축 양식을, 남쪽 나라는 태국풍 건축 양식을 모티브로 삼았던지라... 남쪽 나라 출신인 주인공이 모는 전함은 태국의 사원 같은 화려한 건축물을 배 위에 얹어야 하는 상황이었죠.

 

태국 사원의 특징은 여러 겹으로 겹쳐 올려진 지붕과 그 위에 솟아오른 뿔, 화려한 장식 등으로 대표됩니다. 쉽게 말해 더럽게 복잡합니다. 그동안 3D로 만들었던 건축물과는 비교도 안 되게요.

 

일단 기초가 되는 선체의 모양을 잡고, 상자를 쌓아 올려 건축물의 형태를 잡고, 지붕을 여러 겹으로 쌓아봤습니다. 태국 건축 양식의 핵심 중 하나이기도 한 불꽃 형태의 화려한 장식품은 눈물을 머금고 패스. 이건 단순히 노력으로 커버될 부분이 아니더라고요. (...) 그래도 삼각형 지붕을 3개씩 겹쳐놓고 뿔을 세우고 나니 멀리서 보면 그럭저럭 '분위기'는 나네요.


그러니까, 이렇게 생긴 건물을 배 위에 얹어야 한단 말이죠.
 

선체 자체는 단순한 덩어리로 만들었습니다. 위에 상자를 쌓고, 지붕만 얹고!

어차피 갑판 앵글의 배경 이미지로 쓰일 거라서 화면에 보이지 않을 부분은 대충대충!

 

여기에 함포와 부스터를 달고 나서 "어떻게든 다됐다~!" 하고 선박 설계업을 하는 친구에게 보여줬습니다. "내가 만들어본 전함인데 어떻게 생각해? 크고 아름다워?"

 

당연히 일갈과 함께 무시무시한 피드백이 돌아왔습니다. 그야 그렇겠죠. 선박에 대한 지식은 문외한이나 마찬가지인 필자가 상상만으로 만든 전함과 실제 선박 설계와는 어마어마한 갭이 있을 테니까요. 전함 이전에 배로서 존재하기 위한 기본적인 게 너무 없다는 피드백과 함께 하나하나 자문해가며 디테일 작업에 들어갔습니다.

 

세밀한 부분이 많아 수정에 시간이 너무 많이 걸린다고 하소연하니 필자에게 그럴 땐 업계 좌우명을 따르라는 조언도 해주네요.

 

"대충, 빨리, 완벽히"

 

...이건 못 들은 거로 하고. 어찌 됐든 넘어야 할 큰 산 중 하나인 공중 전함도 무사히 완성할 수 있었습니다. 아하하, 앞으로 2척은 더 디자인해야 하는데, 아하하, 아하하하하.


몇몇 부분을 더 수정하고 나서 최종적으로 게임에 쓰인 배경. 그러나 아직 남은 게 산더미...


# 건물은 만드는 것보다 부수는 게 더 어렵더라

 

3D로 배경 제작에 뛰어들고 약 2주가량 지났습니다. 처음엔 어려울 줄 알았던 3D 배경도 막상 몸으로 부딪히고 나니까 나름 노하우도 생기고 그동안 잘못 작업했던 부분도 발견하고 금방 익숙해지네요.

 

처음엔 넓은 성터, 다음은 실내 세트장, 다음은 공중 전함. 여기까지 만들고 나니 그동안 애써 현실 도피하며 외면하고 있던 다음 배경을 만들 차례가 왔습니다. '포격을 맞아 폐허가 된' 성터요.

 

...우와 이거 어떡하지? 건물이 무너지면 잔해라든지 돌 파편이라든지 잔뜩 생길텐데. 벽도 엉망진창으로 깨지고 무너질 텐데. 기껏해야 상자만 만들어서 배치한 성인데 부서진 형태를 어떻게 만들지?



그러니까 이런 걸 만들라고? 어떻게?

 

일단 시험 삼아 회색 상자를 하나 만들고 이리저리 깎고 늘리고 해서 바위 파편을 하나 만들어봤습니다. 어디선가 깨져나온 것 같은 돌덩이가 하나 완성됐네요.

 

비슷한 방식으로 돌덩이 패턴을 몇 개 구깃구깃 만들어 보고, 현대인의 전설의 기술 중 하나인 Ctrl+C, Ctrl+V로 수를 늘렸습니다. 여기서 몇 개를 골라 크기를 줄이고, 전체를 다시 복사해서 크기를 통째로 줄여 위에 얹고, 다시 전체를 복사해 살짝 방향만 돌려서 옆에 쌓아놓고.

 

어라? 그럴듯한 돌무더기가 완성됐습니다. 건물이 있던 자리에서 지붕과 벽을 없애고, 기둥은 몇 개만 남겨놓고 이 돌무더기를 올려보니... 어라? 그럴싸한데?


돌덩이를 3~4종류 만들어 마구잡이로 복붙하니까... 어딘가 돌무더기가 완성됐다?!

여기에 포토샵으로 검은색과 회색의 연기를 뿌려주니 '포격에 맞아 무너져내린' 건물이 완성됐습니다. 2차대전 영화에서 배경으로 자주 나오던 그 무너진 건물이요. 푸른색의 기왓장 파편은 도저히 만들 엄두가 안 나긴 했지만, 그럭저럭 만족할만한 결과물이 나왔네요.


이렇게 만들어 놨던 건물을...



~. 돌무더기를 복붙하고 돌리고를 반복한 뒤, 포토샵에서 연기만 뿌려주니 폐허 하나 완성!

 

 

# 번외, 먹물 떨어진 연출을 만들고 싶어서...

 

배경 이미지 작업을 하면서 3D 배경 외에도 몇 가지 연출이 더 필요했습니다. 간단하게 말해서 칼을 휘두르는 연출이라든지, 피가 뿌려지는 연출 같은 거요.

 

사실 피가 뿌려지는 연출은 포토샵에서 어렵지 않게 만들 수 있습니다. 흩뿌려지는 형태의 브러시로 대충 문지르고 빨간색을 입히면 끝이니까요.

 

하지만 가장 어려운 건 '먹물' 효과였습니다. 동양적인 세계관을 연출할 때 가장 많이 쓰이는 것 중 하나가 먹물 방울이 흩뿌려진 건데요, 자연스럽게 먹물이 튀긴 형태는 포토샵 브러시로 흉내 낼만한 것이 아니었거든요.

 

그래서 필자는...



#간장

#젓가락

#저렴하다_저렴해
최신목록 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10