010-2135-9730무료 상담
개념 풀이

플립북 텍스처란? 처음 배우는 사람을 위한 쉬운 설명

플립북 텍스처는 연속 동작 그림 여러 장을 한 장의 이미지에 바둑판처럼 배치해 두고, 게임에서 칸을 차례로 넘기며 애니메이션처럼 보여 주는 방식입니다. 불꽃, 연기, 폭발 같은 이펙트를 가볍게 표현할 때 많이 씁니다. 공책 귀퉁이에 그림을 그려 빠르게 넘기던 놀이와 원리가 같아서 이런 이름이 붙었습니다. 스프라이트 시트, 서브UV라고 부르기도 합니다.

읽는 시간 약 7분3D·애니·이펙트
게임그래픽 과정
이 글과 연결된 과정게임그래픽 과정 알아보기

게임그래픽은 화면에 보이는 모든 것을 만드는 분야입니다. 캐릭터와 배경을 입체로 만드는 모델링, 그 캐릭터를 움직이는 애니메이션, 스킬과 폭발을 표현하는 이펙…

그림 여러 장을 한 장에 담아 차례로 보여 줍니다

어릴 때 교과서 귀퉁이에 사람을 조금씩 다르게 그린 뒤 휘리릭 넘기면 움직이는 것처럼 보였던 경험이 있을 것입니다. 플립북 텍스처는 이 원리를 게임으로 옮긴 것입니다. 다만 그림을 여러 파일로 두지 않고, 한 장의 큰 이미지 안에 격자로 모아 둡니다.

예를 들어 폭발 장면 16프레임을 가로 4칸, 세로 4칸으로 배치한 이미지를 만듭니다. 게임에서는 사각형 판 하나에 이 이미지를 붙이되, 한 번에 한 칸만 보이도록 잘라서 보여 줍니다. 시간이 흐르면 다음 칸, 그다음 칸으로 넘어가며 폭발이 커졌다 사라지는 모습이 재생됩니다.

이렇게 한 장에 모으는 이유는 효율 때문입니다. 그림 파일을 따로따로 불러오면 관리할 것도 많고 엔진의 부담도 커집니다. 한 장으로 묶으면 한 번만 불러오면 되고, 칸 위치만 바꿔 주면 되니 훨씬 가볍습니다.

이펙트에서 플립북을 쓰는 장면

플립북은 형태가 복잡하게 꿈틀거리는 현상에 특히 잘 맞습니다. 3D 모델로 만들기 어렵거나, 실시간으로 계산하기엔 무거운 것들입니다.

  • 불꽃과 화염: 위로 일렁이며 모양이 계속 바뀌는 불길
  • 연기와 먼지: 피어올라 퍼지다 흩어지는 덩어리
  • 폭발: 순간적으로 부풀었다가 연기로 바뀌는 과정
  • 전기·번개: 짧게 번쩍이며 모양이 튀는 효과
  • 물 튀김: 캐릭터가 물에 발을 디딜 때 튀는 물방울

보통 이 판 하나만 쓰지 않고, 파티클 시스템으로 여러 장을 동시에 뿌립니다. 파티클은 작은 입자를 대량으로 만들어 움직이는 기능입니다. 연기 플립북을 붙인 판 수십 장이 크기와 회전을 조금씩 달리하며 퍼지면, 같은 그림인데도 풍성하고 자연스러운 연기가 됩니다.

또 각 파티클이 플립북의 시작 칸을 무작위로 고르게 하면, 여러 장이 동시에 같은 모양으로 움직이는 어색함도 줄일 수 있습니다. 한 장의 텍스처로 다양한 모습을 얻는 것이 플립북을 잘 쓰는 요령입니다.

플립북 텍스처를 만드는 기본 순서

소스를 얻는 방법은 크게 세 가지입니다. 2D로 직접 그리기, 시뮬레이션 툴로 연기·불을 만들어 렌더링하기, 촬영한 실사 소스를 가공하기입니다. 게임의 그래픽 스타일에 맞춰 고릅니다. 만화풍 게임이라면 손으로 그린 프레임이, 사실적인 게임이라면 시뮬레이션 결과가 잘 어울립니다.

  1. 동작 길이와 프레임 수를 정합니다. 칸 수는 4×4, 8×8처럼 격자로 나누기 좋은 수가 편합니다.
  2. 각 프레임을 그리거나 렌더링합니다. 배경은 투명하게, 크기와 중심은 일정하게 맞춥니다.
  3. 프레임을 순서대로 한 장에 배치합니다. 보통 왼쪽 위에서 오른쪽으로, 위에서 아래로 갑니다.
  4. 투명도 정보(알파)가 제대로 들어갔는지 확인하고 저장합니다.
  5. 엔진의 이펙트 툴에서 가로·세로 칸 수를 입력하고 재생 속도를 맞춥니다.

칸 수를 잘못 입력하면 그림이 반쪽만 보이거나 두 칸이 섞여 보입니다. 처음 엔진에 올렸는데 이상하게 잘려 보인다면 가장 먼저 칸 수 설정을 확인해 보세요.

해상도와 프레임 수 사이의 줄다리기

플립북에는 피할 수 없는 고민이 있습니다. 텍스처 한 장의 크기는 정해져 있는데, 칸을 많이 나눌수록 한 칸에 쓸 수 있는 픽셀이 줄어듭니다. 프레임을 늘려 부드럽게 만들면 그림 한 장 한 장이 흐릿해지고, 그림을 선명하게 하려면 프레임 수를 줄여야 합니다.

그래서 이펙트 아티스트는 화면에서 그 효과가 얼마나 크게 보이는지를 기준으로 판단합니다. 화면 한구석의 작은 불씨라면 칸을 잘게 나눠도 괜찮고, 화면을 가득 채우는 필살기 폭발이라면 칸을 크게 써야 합니다. 프레임 수가 부족해 끊겨 보이는 문제는 두 칸을 섞어 보여 주는 보간 기능으로 어느 정도 보완할 수 있습니다.

모바일 게임처럼 메모리 여유가 적은 환경에서는 이 고민이 더 커집니다. 같은 연기 플립북을 여러 이펙트에서 함께 쓰거나, 색은 엔진에서 입히고 텍스처는 흑백으로 만들어 재사용성을 높이는 방법을 자주 씁니다. 흑백 소스 하나로 붉은 화염과 푸른 마법 연기를 모두 만들 수 있으니 효율이 좋습니다.

처음 만들 때 자주 하는 실수

첫 번째는 프레임마다 중심이 흔들리는 것입니다. 칸 안에서 연기 덩어리의 위치가 제각각이면 재생했을 때 덜덜 떨려 보입니다. 렌더링할 때 카메라와 기준점을 고정해 두어야 합니다.

두 번째는 그림이 칸 경계에 닿는 것입니다. 연기가 커져서 칸 밖으로 나가면 잘린 가장자리가 직선으로 보이고, 옆 칸의 그림이 살짝 비쳐 보이기도 합니다. 가장 크게 퍼지는 프레임을 기준으로 여백을 넉넉히 남겨야 합니다.

세 번째는 마지막 프레임 처리입니다. 연기가 다 흩어지지 않은 채로 끝나면 툭 사라지는 느낌이 납니다. 마지막 몇 칸은 투명하게 사라지도록 만들거나, 파티클의 투명도를 함께 줄여 주는 것이 좋습니다.

빠른 상담 신청상담 가능 시간 평일·주말 · 전화 010-2135-9730

이펙트를 처음 배운다면 이렇게 시작해 보세요

처음에는 프레임 수가 적은 단순한 효과부터 만들어 보는 것이 좋습니다. 8칸짜리 작은 불씨나 연기 퍼프를 직접 그려 보고, 엔진에서 재생 속도를 바꿔 가며 느낌이 어떻게 달라지는지 확인해 보세요. 그다음 파티클로 여러 장을 뿌려 보면 한 장의 플립북이 어떻게 풍성한 이펙트로 바뀌는지 체감할 수 있습니다.

플립북은 2D 소스 제작과 엔진 설정이 함께 필요한 작업이라, 둘 중 한쪽만 알면 결과가 어색해지기 쉽습니다. 소스를 어떻게 만들고 엔진에서 어떻게 조립하는지 흐름을 한번에 익히고 싶다면, SBS아카데미게임학원 3D 이펙트(VFX) 과정 상담에서 지금 다룰 줄 아는 툴을 기준으로 출발점을 잡아 보시기 바랍니다.

자주 묻는 질문

플립북과 스프라이트 애니메이션은 같은 건가요?

원리는 같습니다. 2D 게임에서 캐릭터 동작을 시트로 만들어 넘기는 것을 스프라이트 애니메이션이라 부르고, 이펙트에서 쓰는 것을 플립북이나 서브UV라고 부르는 경우가 많습니다.

플립북 소스는 꼭 직접 그려야 하나요?

직접 그리기, 시뮬레이션 렌더링, 실사 소스 가공 중 프로젝트에 맞는 방법을 고르면 됩니다. 포트폴리오에서는 직접 만든 소스라는 점을 보여 주는 것이 좋습니다.

TIP내 상황에 맞는 답이 필요하다면 무료 상담에서 지금 수준과 목표를 기준으로 구체적으로 안내해 드립니다.

가까운 캠퍼스에서 게임그래픽 알아보기

사는 곳과 가까운 캠퍼스를 고르면 수업 내용, 오시는 길, 상담 신청을 한 번에 볼 수 있습니다.

함께 읽으면 좋은 글

Free consulting

게임그래픽, 내 상황에서는 어떻게 시작할까요?

글에서 다룬 내용을 내 실력과 목표에 맞춰 담당 멘토가 구체적으로 정리해 드립니다.

  1. 상담 신청서 접수
  2. 담당 멘토가 연락드림
  3. 방문 또는 전화로 진로·과정 상담
전화로 바로 상담010-2135-9730
전화 상담상담 신청