포토샵 GIF 만들기 (feat. 투명배경, 이모티콘, 움짤, 알파채널)

투명 배경의 GIF 를 만들기 위해선 포토샵을 사용해야 한다 (클립스튜디오는 안된다)

 

GIF 는 알다시피 여러장의 사진들이 합쳐져 움직이는 이미지가 된다

 

혹시 동영상 파일을 GIF로 만들고자 한다면 

아래의 사이트에서 동영상을 손쉽게 GIF로 만들 수 있다

>> https://soo619.tistory.com/183

 

 

 

1. 투명 배경의 GIF 만들기

 

아래와 같은 이미지를 만들어 보겠다!

 

A) 스택으로 파일 불러오기

위 그림처럼 [파일] - [스크립트] - [스택으로 파일 불러오기]를 클릭한 후

 

알파채널이 있는 배경이 빠진 연속된 이미지들을 선택한다

(사용할 이미지들이 배경이 투명해야만 한다! -> 이미지 배경을 빼는 법을 혹시 모르신다면 댓글을 남겨주시면 배경빼는 법을 포스팅 해보겠습니다~!)

 

스택으로 파일 불러오기를 누르면 옆과 같이 

[레이어 불러오기]라는 창이 뜬다

 

 

B) 레이어 반전

아래쪽 이미지가 GIF 이미지의 시작이므로

높은 번호(움직이는 이미지 뒤쪽에 위치할 이미지)가 레이어의 가장 위로 가야한다

하지만 보통 불러오면 (왼쪽 이미지와 같이) 가장 낮은 번호 (ex 01과 같은..)가 가장 위에 위치한다

 

그렇기에 오른쪽 이미지 처럼 높은 숫자의 이미지(뒷쪽의 이미지)가 가장 위치해야 한다

이렇게 하려면 레이어의 모든 이미지를 선택후

 

[레이어] 메뉴에서 - [정돈] - [반전]을 선택해줘야 한다

단축키로는 (Alt + L>(레이어 메뉴) -> A(정돈) -> R(반전) 이다

이 과정을 해주면 레이어 순서가 뒤집힌다

 

C) 비디오 타임라인 만들기

스택으로 파일을 불러오면 아래쪽과 같이 <비디오 타임라인 만들기>라는 버튼이 생기는데

꼭 2번 과정이었던 <레이어 반전>을 한 후 버튼을 눌러주자!

 

*만약 저 버튼이 없다면 [창] 메뉴에서 [타임라인]을 켜주면 된다

 

 

D) 프레임 속도 설정

그럼 위와 같이 타임라인이 변하게 된다

이제 이 친구들의 타이밍과 이미지들을 순서대로 배열해줘야 하는데

 

노란 네모칸으로 표시한 저부분을 클릭하면

아래와 같이 뜬다

여기서 타임라인 프레임 속도 설정을 눌러주자

그럼 아래와 같이 초당 프레임을 설정해줄 수 있는데

 

 

프레임이 높을수록 부드러운 이미지가 되고

낮을 수록 좀 생략된 이미지가 된다

(참고로 영화는 초당 24 혹은 30을 쓰며 / 애니메이션 TV판은 초당 12프레임을 많이 쓴다)

 

E) 클립에서 프레임 변환 만들기

앞서 언급하였던 노란 동그라미로 된 메뉴버튼을 클릭하면

위의 이미지와 같이 뜨는 데

그곳에서 [프레임 변환] - [클립에서 프레임 만들기]를 선택해주자

 

그럼 위와 같이 이미지들이 정돈이 되는데

그 후에 녹색으로 동그라미 친 부분을 클릭해주자

만약에 저 부분이 안보인다면

아까 그 노란동그라미로 표시했던 메뉴에서 

[프레임 변환] - [프레임 애니메이션으로 변환] 을 눌러주면 된다

 

그럼 아래처럼

타임라인 창이 바뀐다

 

 

F) 젤 마지막 프레임의 빈 이미지 삭제

타임라인의 젤 마지막 이미지를 보면

텅 비어있는 이미지가 4.2초로 설정되어있다.

왜 이런지는 모르겠지만.. 이렇게 항상 되어있길래

이 이미지는 위에서 계속 나왔던 노란동그라미의 메뉴를 클릭해 

[프레임 삭제]를 눌러준다

 

G) 이미지 추출(저장)하기

이제 다 완성 되었다

이제 이미지를 GIF 로 뽑아내면 되는데

[파일] - [내보내기] - [웹용으로 저장(레거시)]를 눌러주면 된다

본인의 경우 단축키가 Alt + Shift + Ctrl + S로 되어있다

 

작업할 이미지가 많다면 간편하게 단축키로 작업해주면 좋다!

혹시 위와같이 단축키가 설정되어 있지 않다면

아래에 포토샵 단축키 설정방법에서 손쉽게 단축키를 설정하여 사용해보자

>> https://soo619.tistory.com/182

 

위의 웹용으로 저장을 누르면 아래와 같은 창이 뜨는데

여기서 저장을 누르면 이제 GIF 파일이 만들어 지는 것이다

주의할 것은 루핑옵션에서 한번만 움직이는 GIF를 만들것인지

무한 반복하는 GIF를 만들것인지 선택해주어야 한다