포토샵으로 움직이는 이미지(GIF) 파일 만들기

인터넷 검색하면 다양한 방법이 나오는데 쉽게 설명된 것도 있고 아닌것도 있고 그렇네요...

 

움직이는 이미지의 원리는 애니메이션 만들듯이 움직이는 동작을 하나씩 이미지로 만든 다음 그 이미지들을 연속으로 보여주는 것입니다.

한 동작씩 이미지를 다 만드는건 각자 알아서 하시고 저는 동영상을 연속 캡쳐한 파일을 가지고 만들어 보겠습니다.

포토샵 CS6 기준으로 설명드리겠습니다. (CS5 에서도 같습니다.)

 

 

Window --> Time Line
Time Line 창이 열려있지 않다면 열어줍니다.

 

 

File --> Scripts --> Load Files into Stack...

 

 

Browse... 버튼을 클릭하여 사용할 이미지를 모두 불러 온 다음 OK 버튼을 누릅니다.

 

 

조금 전 선택한 이미지들이 레이어 창에 모두 들어왔습니다.

 

 

Time Line 창 오른쪽에 메뉴버튼 눌러서 'Make Frames From Layers' 선택하면 레이어창의 이미지들이 모두 Time Line 창으로 들어옵니다.

 

 

Time Line 창에 들어온 이미지순서는 역방향으로 되어 있기 때문에 방향을 원래대로 돌려줘야 합니다.

 

 

Time Line 창 오른쪽에 메뉴버튼 눌러서 'Reverse Frames' 선택하면 Time Line 에 들어있는 이미지들의 순서가 바뀌게 됩니다.

 

 

Time Line 창에 들어있는 이미지들의 딜레이 간격은 본인이 원하는데로 수정하시면 되고 여러개의 이미지를 선택해서 한꺼번에 딜레이 값을 설정 하실수도 있습니다.
딜레이값 수정은 이미지 아래에 적혀진 '0 sec' 이라고 적혀진 부분 선택하시면 됩니다.

 

 

File --> Save for Web... 선택하시면 저장화면이 나옵니다.

 

 

저장화면에서 특별히 건드릴 부분은 없지만 수정하실 분들은 수정 후 Save 버튼 눌러서 저장하시기 바랍니다.

 

 

 

완성된 GIF 파일입니다.