디시인사이드 갤러리

갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

스프라이트 모션에 대한 팁

ㅇㅇ(59.16) 2025.04.04 09:20:02
조회 6909 추천 66 댓글 38

우선 저는 픽셀&일러 작가입니다.

이런 게임 스프라이트나 애니메이션 만들기 시작한지는 오래되진 않아서 완벽하진 않으니 참고용으로 알려드리고자 글을 작성해봅니다.


우선 모션에 관하여 설명 드리려고 합니다. 저희가 경험이 없이 모션을 만들때 상상하는 대로 만들면 되게 어색한 결과물이 탄생합니다.

매번 어떤 모션은 어떻게 만들고 어떤 사물은 어떻게 표현 해야하는지 설명하기에는 너무 분량이 많으니 어떤 포인트들을 생각하면서 만들어야하는지 짚어보려고 합니다. 



중요 포인트: 내가 움직임을 구현하려하는 대상의 구조가 어떻게 된것인가? 관절이 어디인가? 어디가 실제로 움직이고 어디가 딸려오는가? 이런것들을 생각해야합니다.

a7611cad231eb444ba34284458d62d3b582d1a92255acb131c33e4

예전에 이모티콘으로 작업한 꼬리 움짤입니다. 첫 러프단계에서 이렇게 완성하였는데, 해당 움짤을 보면 꼬리 같나요?

꼬리 보단 촉수에 가깝게 느껴질겁니다. 이유는 꼬리는 자아를 가지고 움직이는게 아니라 흔들어야하기 때문입니다.


a7611cad231eb444ba3428445e5ae2f1c2b71821028c1fa03f96daa1f89550410d5ca9d6d9e540a5b623756765eacdc2

이건 피드백 받고 1차 수정을 진행한 결과물입니다. 위에것 보다는 꼬리 같은 느낌이 들긴하죠? 그래도 여전히 어색합니다, 이유는 무엇일까요?

이유는 모션에 대한 속도를 생각 안했기 때문입니다. 

a7611cad231eb444ba3428445e5df1c1a0cdbabe4ae89a8e1441defd4b79acbcba9f9c5f3979

최종 작업물입니다. 꼬리를 살랑살랑 흔드는 느낌이 들죠? 물체나 동작별로 다르지만, 꼬리 같은 경우로 보면 꼬리는 일정한 속도로 움직이지 않습니다.

꼬리의 밑 부분이 중심이 되어 좌우로 흔들고, 중앙 및 꼬리 끝 부분은 반동에 의해서만 따라옵니다. 그래서 밑 부분은 느리고 윗 부분은 빠르게 움직입니다.

추가적으로 좌우측 끝에 도달하고나면 반대 쪽으로 가야하니 프레임을 늘려 살짝 느려지는 느낌을 주고 가운데 지날떈 속도감이 있어야하니 프레임이 적게 들어갑니다.



a16d09aa0932b350af3505609a2fe175dffffae50af3db31674791f033f4b6bac5379f0a5b1b43bbae0c

해당건도 커미션으로 작업한겁니다. 하얀 덩어리들은 찹쌀떡이며 배경은 공장입니다.


그럼 아까 첫번째 포인트로 보면 저희는 어떤걸 포인트로 고려해야할까요?

(첫번째 포인트: 내가 움직임을 구현하려하는 대상의 구조가 어떻게 된것인가? 관절이 어디인가? 어디가 실제로 움직이고 어디가 딸려오는가?)


1. 찹쌀떡의 질감->말랑하니 흔들리고 탱탱거린다.

2. 공장->딱딱하고 질서있게 움직인다.


결론적으로 찹쌀떡 공장을 표현할때 저희는 찹쌀떡의 말랑함과, 질서있게 움직이는 공장만 표현하면 된는겁니다.




이제 게임에 자주 쓰이는 사람 모션에 대해 설명하겠습니다.



06b3d921edc670b57abed8b15f9f2334d5393a4c849d9fb557927643


06b3d921edc670b47bb19ffb11d8221da778fe11d376f770448f


06b3d921edc670a77aabd7b61d986a3a80bd874c3dd520a787ce86ac62


우선 서있기, 달리기, 일반 공격하기 3개만 설명 드리겠습니다. 위에 3개 모션은 예전에 만들었던 것들인데 참고용으로 보여드립니다.


서있기: 현실에서 사람이 서있다고 가정했을때 시간 정지한것 처럼 미동도 안하고 서있지 않잖아요? 그래서 자유롭게 자기가 표현하고 싶은 대로 숨쉬는듯한 동작을 한다든가 시계를 꺼내서 본다든가 아니면 간단하게 눈을 깜빡인다던가 모션이 있는게 자연스럽습니다.


02b1d466f2dd2aad2eaac6b117c5217160efdb17df27669de78577446bf965772ff8cd183dffce1b803296ad3f3839f9

(핀터레스트 예시)


위에 움짤을 보시면 제작자가 과거, 현재 라고 구분해서 올린 모션입니다. 왼쪽은 숨을 허덕이는 느낌으로 모션이 간결하고 짧으며 박자가 빨라서 긴박한 느낌이 들며 스피디한 액션 스타일의 게임이 연상되는 반면 오른쪽 모션을 보면 천천히 살아 숨쉬는 느낌이 들어 박자와 타이밍, 선딜 후딜이 있는 소울류 게임 같은 느낌이 듭니다.




달리기: 이게 가장 만들기 어려운 부분인데요, 보통 저희가 스프라이트 만들때 대각선 정면을 쳐다보기 때문에 앞, 옆, 뒤, 좌팔, 우팔, 좌다리, 우다리 다 신경쓰면서 만들어야해서 굉장히 복잡합니다. 하지만 표현하는데 있어서 정답은 없으니 너무 이상하지 않는선에서 개성있게 달리기를 표현하는게 좋습니다.

7cea8475b7856bf238ec98b21fd7040359cf81a725039774

피드백으로 올리신 움짤을 예시를 들면 머리가 대각선 정면을 쳐다보고 있으면 몸도 똑같이 대각선 정면을 바라보게 하던가, 아니면 머리가 우측으로 고개를 더 돌려서 정면을 보고 달리는것 처럼 바꿔 주셔야합니다.



1fb2d733e0922aa379b0c4be5a910238d43362eaa1a1725657788b1c86800fdfa324017575450f0f6170228b74

(핀터레스트 예시)



위에 움짤을 보시면 왼쪽 모션은 머리+몸통이 정면을 쳐다보고 고개가 좌우로 흔들리는게 보이는 모습이며, 우측 모션은 머리+몸을 대각선 정면을 유지한채로 달리는 모셥입니다.





일반 공격: 공격 모션은 인체 구조상 뒤틀린게 아니라면 자유롭게 표현해도 되어 편하게 만들면 됩니다. 그대신 사람들이 말하는 "타격감" 있는 느낌이 들려면 모션이 깔끔하고 위에서 설명 드린 꼬리처럼 여러가지 고려해서 제작했을때 느낌이 완전 달라집니다.



a65614aa1f06b3679234254956997c7498d5863e32deababb6efa68a006cfa62


a65614aa1f06b3679234254956997d742b388191db50b3c72c0357e5e8ffec

(핀터레스트 예시)


무기를 실제로 휘둘러 보면 머리, 몸, 반대팔, 다리 전부 가만히 있을수가 없습니다. 힘을 주고 휘두를땐 반동이 생기기 때문에 무조건 몸이 움직입니다.


그래서 공격 동작을 만들땐 보통 3가지 단계를 고려해서 만듭니다. 공격 준비 동작 -> 공격 휘두르는 동작-> 휘두르고 나서 반동으로 인해 동작.


사람들이 흔히 말하길 선딜 후딜 개념이죠, 어떤 모션에는 몇프레임을 넣어야해요? 선딜에 몇? 후딜에 몇? 같은 질문은 자기가 만들고자 하는 게임에 따라서 달라질수 있어서 무조건 본인이 직접 만들어보고 모션을 보면서 스스로 어색한지 아닌지 구별하는 방법밖에 없습니다. 그래서 공격모션은 캐릭터 몸을 싹다 움직이면서 공격하면 어떻게 만들어야할까? 고민하면서 만들다 보면 좋은 결과물이 나올겁니다.





초보한테는 아주 중요한 기초적인 포인트들만 짚어봤습니다. 당장 핀터레스트 같은 결과물은 나오기 힘든게 현실이죠, 저도 아직 저정도 못합니다. 그대신 아예 정보가 없을때 저 스스로 연구하면서 직접 만들어보고, 수많은 실패 동작들을 만들어보고, 수백번 수정하고 하면서 터득한 팁들만 전해주고자 합니다.


귀찮으니깐, 어려우니깐, 나는 저거 못만들어 하면서 스스로 타협하고 모션 대충 만들었는데 초기에, 당연히 만족스럽지 못하고 수정횟수가 많아지며 결국 게임에 쓰이기 어려워서 폐기했습니다, 그래서 다음부터는 처음부터 치밀하게 머리를 계속 굴려가며 만들어서 많이 나아졌습니다.



글 제주가 없어 읽기 힘들었을텐데 읽어주셔서 감사합니다.







출처: 인디 게임 개발 갤러리 [원본 보기]

추천 비추천

66

고정닉 28

7

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 사회생활 대처와 처세술이 '만렙'일 것 같은 스타는? 운영자 25/03/31 - -
이슈 [디시人터뷰] LPBA의 차세대 스타, 당구선수 정수빈 운영자 25/04/02 - -
319363
썸네일
[미갤] 스페인 보복관세 부과
[227]
북극곰오열갤로그로 이동합니다. 04.04 28549 122
319361
썸네일
[일갤] [8박9일 広島-熊本-鹿児島] 4일차 - 혼슈 탈출
[13]
일코중갤로그로 이동합니다. 04.04 4789 9
319357
썸네일
[싱갤] 싱글벙글 프리렌 근황
[195]
ㅇㅇ갤로그로 이동합니다. 04.04 31298 42
319355
썸네일
[잡갤] 재석페이로 모닝빵 결제했는데 10만원 나와서 황당해하는 유재석
[105]
감돌갤로그로 이동합니다. 04.04 20641 22
319353
썸네일
[미갤] 4월 4일 시황
[45]
우졍잉갤로그로 이동합니다. 04.04 19985 33
319351
썸네일
[야갤] 이재명...이제부터 진짜 대한민국이 시작된다 ㄹㅇ...jpg
[1422]
Adidas갤로그로 이동합니다. 04.04 46029 259
319349
썸네일
[싱갤] 싱글벙글 여자에서 남자가 된 사람들
[317]
상쾌한바이올린갤로그로 이동합니다. 04.04 36738 69
319347
썸네일
[잡갤] 리뷰 1점 받은 사장님의 대처
[208]
묘냥이갤로그로 이동합니다. 04.04 24754 215
319345
썸네일
[야갤] 저희 부부에 ‘칭챙총’ 야유, 물병도 던져…이탈리아 갔다 인종차별..
[371]
감돌갤로그로 이동합니다. 04.04 18977 78
319343
썸네일
[싱갤] 오싹오싹 우크라이나에서 활동하는 러시아 게이 부대
[172]
5(59.151) 04.04 21433 104
319341
썸네일
[대갤] 日 대학교수 현행범 체포 신상공개 ㄷㄷ
[171]
ㅇㅇ갤로그로 이동합니다. 04.04 18590 144
319339
썸네일
[항갤] (스압.webp) 에어 뉴질랜드 멜버른 ~ 오클랜드 ~ 시드니
[14]
미소천솨갤로그로 이동합니다. 04.04 5149 15
319335
썸네일
[디갤] 디즈니 실사 '라푼젤' 잠시 제작중단...jpg
[311]
ㅇㅇ(175.119) 04.04 23337 170
319333
썸네일
[중갤] 윤석열 측 반응떳다 ㅋㅋㅋㅋㅋㅋ
[1075]
폭동견갤로그로 이동합니다. 04.04 64425 764
319331
썸네일
[싱갤] 싱글벙글 아랑전설 콜라보 근황
[88]
백도어킹갤로그로 이동합니다. 04.04 19530 31
319329
썸네일
[자갤] 웨딩플래너가 말하는 요즘 MZ 세대 신부 특징.jpg
[366]
ㅇㅇ(116.36) 04.04 33439 282
319327
썸네일
[코갤] 지브리 "노코멘트", 오픈AI "문제없다"…AI 저작권 논란 확산
[258]
ㅋㅋ.갤로그로 이동합니다. 04.04 19709 32
319325
썸네일
[김갤] 뉴시스) 또 거짓말하겠다 선언한 김수현 기자회견
[111]
김갤러(211.234) 04.04 18658 101
319323
썸네일
[싱갤] 싱글벙글 술한잔 땡기는 ㅅㅅ 로봇.manhwa
[193]
ㅇㅇ갤로그로 이동합니다. 04.04 40841 273
319321
썸네일
[잡갤] 日언론, 尹 파면 소식 일제히 속보로 타전
[635]
묘냥이갤로그로 이동합니다. 04.04 26297 194
319319
썸네일
[국갤] 책상 '쾅쾅' 치며 "출산하라고!"…남성 교사 부적절 발언 녹취
[634]
ㅇㅇ(39.7) 04.04 24493 288
319317
썸네일
[걸갤] 뉴진스 해린•혜인 부모중 균열..gisa
[447]
걸갤러(222.120) 04.04 41138 401
319313
썸네일
[야갤] 실시간 환율...근황 ㄹㅇ...jpg
[708]
Adidas갤로그로 이동합니다. 04.04 74263 760
319311
썸네일
[싱갤] 감동감동 아프리카에서 난리난 신문에 도배된 한국인들 ㄷㄷ.jpg
[98]
수인갤러리갤로그로 이동합니다. 04.04 20977 250
319309
썸네일
[잡갤] 격분한 윤 대통령 지지자들 반응
[1019]
묘냥이갤로그로 이동합니다. 04.04 50456 526
319307
썸네일
[국갤] 돈슨 페미캣 신작 <마비노기 모바일> 페미남혐 논란
[301]
ㅇㅇ(118.219) 04.04 20972 224
319305
썸네일
[디갤] 점심먹었니? 벚꽃사진으로 소화해라
[38]
Look_갤로그로 이동합니다. 04.04 6477 24
319303
썸네일
[백갤] 백종원 논란에도 강행…'흑백요리사' 시즌2, 첫 촬영 완료
[272]
ㅇㅇ(121.142) 04.04 28957 377
319301
썸네일
[새갤] 국민의힘 "안타깝지만 헌재 결정 겸허하게 수용"
[957]
포만한갤로그로 이동합니다. 04.04 37394 325
319299
썸네일
[싱갤] 말랑말랑 디씨콘 2차창작 근황
[217]
ㅇㅇ갤로그로 이동합니다. 04.04 31255 196
319297
썸네일
[야갤] 미인 대회 아냐?…태국 징병 검사장에 등장한 미녀들
[100]
감돌갤로그로 이동합니다. 04.04 25091 31
319295
썸네일
[야갤] 윤석열 탄핵 인용 파면 ㄹㅇ..jpg
[2960]
감돌갤로그로 이동합니다. 04.04 89100 1336
319292
썸네일
[피갤] 피겨 아동학대 후속보도
[56]
ㅇㅇ(223.39) 04.04 15775 137
319290
썸네일
[국갤] 윤측 "이재명, 국민학살 주장…허위사실 선동 분노"
[311]
dyir갤로그로 이동합니다. 04.04 31007 410
319288
썸네일
[싱갤] 오싹오싹 어제자 아청법 개정
[482]
ㅇㅇ갤로그로 이동합니다. 04.04 54759 588
319286
썸네일
[중갤] 국회 측 “헌재, 주권자 상식에 부합하는 결론 내려주길”
[96]
ㅇㅇ갤로그로 이동합니다. 04.04 14181 33
319285
썸네일
[유갤] 요즘 이혼의 세계
[164]
ㅇㅇ(175.119) 04.04 29382 61
319283
썸네일
[카연] 곰방 노가다 나가서 같이 일하는 아저씨랑 맞짱 뜬 썰.Manhwa
[119]
으노으노갤로그로 이동합니다. 04.04 17559 111
319282
썸네일
[새갤] 백악관, 한국 관세 ‘1%p’ 완화
[130]
이회창갤로그로 이동합니다. 04.04 22902 129
319280
썸네일
[중갤] (jtbc) 계엄군 내란의 밤 국회 비상통로 봉쇄cctv입수
[162]
나무갤로그로 이동합니다. 04.04 18324 205
319278
썸네일
[싱갤] 부처핸접 지금 핫하다는 그 박람회 근황.jpg
[244]
ㅇㅇ갤로그로 이동합니다. 04.04 27645 203
319276
썸네일
[A갤] 트럼프 관세에 대한 세계 각국의 반응
[113]
ぐち갤로그로 이동합니다. 04.04 15799 25
319275
썸네일
[유갤] 이민정 유튜브에서 최초 공개한 큰아들 골고루 다 보인다ㅋㅋㅋ
[147]
ㅇㅇ(175.119) 04.04 21176 47
319272
썸네일
[새갤] 이준석 사살 명령 수첩 전문 공개
[697]
업무용갤로그로 이동합니다. 04.04 34219 257
319271
썸네일
[기갤] 세계유산 안동 하회마을 불
[171]
ㅇㅇ(223.39) 04.04 14863 31
319269
썸네일
[포갤] (스압) 2025 펑크스프링 페스티벌 도쿄 후기
[24]
두부짱스갤로그로 이동합니다. 04.04 5261 22
319268
썸네일
[싱갤] 싱글벙글 일일 이중감시.manhwa
[66]
타원형플라톤갤로그로 이동합니다. 04.04 21091 89
319267
썸네일
[야갤] 아이브 가을 선배 '보컬룸' 사건의 진실 공개 ㄷㄷ... jpg
[92]
Rose갤로그로 이동합니다. 04.04 14839 48
319265
썸네일
[해갤] 오늘자 손흥민 첼시전 경기 장면 모음...gif
[248]
메호대전종결2갤로그로 이동합니다. 04.04 20840 514
319263
썸네일
[싱갤] 틀니딱딱 초고대 언어들
[259]
D.Va갤로그로 이동합니다. 04.04 20718 65
뉴스 오승환, 모친상 딛고 1군 복귀 준비 5일부터 퓨처스리그 등판 디시트렌드 04.04
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2