애프터 이펙트 게임 이펙트 - aepeuteo ipegteu geim ipegteu

코더캣 게임공방

After Effect 게임 VFX 제작 강좌 01. 검광 트레일 만들기 - Part A (Roughen Edges 와 Colorama, Polor Coordinates )

 안녕하세요~ 게임 개발자 장홍주 입니다. 

 이번부터 다루는 주제는 에프터 이펙트를 활용한 게임 리소스 제작 강좌 입니다.  생각보다 여러 장르에 걸쳐서 올려야 하기에 시리즈 강좌로 결정하였습니다.

 에프터 이펙트는 영상 편집을 하거나 특수 효과를 제작할 때 사용할 수 있지만 게임 VFX 제작 시에 텍스쳐 래소스 제작에도 활용할 수 있습니다. 특히 손맵이 어려운 분도 잘만 활용하면 훌륭한 품질의 이펙트 텍스쳐를 얻을 수 있습니다.

 게임 이펙트 텍스쳐의 제작은 어려운 영역은 아니지만 국내에서는 쉽게 제작할 수 있는 방법 조차 정리된 곳이 없습니다. 

 에프터이펙트를 통해 제작 가능한 여러 종류의 이펙트에 대해서 차근히 다뤄보는 시간을 가져보도록 하겠습니다.

 앞으로 추가되는 강좌는 최소한 에프터이펙트를 설치하고 프로젝트를 생성. 관리 하며 최소한의 동영상 편집에 활용해본 분들을 대상으로 제작하고 있습니다. 완전한 기초 강좌를 원하는 분은 기초 강좌 사이트나 출판사에서 발행중인 좋은 에프터이펙트 서적을 학습하신 후 진행하시기 바랍니다.

 출판한 책에서 세부적으로 다루지 못했던 추가적인 내용이 있음으로, 책을 선행 습득하시면 도움이 됩니다. 

*  Roughen Edges 필터

에프터 이펙트의 여러 필터들 중 Roughen Edges 라는 필터가 있습니다. 이 필터는 이미지의 알파값에 반응해서 거친 면이 만들어 지도록 만들어 줍니다.

위의 이미지는 포토샵에서 중앙으로 갈 수록 알파 값이 높고 외곽으로 갈 수록 알파값이 약해지는 원형의 그라데이션 이미지 입니다. 색이 잘 보이도록 Red 컬러로 제작되어 있습니다.(좌)  우측의 이미지는 에프터이펙트(AFX) 에 그냥 배치한 이미지 입니다. 

알파값이 빠져서 그대로 출력되는 것을 볼 수 있습니다.  

위 이미지에 필터를 적용시켜 봅니다.

필터의 위치는 다음과 같습니다.

우측 메뉴에 있는 Effects & Presets 에서 검색해서 찾거나  

상단 탭의 Effect 탭 > Stylize > Roughen Edges  를 선택하셔도 됩니다. 

해당 이펙트를 적용할 이미지를 꼭 선택한 후 필터를 주시기 바랍니다.(다른 이미지에 주더라도 이펙트를 이동 시킬 수 있습니다)

이제 이미지가 위와 같은 이미지로 변하면 성공 입니다.  아직까지는 타임라인을 움직여도 아무런 움직임이 없습니다.

적용된 이펙트의 값을 위에 이미지 처럼 변경 합니다.  Offset의 경우 시작일때 0이지만 15 프레임 정도 뒤에는 100 정도로 입력하여 줍니다. (타임라인에 offset이 적용 되어야 애니메이션이 출력 됩니다.)

이제 위와 같은 결과물을 얻을 수 있습니다.  검광 트레일을 만들기 위한 가장 기본적인 개념입니다.  

붉은 텍스쳐 대신 흰색 그라데이션 텍스쳐를 활용하거나 Solid Color 에 마스크를 씌워서 제작하면 애니메이션이 되는 바람 가르기와 같은 효과를 얻을 수 있습니다. 

*  Solid Color와 Mask

화이트 솔리드에 Mask를 넣는것 만으로 그라데이션 이미지를 만들 수 있습니다. 화이트 솔리드를 등록하고 씬에 배치 했다면 Masks 를 그려주시기 바랍니다. 중요한건 마스크의 Feather 값 입니다.  다음 값을 참고하세요~

단순하게 마스크를 주면 매우 날카로운 마스크가 생성 되지만 Feather값을 주면 단색 솔리드가 부드러운 그라데이션을 갖게 됩니다.

위 이미지는 마스크에 Feather값이 적용된 White Solid 레이어 이며 우측 이미지는 이전에 제작한 Roughen Edges 가 적용된 이미지 입니다. 이제는 색상도 변경하고 싶어 지네요. 이를 위한 필터중 하나로 Colorama 가 있습니다.

*  Colorama

이펙트 필터중 하나로, 색상을 여러 타입으로 제어할 수 있습니다. 해당 필터는 Color Correction 카테고리에 있습니다.

최초에는 Get Phase From이 Intensity로 되어 있지만, 이를 Alpha로 바꿔주면 다음 이미지 처럼 변경 됩니다.

각각 색상의 알파값에 따라 매핑이 됩니다. 

Output Cycle 의 Use Preset Palette 를 Fire로 선택하면 보다 화염 같은 형태로 컬러가 변하는 것을 볼 수 있습니다.(우측 이미지)

* Mask를 이용한 검광 애니메이션

위에 방법을 응용해서 가로로 긴 컴포넌트를 생성하고 Maskes를 이동 시킵니다. 

 Roughen Edges 의 값을 잘 조절해서 가로로 길게 늘어지도록 생성 합니다. 이때 따로 offset 애니메이션은 주지 않았습니다.(필요에 따라 offset값을 변경 시키기도 합니다)

Maskes 의 Path 가 좌측에서 우측으로 이동하고 Mask Opacity가 끝날때는 0이 됩니다. 가운데 쯤 마스크가 위치할때 100% 로 가장 밝게 나오도록 제작 합니다. 

* Polar Coordinates

폴라 코디네이트는 포토샵 필터에 있는 필터 입니다. 이 필터로 인해 검광 트레일이 생성 됩니다.(매우 결정적인 요소라고 볼 수 있습니다)

Polar Coordinates 는 Distort 카테고리에서 찾을 수 있습니다.

중요한 점은 Type을 Rect to Polar 로 선택해야 하고, Interpolation을 100% 적용해야 한다는 점 입니다. (약간 조절 될 수는 있습니다)

이 필터만 적용 하여도 위와 같이 마스크 애니메이션에 따라 검광 효과가 적용되게 됩니다.

이제 이전에 배운 Colorma 를 적용하면 다음과 같은 텍스쳐를 제작할 수 있습니다.

컬러가 조절된 이미지를 각각의 프레임 별로 출력한 이미지 입니다. 

이펙트 필터 중 Glow 도 함께 적용 하면 밝은 부분을 보다 은은하게 빛나도록 효과를 추가할 수 있습니다.

위에 이미지 역시 Glow 필터를 추가 적용하였습니다. GLow 필터는 조절해 가며 스스로 보기 좋은 형태로 옵션 값을 변경하여 보시기 바랍니다.

여기 까지가 매우 간단하게 검광 이펙트를 만드는 과정중 기초라고 볼 수 있는 필터 사용 예제였습니다.

이외에도 한쪽 면을 날카롭게 자르거나 여러 레이어로 나누어서 불꽃이 타들어 가는 듯한 효과를 줄 수도 있습니다.(이후에 다뤄보도록 하겠습니다) 

즐감하쇼.

무기 외형말곤, 이펙트하고 스크립트는 전부 자작임.

제목 어그로는 죄송;

레전드는 아니지만 어느정도 괜찮다고는 봄.

https://youtu.be/pVcw7Z5w3fc

게임은 올해 7월~8월에 나올 듯?

여름 방학에 열심히 만들면 보스전 하나는 만들 수 있을 것 같음. (무기는 5개만 만들려고 함. 원하는 만큼 만들고 싶긴한데, 그만큼 만들면 효율이 너무 떨어질 듯.)

스튜디오는 본격적으로 한 건 2019년 때부터 했는데,

원래는 중 3에 겨울방학까지, pve 게임 다 만들려고 했는데, 시간 대비 효율이 너무 떨어지고 곧 고딩되니깐,
빠르게 만들 수 있고 가성비도 좋은 입양하세요 와 비슷한 게임을 만들려고 했는데, 팀원분들을 통솔하거나 일을 맡기는 능력이 너무 부족했음. (지금도 그렇고)
그래서 그냥 제가 정말 만들고 싶었던 pve 게임 다시 만들려고 2020년 8월부터 지금까지 만들고 있음.

여러 번 현타/시험 때문에 관둔 적도 많은데, 이젠 매일매일 하루 리스트 지키면서 하는 중.

같이 개발해보고 싶은 분들에게

죄송하지만, 팀원 안 받습니다.

제가 돈도 못주는 입장에서 막 일 시키는 것도 그렇고, 열정페이라 해도 줄 일이 없음.
빌드 속도에 비해서, 제 스크립트 속도가 느려터짐 ;ㅁ;

이펙트 만드는 법 궁금하신 분들에게

블렌더나 애프터 이펙트를 사용해서 만듦.

사실 로블록스 이펙트 만드는 게 다른 게임들하곤 확실하게 다르니깐,

로블록스 이펙트에 대한 자료는 한국어는 일단 절대 없고, 영어 자료도 많이 없음.

개인적으로 좋다고 생각하는 강의들 아래에 적어둠.

처음이라면 많이 어려울테니, 님들 뇌 탓하지 말고,

매일매일 자기 전에 영상 최소 1분이라도 보고, 따라만 해도 실력 많이 늘 거임.

블렌더 (무료)

https://www.youtube.com/watch?v=BpwFh7Iklbo --블렌더 까는법

https://www.youtube.com/watch?v=T8kQ_ODtCGo --블렌더로 이펙트 만들기

https://www.youtube.com/watch?v=sf3h4KabfkM --블렌더로 이펙트 만들기

애프터 이펙트 (유료)

https://www.youtube.com/watch?v=6LJVpNlwlkQ&list=PL3aV3mVQNJk9oVB64fqSepcYwec63zHUP&index=3 --애프터 이펙트를 이용한 스킬 이펙트

https://www.youtube.com/channel/UCvxeBas0HiRXSVB8i8hZEQQ

--한국인분이신데 애프터 이펙트로 이펙트를 만드는 강의해주심. 단 유니티나 타 엔진에서만 적용 가능한 것들이 있음.