개발자가 알려주는 게임 비주얼 이펙트 테크니컬 가이드

처음 이펙트를 배우는 분들이나 이펙트에 관심이 있어서 시작하려는 분들이라면 좋은 지침서가 될 것입니다. 특히 기초에서 중급으로 이어지는 스킬에 대한 답을 잘 정리했으므로 많은 시행착오를 겪지 않고 큰 경험을 쌓을 수 있는 장점이 있습니다. 또한 학습 중 저자가 직접 이펙트를 만드는 예제 동영상을 QR코드로 찍어 볼 수 있으므로 기능에 대한 이해뿐 아니라 직접 만들어보기 유용해서 유니티 인터페이스에 익숙하지 않은 사람들이 볼 때도 쉽게 따라할 수 있습니다.

이 책은 게임 이펙트 리소스 개발을 위한 기초 기술로 시작되어 유니티 엔진을 기반으로 게임 이펙트를 실제적으로 제작하고 표현하는 방법에 대해 다루고 있습니다. 게임 비주얼 이펙트를 개발하기 위한 본격적인 아트와 셰이더 기술의 융합 부분에 대해 배우고 최적화를 위한 방법과 알아두면 좋은 기능에 대해서도 안내합니다.

 

초급자도 쉽게 접근할 수 있는 단계적 학습 방법

우리나라는 게임 개발에 대해 폭발적인 성장을 거듭하였음에도 불구하고 개발에 대한 정보가 매우 부족한 편입니다. 캐릭터를 그리기 위한 일러스트나 3D 모델링과 같은 아트 전문적인 저서는 나름대로 많고 종사하는 인구도 많지만, 게임 개발은 캐릭터 하나만 혹은 배경 하나만 가지고 이루어지지 않습니다. 그 중에서 게임 비주얼 이펙트는 책이나 강좌조차 구하기 매우 어려운 영역 중 하나이고, 아트 능력만으로는 한계가 있는 업무입니다.

몇 세대의 개발 시기를 거치며 경험했던 노하우를 바탕으로 ...
초급자도 쉽게 접근할 수 있는 단계적 학습 방법

우리나라는 게임 개발에 대해 폭발적인 성장을 거듭하였음에도 불구하고 개발에 대한 정보가 매우 부족한 편입니다. 캐릭터를 그리기 위한 일러스트나 3D 모델링과 같은 아트 전문적인 저서는 나름대로 많고 종사하는 인구도 많지만, 게임 개발은 캐릭터 하나만 혹은 배경 하나만 가지고 이루어지지 않습니다. 그 중에서 게임 비주얼 이펙트는 책이나 강좌조차 구하기 매우 어려운 영역 중 하나이고, 아트 능력만으로는 한계가 있는 업무입니다.

몇 세대의 개발 시기를 거치며 경험했던 노하우를 바탕으로 자라나고 있는 미래의 개발자들이 보다 빠르게 기술을 습득하고 발전하는 데 도움이 되었으면 하는 바람으로 이 책이 만들어졌습니다.

게임 개발을 목표로 하고 있는 분들 그리고 아트나 디자인, 프로그램 직군이지만 이펙트를 제작해야 하는 분들에게 게임 비주얼 이펙트 개발 이해를 돕고 아이디어를 구현하는 데 도움이 될 것입니다. 또한 저자가 운영하는 홈페이지(ateliersera.blog.me)에서 직접 피드백을 받을 수 있습니다.

 

저자가 학생 신분으로 있을 때가 기억납니다. 본인의 전문 영역인 그래픽뿐만 아니라 셰이더 등 프로그래밍 영역에 늘 관심을 가지고 도전하였습니다. 졸업 후 소셜네트워크를 통해 회사와 가정생활을 하면서도 새로운 게임 개발 도구를 활용하며 시도하는 모습은 마라톤 경기를 보는 것보다 더 놀라운 인간의 한계에 도전하는 감동의 드라마 같았습니다. 이제 자신의 만족과 도전을 넘어 관련 분야의 사람들과 지식을 나누기 위해 책까지 쓰는 것에 대하여 선생으로서 매우 자랑스럽고, 도전을 함께 받습니다. 많은 사람이 이 책을 통하여 필요한 지식을 배우고 발전하기를 기원합니다.
- 박창훈 호서대 컴퓨터정보공학부 게임학전공 전공주임

게임에서의 이펙트는 사실 학습하기 쉽지 않은 영역입니다. 게임의 특성에 따라 장르나 플랫폼에 따라 적합한 아트적 접근 방식이 다를 뿐만 아니라 매우 테크니컬한 영역까지 접근해야 할 정도로 깊이가 있는 분야입니다. 당연히 이펙터가 되기 위해 공부하기는 쉽지 않았고, 만약 이펙터 공부를 한다고 하더라도 그 넓고 깊은 영역을 전부 학습하기는 굉장히 어려운 분야입니다. 그뿐만 아니라 수시로 변하는 기술과 시장의 상황은 이펙트 공부를 더욱 힘들게 만들던 방해물이었습니다. 그렇지만 이 책에서는 그 방대한 내용을 너무나도 핵심을 찌르며 설명하고 있습니다. 조금의 낭비도 없이, 아슬아슬한 영역까지 섬세하게 접근하면서 동시에 매우 이상적인 순서로 독자를 이해시키고 있습니다. 또한, 오랜 기간 익혀온 실무의 노하우까지 깊게 들어가 있는 이 책은 이펙터를 지망하는 학생 및 초급 개발자들에게 등대와도 같은 길잡이가 될 것을 믿어 의심치 않습니다.
- 정종필 (전)엔도어즈 테크니컬 아트 디렉터, 청강문화산업대학교 교수

이펙트는 게임의 최종적인 퀄리티를 만들기 때문에 캐릭터 컨셉 기획부터 UX 연출에 이르기까지 쓰이지 않는 곳이 없을 만큼 매우 활용도가 높은 분야입니다. 이렇게 써먹을 곳이 많기 때문에 많은 기획자들이 알고 싶어 했던 분야이지만, 잘 정리된 전문서적이 없어 인터넷에서 단편적 지식을 주워 모으거나 동료의 작업을 어깨너머로 조금씩 배우는 식으로 힘들게 지식을 쌓을 수밖에 없었습니다. 이번에 이펙트에 대해 체계적이면서도 심도 있게 정리된 책이 출판되어 많은 기획자가 큰 도움을 받을 것으로 생각됩니다.
- 원재호 네오위즈 게임즈 PD


처음 이펙트를 접하면서 서적도 부족했고, 그땐 인터넷에도 자료가 많이 없었습니다. 하지만 이 책을 보면서 매우 좋았습니다. 신입이나 학생들한테 정말 필요한 내용으로, 주로 실무적인 내용과 파트 간 협업과 이해 등을 설명하였습니다. 그동안 다른 책들에서 이런 내용은 없었습니다. 대부분 작업에 대한 내용, 그리고 기초 작업부터 설명이 들어가 있다 보니 처음 이펙트를 배우는 이들한테 도움이 될 것 같습니다. 처음 배울 때 필요했던 내용이 이제야 나오다니 안타깝지만, 툴을 다루는 부분에서는 이펙트 제작에 많이 쓰이는 내용 위주라 보기 좋습니다. 책이 출판되면 주변에 이펙트에 관심 있어 하는 실무자나 학생들에게 적극적으로 추천합니다.
- 김동철 넷마블 게임즈 이펙트 파트장

처음 이펙트를 배우는 분들이나 이펙트에 관심이 있어서 시작하려는 분들이라면 좋은 지침서가 될 것입 니다. 특히 기초에서 중급 과정으로 이어지는 스킬에 대한 답을 잘 정리해둔 책이므로 많은 시행착오를 겪지 않고 큰 경험을 쌓을 수 있는 장점이 있습니다. 이 책을 다 읽고 자신의 실력을 갖출 때는 본인의 진정한 색깔을 찾아갈 수 있으리라 봅니다. 셰이더와 이펙트의 TA를 꿈꾼다면 꼭 한 번 읽어야 할 책이라고 권유합니다.
- 김희상 넷마블 게임즈 테크니컬 아트 디렉터

이펙트를 만들면서 필요한 기능과 설명들이 자세히 되어 있고, 만드는 데 필요한 툴 또한 소개되어 있습니다. 그렇기 때문에 이펙트에 입문하는 분들이 읽으면 공부의 방향을 잡을 수 있고, 입문자가 읽어도 이해하기 쉬울 만큼 많은 이미지가 있어 설명을 이해하는 데 도움이 됩니다. 중간에 이펙트를 만드는 실습 예제 동영상이 있어서 기능에 대한 이해뿐 아니라 직접 만들어볼 때 유니티 인터페이스에 익숙하지 않은 사람들이 볼 때도 쉽게 따라 할 수 있습니다. 이펙트라고 해서 게임 안에서 터지는 게임 효과만 나와 있는 것이 아니라, 게임의 최적화와 셰이더, 애니메이터 사용법과 스크립트를 이용한 제작 방법 등이 있어 이펙트를 지망하는 분들뿐만 아니라 게임 제작자라면 알아야 할 지식이 있습니다. 이는 꼭 가지고 있어야 할 필수 서적이라고 생각합니다.
- 김동주 애니메이터

 

PART A 기초편
1. 게임 비주얼 이펙트
2. 실무에서의 게임 비주얼 이펙트
2-1. 실무에서 이펙트 작업자로서의 역할
2-2. 파트 간의 협업과 이해
2-2-1. 게임 기획자(디자이너)
2-2-2. 게임 프로그래머
2-2-3. 그래픽 디자이너
2-2-4. 사운드 디자이너
2-3. 개발 프로세스 구현을 위한 단계
2-3-1. 이펙트 기획
2-3-2. 이펙트 콘셉트
2-3-3. 구현 방법과 스크립트 작업
2-3-4. 리소스와 최종 데이터 생성
2-4. 그래픽 디자이너가 알아야 할 이펙트 구조
2-4-1. 애니메이션 스프라이트(Animation Sprite)
2-4-2. 단일 텍스처(Texture) 방식
2-4-3. 빌보드(Billboard) 이펙트
2-4-4. 3D 매쉬(Mesh) 이펙트
2-4-5. 셰이더 이펙트
2-4-6. 애니메이션 트윈(Tween)
2-4-7. 애니메이터(Animator)
3. 이펙트 리소스 제작 방법
3-1. 포토샵과 이펙트
3-1-1. 레이어(Layer) 속성과 이펙트
3-1-2. 필터(Filter)와 이펙트 리소스
4. 포토샵으로 만드는 속성별 이펙트 텍스처
4-1. 불 속성 텍스처
4-1-1. 불꽃 파티클 스프라이트
4-1-2. 파이어볼 스프라이트 애니메이션
4-1-3. 화염 구름 만들기
4-2. 물 속성 텍스처
4-2-1. 눈과 비의 표현
4-2-2. 물결과 물 튀기는 효과
4-2-3. 얼음 이펙트 오브젝트
4-3. 바람 속성 텍스처
4-3-1. Shear 필터와 바람 텍스처
4-3-2. UV Scroll 그리고 Offset의 활용
4-3-3. 알파(Alpha) 채널과 구름 텍스처
4-4. 번개 속성 텍스처
4-4-1. 라이트닝 볼트
4-4-2. 플라즈마 구슬과 Spherize, Pinch
4-4-3. Polar Coordinates의 활용
5. FumeFX를 이용한 이펙트 리소스 제작
5-1. FumeFX의 사용 방법
5-2. 화염 이펙트
5-3. 폭발 이펙트
PART B 중급편
1. Unity(유니티) 엔진
1-1. 파티클 시스템(Particle System)
1-1-1. 파티클 시스템의 파라미터(Parameter)
1-1-2. Emission
1-1-3. Shape
1-1-4. Velocity over Lifetime
1-1-5. Limit Velocity over Lifetime
1-1-6. Inherit Velocity
1-1-7. Force over Lifetime
1-1-8. Color Over Lifetime
1-1-9. Color by Speed
1-1-10. Size Over Lifetime
1-1-11. Size by Speed
1-1-12. Rotation over Lifetime
1-1-13. Rotation by Speed
1-1-14. External Forces
1-1-15. Collision
1-1-16. Triggers
1-1-17. Sub Emitters
1-1-18. Texture Sheet Animation
1-1-19. Renderer
1-1-20. Lights
1-1-21. Trails
1-1-22. Noise
1-2. 애니메이션(Animation)과 애니메이터(Animator)
1-2-1. 애니메이션(Animation)
1-2-2. 애니메이터(Animator)
1-3. 스크립트(Script)와 트윈(Tween)
1-3-1. 이펙트 연출을 위한 스크립트
1-3-2. 트윈(Tween)
1-4. 셰이더(Shader)와 이펙트(Effect)
1-4-1. 셰이더 제작 방법
1-4-2. 유니티에서 지원하는 셰이더
1-4-3. 셰이더 포지(Shader Forge)
2. 파티클 이펙트 만들기
2-1. 캠프파이어 이펙트
2-1-1. 텍스처 소스 구하기
2-1-2. 매터리얼 준비와 파티클 세팅
2-1-3. 파티클의 파라미터 값 세팅
2-2. 비 이펙트
2-2-1. 카메라와 환경 이펙트
2-2-2. 파티클의 파라미터 값 세팅
2-3. 검광 이펙트
2-3-1. 검광 텍스처 시트 애니메이션
2-3-2. Mesh Particle 활용
2-3-3. Trail Renderer 활용
2-4. 아이스볼트 이펙트
2-4-1. 아이스볼트와 눈 파티클
2-4-2. 아이스볼트 파티클의 파라미터 값 세팅
2-4-3. Distance 값의 영향을 받는 파티클
2-5. 피격 이펙트와 카메라 쉐이크(Camera Shake)
2-5-1. 파티클 피격 이펙트
2-5-2. 카메라 쉐이크(Camera Shake) 이펙트의 제작
3. Image Effects
3-1. Other
3-1-1. Antialiasing
3-1-2. Screen Overlay
3-2. Bloom and Glow
3-2-1. Bloom
3-2-2. Bloom and Flares
3-2-3. Bloom Optimized
3-3. Blur
3-3-1. Blur와 Blur Optimized
3-3-2. Motion Blur
3-4. Camera
3-4-1. Camera Motion Blur
3-4-2. Depth Of Field / Depth Of Field Depercated
3-4-3. Tilt Shift
3-4-4. Vignette And Chromatic Aberration
3-5. Color Adjustments
3-5-1. Color Correction
3-5-2. Contrast
3-5-3. Grayscale과 Sepia Tone
3-5-4. Tonemapping
3-6. Edge Detection
3-7. Displacement
3-8. Rendering
3-9. Noise
4. Animation과 Animator
4-1. Animation
4-1-1. 애니메이션 편집
4-1-2. 애니메이션 이벤트의 추가와 편집
4-2. Animator
PART C 상급편
1. 셰이더와 게임 비주얼 이펙트
1-1. 셰이더
1-2. 셰이더의 활용
2. 유니티용 셰이더 제작
2-1. Shader Lab
2-1-1. 셰이더 랩의 기초
2-1-2. 블렌딩 옵션
2-1-3. 태그와 셰이더 속성
2-1-4. 스텐실(Stencil)
2-2. 버택스(Vertex) & 프래그먼트(Fragment) 셰이더
2-2-1. VF 셰이더의 기초
2-2-2. 오버레이(Overlay) 모드 구현
2-2-3. 버텍스(Vertex )제어로 파도 만들기
2-3. 서페이스(Surface) 셰이더
2-3-1. UV 스크롤과 텍스처 블렌딩
2-3-2. 프레넬(Fresnel)과 림 라이트(RimLight)
2-3-3. 커스텀 라이팅과 툰 셰도우
3. Shader Forge
3-1. 셰이더 포지 시작하기
3-2. Main과 Node
3-3. 셰이더와 Node 소개
3-3-1. Arithmetic
3-3-2. Constant Vectors
3-3-3. Properties
3-3-4. Vector Operations
3-3-5. UV Operations
3-3-6. Geometry Data
3-3-7. Lighting
3-3-8. External Data
3-3-9. Scene Data
3-3-10. Math Constants
3-3-11. Trigonometry
3-3-12. Code
3-3-13. Utility
3-4. 활용도가 높은 노드(node)
3-4-1. 그레이디언트(Gradient)
3-4-2. 프레넬과(Fresnel) 림 라이트(Rim Light)