디시인사이드 갤러리

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

갤러리 본문 영역

스프라이트 모션에 대한 팁

ㅇㅇ(59.16) 2025.04.04 09:20:02
조회 6864 추천 65 댓글 36

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

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


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

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



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

a7611cad231eb444ba34284458d62d3b582d1a92255acb131c33e4

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

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


a7611cad231eb444ba3428445e5ae2f1c2b71821028c1fa03f96daa1f89550410d5ca9d6d9e540a5b623756765eacdc2

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

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

a7611cad231eb444ba3428445e5df1c1a0cdbabe4ae89a8e1441defd4b79acbcba9f9c5f3979

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

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

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



a16d09aa0932b350af3505609a2fe175dffffae50af3db31674791f033f4b6bac5379f0a5b1b43bbae0c

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


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

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


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

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


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




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



06b3d921edc670b57abed8b15f9f2334d5393a4c849d9fb557927643


06b3d921edc670b47bb19ffb11d8221da778fe11d376f770448f


06b3d921edc670a77aabd7b61d986a3a80bd874c3dd520a787ce86ac62


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


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


02b1d466f2dd2aad2eaac6b117c5217160efdb17df27669de78577446bf965772ff8cd183dffce1b803296ad3f3839f9

(핀터레스트 예시)


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




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

7cea8475b7856bf238ec98b21fd7040359cf81a725039774

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



1fb2d733e0922aa379b0c4be5a910238d43362eaa1a1725657788b1c86800fdfa324017575450f0f6170228b74

(핀터레스트 예시)



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





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



a65614aa1f06b3679234254956997c7498d5863e32deababb6efa68a006cfa62


a65614aa1f06b3679234254956997d742b388191db50b3c72c0357e5e8ffec

(핀터레스트 예시)


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


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


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





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


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



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







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

추천 비추천

65

고정닉 28

7

댓글 영역

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

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 사회생활 대처와 처세술이 '만렙'일 것 같은 스타는? 운영자 25/03/31 - -
이슈 [디시人터뷰] LPBA의 차세대 스타, 당구선수 정수빈 운영자 25/04/02 - -
공지 실시간베스트 갤러리 이용 안내 [3030/2] 운영자 21.11.18 11337295 530
319566
썸네일
[잡갤] 지피티가 실사화한 명탐정 코난…
[128]
ㅇㅇ(211.234) 01:55 9061 12
319564
썸네일
[유갤] 혼전순결부부가 신혼여행에 갔더니 생긴 일
[139]
ㅇㅇ(15.204) 01:45 12283 48
319562
썸네일
[기갤] 대통령이 탄핵되면 앞으로 어떻게 되는 걸까?.jpg
[399]
ㅇㅇ갤로그로 이동합니다. 01:35 14323 50
319560
썸네일
[인갤] VotV 인붕이 와이프 생겼다...gif
[35]
ㅇㅇ갤로그로 이동합니다. 01:25 7604 33
319558
썸네일
[리갤] 펌) 페이커 중국팬들이 준비한 데뷔이벤트 클라스
[65]
롤갤러(223.38) 01:15 8253 22
319554
썸네일
[판갤] 고양이 목에 방울다는 방법
[55]
판갤러(15.204) 00:55 9817 130
319552
썸네일
[교갤] 11년차 현직 교도관 글
[309]
교갤러(51.81) 00:45 17047 218
319550
썸네일
[이갤] 맛있는데 의외로 살 안찌는 음식 8가지
[162]
ㅇㅇ(89.187) 00:35 18047 36
319548
썸네일
[싱갤] 싱글벙글 거래처 여직원이 거유인 만화..jpg
[132]
ㅇㅇ갤로그로 이동합니다. 00:25 34200 205
319546
썸네일
[멍갤] 시골에서 데려온 개가 100% 순혈견
[136]
멍갤러(223.38) 00:15 14796 136
319544
썸네일
[오갤] 산지직송 홈마카세 12(씹스압) - 2
[33]
금태충갤로그로 이동합니다. 00:05 5033 24
319542
썸네일
[필갤] 3월 필름 정산.webp
[13]
윌리엄즈는부활한다.갤로그로 이동합니다. 04.04 4767 12
319540
썸네일
[카연] (ㅇㅎ) 트럼프가 관세 부과하는. manhwa
[47]
새만화금고갤로그로 이동합니다. 04.04 14501 71
319538
썸네일
[기갤] 이운재가 개빡쳤던 역주행 사건에 대해 말하는 설기현...jpg
[58]
ㅇㅇ갤로그로 이동합니다. 04.04 9844 20
319536
썸네일
[기갤] 2억명 인생 망가트릴 코카인이 대한민국에, 역대급 수사본부 꾸렸다.jpg
[298]
ㅇㅇ갤로그로 이동합니다. 04.04 17935 163
319532
썸네일
[디갤] 백설공주 배우 "팔레스타인 발언"옹호 여론근황.jpg
[130]
ㅇㅇ(175.119) 04.04 12569 51
319530
썸네일
[대갤] 日, 쌀값 급등에 판매 사기 급증... 돈만 받고 쌀 안 줘
[110]
난징대파티갤로그로 이동합니다. 04.04 10016 84
319528
썸네일
[육갤] 고모부가 미군 장교였던 이병 썰
[89]
ㅇㅇ(211.234) 04.04 14815 108
319526
썸네일
[철갤] *데이터 씹스압 주의* 시즌2 빅터의 모든것 (변경점, 신콤보, 심리)
[79]
Cheeze8갤로그로 이동합니다. 04.04 11576 35
319524
썸네일
[판갤] 눈에는 다크모드 보다 라이트모드
[154]
ㅇㅇ(104.254) 04.04 19661 39
319522
썸네일
[일갤] 주말 도쿠시마, 도쿄 나들이 (2) - 도쿠시마성, 아와오도리
[12]
뜸부기따오기갤로그로 이동합니다. 04.04 5213 8
319520
썸네일
[싱갤] 싱글벙글 매번 1승 추가하는 것
[249]
ㅇㅇ갤로그로 이동합니다. 04.04 31441 292
319518
썸네일
[야갤] '아이스크림 유통 담합' 항소 기각…과징금 1350억
[219]
야갤러(223.38) 04.04 14905 77
319516
썸네일
[카연] [냥뇽툰] 새벽 1시 와이프의 눈찌르기 대소동.manhwa(2)
[23]
갸앍갸앍갤로그로 이동합니다. 04.04 9587 35
319514
썸네일
[기갤] 회계 담당에 최측근 동생, 이와중에 낙하산 논란.jpg
[48]
ㅇㅇ갤로그로 이동합니다. 04.04 12498 33
319510
썸네일
[U갤] 김태균이 말하는 MMA판의 약물 실태 (feat.존존스,ufc ...)
[152]
ㅇㅇ갤로그로 이동합니다. 04.04 14723 100
319508
썸네일
[카연] 용사파티의 기레기입니다만. 1화
[26]
불암산2.0갤로그로 이동합니다. 04.04 7304 26
319507
썸네일
[이갤] 손흥민 태도 논란 터졌다?
[137]
슈붕이(15.204) 04.04 18930 60
319503
썸네일
[인갤] 그냥 게임을 존나 잘했던 게임 개발자.jpg
[173]
ㅇㅇ갤로그로 이동합니다. 04.04 29686 126
319500
썸네일
[싱갤] 싱글벙글 일본의 새로운 사업아이콘 “퇴직대행”
[81]
PAKFA갤로그로 이동합니다. 04.04 17104 36
319497
썸네일
[잡갤] 로마 최대 인구 120만명이었는데 총 50만명이 사망한 콜로세움 이야기
[201]
감돌갤로그로 이동합니다. 04.04 21085 71
319494
썸네일
[기갤] 인간의 존엄을 지켜주는 자율주행 화장실 등장?.jpg
[74]
ㅇㅇ갤로그로 이동합니다. 04.04 16748 23
319491
썸네일
[디갤] 사진 보러 다닌 사진 (20장)
[37]
doer갤로그로 이동합니다. 04.04 7061 14
319488
썸네일
[유갤] 초등교육전문가 ‘남녀아이 단둘이 편의점을 가지 못하게 해라’ ??
[523]
ㅇㅇ(51.81) 04.04 21429 55
319485
썸네일
[잡갤] 이대우 형사가 하룻밤 사이에 소매치기범 11명 검거할 수 있었던 이유
[70]
감돌갤로그로 이동합니다. 04.04 12948 57
319479
썸네일
[기갤] 배민, 작년 매출 4조원 넘었다…영업이익 6천400억원.jpg
[289]
ㅇㅇ갤로그로 이동합니다. 04.04 16111 72
319476
썸네일
[카연] 트리거맨 0화
[20]
자살예정(182.227) 04.04 6543 23
319473
썸네일
[서갤] 일단 보고 정리해보는 청년수당
[229]
가능충(210.117) 04.04 28111 55
319471
썸네일
[야갤] "그만 만져" 특정 부위 변색된 아일랜드 동상…특단 조치 내렸다
[172]
감돌갤로그로 이동합니다. 04.04 27085 73
319469
썸네일
[잡갤] 中네티즌 “확실한 민주주의”…日네티즌 “韓 민주주의 붕괴”
[1081]
묘냥이갤로그로 이동합니다. 04.04 29458 351
319468
썸네일
[로갤] 자전거 초보의 국내일주 30일차
[28]
그냥일상갤로그로 이동합니다. 04.04 7509 35
319466
썸네일
[유갤] 공소시효 하루 남기고 잡힌 제주도의 연쇄강도·강간사건의 범인
[80]
ㅇㅇ(104.254) 04.04 18316 58
319465
썸네일
[야갤] 광양 연안에 길이 15m 대형 고래 등장…향유고래 추정
[133]
야갤러(223.38) 04.04 15231 55
319463
썸네일
[기갤] 비상계엄에 '자멸'의 길로…윤석열의 정치 영욕.jpg
[461]
ㅇㅇ갤로그로 이동합니다. 04.04 22273 123
319459
썸네일
[닌갤] 의외의외 인기폭발중인 마리오 캐릭터
[104]
드레드갤로그로 이동합니다. 04.04 29187 105
319457
썸네일
[싱갤] 싱글벙글 실존했던 최면어플
[315]
타락파워천사갤로그로 이동합니다. 04.04 37338 313
319455
썸네일
[잡갤] 20년만에 김종국 만났는데 많이 바뀌었다고 얘기하는 홍진경
[93]
감돌갤로그로 이동합니다. 04.04 23027 32
319453
썸네일
[A갤] 엔화 1000원 돌파기념 일한 경제 지표 비교 1
[340]
더Informer갤로그로 이동합니다. 04.04 19327 197
319451
썸네일
[중갤] 尹이 임명한 정형식, 尹파면 결정문 썼다
[492]
ㅇㅇ갤로그로 이동합니다. 04.04 27403 211
뉴스 생생정보통 소개 홍천 참기름비빔막국수, 3대 전통 양념장으로 인기 디시트렌드 04.04
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2