가벼운정보

GIF애니메이션 만들기-포토샵으로 초간단 만드는법 한글/영문 사용자를 위한 포토샵 강좌

조팀장 2013. 4. 17. 12:55

포토샵으로 움직이는 GIF애니메이션만들기

 

안녕하세요. 엠군의 느낌있는 블로그 입니다.

 

포토샵으로 간단하게 움직이는 GIF애니메이션을 만들 수 있는 방법을 소개합니다.

한번만 해보시면 너무나 간단하니까 어려워 마시고 천천히 해보세요.

 

포토샵 버전은 CS5 영문판 입니다.

한글 사용자 분들을 위해서도 설명할테니까 해깔려 하지 마세요^^

 

File > Scripts > Load Files into Stack… 클릭

파일 > 스크립트 > 스택으로 파일불러오기… 클릭

 

이런 화면이 나오면 Browse.. 버튼 클릭.

포토샵 한글 쓰시는분은 찾아보기 클릭

 

사진 위) GIF애니메이션으로 합칠 이미지 파일을 선택후 OK버튼 클릭.

사진 아래) 그냥 OK버튼 클릭.

ㅋㅋㅋㅋ 한글판은 확인 – 겁나 친절하죠^^? -

 

 

 

window > Animation 체크 활성화를 하게 되면 화면 하단에 프레임창이 생겨납니다.

포토샵 한글판 – 창 > 애니메이션 체크.

 

아래 프래임창에서 빨간색 화살표 부분 클릭하면 메뉴가 나옵니다. 여기서

Make Frames From Layers 클릭.

포토샵 한글버전 – 레이어에서 프레임 만들기 클릭.

 

 

아래 프래임 라인에 보면 샵 토 포 하고 순서가 반대로 되어 있네요. 이럴때는 다시한번 화살표 부분 클릭해서

Reverse Frames 선택하시면 반대로 됩니다. 한글로는 반전프레임 …?

 

이제 마지막 작업입니다. 화살표 부분에 보면 0 sec( 0초 ) 이라고 보이시죠. 여기 클릭하면 위 사진처럼 시간을 정하는 부분이

나옵니다. 여기서 사진 하나가 보여질 시간 즉 화면에 멈춰있을 시간을 선택해 주는거에요.

 

저는 이미지 파일이 3개니까 3개다 시간을 정했습니다.

 

이제 저장만 하시면 됩니다.

File > Save for Web & Devices… 선택.

파일 > 웹 & 장치용으로 저장 선택.

 

특별히 건드리실 필요없는 화면입니다. 하단에 Save 버튼 클릭하셔서 이름정해서 저장 하시면 됩니다.

 

결과물이 이렇습니다. ㅎㅎㅎㅎㅎ

 

강좌 설명을 위해 간단하게 만든 이미지로 했지만

실제로 만드실때는 다양한 처리가 가능하시겠죠^^

 

마음에 드시면 밑에 손가락질좀 부탁드려요…(마음에 드는데 손가락질이라니…ㅎ)

좋은하루 되세요.