[애프터이펙트, 포토샵] GIF 만드는 3가지 방법 (투명 배경 포함)

 

최근에 회사에서 gif 만들기로 엄청 애를 먹어서

이 고역을 잊지 않기 위해 글을 남긴다 ㅂㄷㅂㄷ

---

 

 애프터이펙트로 GIF 만들기

 

우선 에펙으로 gif를 만드는 방법이다.

에펙으로 충분히 gif를 만들 수는 있지만 보통 추천은 안한다고 한다.

퀄리티가 좋지 않기 때문..!

그래서 보통 에펙으로 작업 후 포토샵으로 파일을 넘겨 gif를 뽑는 방식을 많이 쓰는데,

혹시 모르니 에펙에서 만드는 방법도 작성해놓으려고 한다.

 

우선 원하는 GIF 컴포지션을 하나 만든다.

(나는 공이 움직이는 3초짜리 영상을 하나 만들었음!)

 

Composition → Add to Adobe Media Encoder Queue

컴포지션 영상을 미디어 엔코더에 불러주고

 

영상 추출 형식이 H.264로 되어있는데 이걸 눌러주고

 

저 아래에 있는 애니메이션 GIF를 선택하고 확인해주면 된다

 

파일 형식 다시 확인해주고 저장할 위치도 확인해준 다음에 

 

투명도 포함인지도 다시 잘 확인하고 렌더링!

그럼 위처럼 투명한 gif가 잘 뽑힌다!

근데 뭔가 지글지글한 노이즈 같은게 보이는 것 같기도 하고...

고퀄은 확실히 아닌듯한 느낌이다.

 

에펙에서 포토샵으로 옮겨서 GIF 만들기 (mov 형식)

 

다음은 mov형식에서 포토샵으로 옮겨 만드는 방법이다.

 

미디어 엔코더 말고 Composition → Add to Render Queue로 불러낸다.

 

포맷을 QuickTime으로 하고 Video Output의 Channels를 RGB+Alpha로 바꿔준다.

 

OK를 누르고 뽑으면 mov로 뽑아진다.

mov 파일은 포토샵으로 그대로 가져온다.

 

mov를 포토샵에 올리면 자연스럽게 Timeline이 생긴다.

(Timeline이 안 생기면 Window → Timeline을 선택해주면 됨)

뭐 안 건드릴 거니까 신경 안 써도 됨!

 

그럼 File → Export → Save for Web (Legacy)를 선택한다.

 

조금 로딩이 되면 이렇게 뜨는데,

Matte는 None으로 하고 Transparency 체크해주고 Diffusion 어쩌구로 체크해주고 등등..

나머지도 위에 조건이랑 똑같이 해주고 Save를 누른다.

 

요런 경고창도 뜨는데 그냥 OK 눌러주면 된다.

그럼 아래와 같은 gif 완성!

오 그냥 딱 봐도 에펙으로 뽑은 것보다 퀄리티가 나아 보임...

에펙에서 포토샵으로 옮겨서 GIF 만들기 (png 형식)

 

에펙에서 포토샵으로 옮겨서 GIF를 만들 때 PNG 형식으로 만들 수도 있다.

 

mov 뽑는 거랑 똑같이 Composition → Add to Render Queue로 하고

Format을 PNG Sequence로, Video Output의 Channels은 RGB+Alpha로 변경한다.

 

이후 위치 설정하고 뽑으면 이런 식으로 한장한장 PNG가 뽑힌다!

이걸 포토샵에서 불러와야 함

포토샵 File→ Scripts → Load Files into Stack을 클릭한다.

 

그리고 Use는 Folder를 선택, Browse에서 아까 에펙에서 만든 폴더를 선택해준다.

그럼 한참 로딩이 될 것이다. 위잉위잉...

포토샵이 열심히 레이어 한장씩 가지고 오는 중!

 

그렇게 레이어를 다 불러오면 Timeline에서 gif를 만들어주면 된다!

(Timeline이 안 생기면 Window → Timeline을 선택해주면 됨)

 

Timeline에서 Create Frame Animation 클릭!

 

그럼 요런 썸네일이 하나 생기는데, 당황하지 말고

오른쪽 햄버거 모양 눌러서 Make Frames From Layers하면 레이어가 쭈루룩 들어와서 gif가 생성된다!

 

+ 근데 나는 이거 누르니까 Gif가 반대로 돌아서;;

햄버거 모양의 Reverse Frames 눌러줌! 그럼 반대로 움직인당

 

그렇게 만들고 뽑는 방식은 mov 뽑는 거랑 동일하다.

File → Export → Save for Web (Legacy)

그렇게 나온 gif인데 뭔가 안 부드럽고 끊기는 느낌

개인적으로는 3가지 방법 중에 에펙으로 mov 뽑고 포토샵으로 gif 만드는 게 퀄리티는 제일 좋은 것 같다

각자 원하는 방향에 맞게 잘 쓰시면 될 것 같습니당