포토샵 [움직이는 GIF 이미지]

gif 이미지는 움직이는 이미지이다. 

블로그 포스팅할때나, 웹사이트 홈페이지등,, 많은 곳에서 gif이미지를 넣어야 할 경우가 생긴다. 이미지들이 움직여서 만들기 어려워보인다고 생각할 수 있을것 같은데 실로 매우 간단하다! 여기서는 포토샵으로 gif 이미지를 만들어보겠다. 포토샵을 잘 다루지 못해도 포토샵 프로그램을 킬수만 있다면 만드실 수 있다고 생각된다. 그만큼 간단하다!

cs6포토샵에서 움직이는 이미지 gif 이미지를 만들어보겠다. 참고로 포토샵 버전마다 방법이 조금 다를 수 있다.

cs6 에 맞춘 설명인점 꼭 숙지하고 봐주시길!

움직이는 이미지 만들기전에 미리 넣을 이미지들을 준비한다

1. 포토샵을 열고 파일(file) -> 스크립트(scripts) -> 스택으로 파일 불러오기(load files into stack...)를 클릭

2. 레이어 불러오기 창이 뜨면 찾아보기를 클릭

3. 내 컴퓨터에서 미리 만들어논 이미지들을 선택하여 확인을 누른다.

 

4. 확인을 누르면 하단처럼 보이게되고 이미지가 잘들어왔다면 확인을 클릭!

5. 확인을 누르게되면 하단처럼 하나의 이미지가 하나의 레이어로 레이어 창에 뜬걸 볼 수 있다. 총 7개 이미지를 불러들여왔다. 

6. 자 이상태에서 창(window) -> 타임라인(timeline) 을 눌러 타임라인 창을 켜고 타임라인 창의 역삼각형 모양 아이콘을 눌러 레이어에서 프레임만들기를 클릭한다.

7. 레이어에서 프레임만들기를 클릭하면 7개의 이미지가 타임라인 창에 들어온다.

8. 레이어에서 프레임만들기를 클릭하면 7개의 이미지가 타임라인 창에 들어온다. 각 이미지마다 초를 정해주고 재생버튼을 눌러서 확인해본다. 이상이 없다면 파일 -> 웹용으로 저장을 누른다.

9. 웹상에 올리는 파일이면 웹에 최적화될수 있도록 용량을 줄이기위해 웹용으로 저장해야한다. 확장자 gif로 해주시고, 색상은 256색으로 해준다. 미리보기로 한번 확인해주고 저장.

10. 완성