움직이는 GIF (움짤) 만들기

움직이는 GIF (움짤) 만들기 - 고급사용자용

2008. 7. 12. 18:44

- 퍼가는 것을 반대합니다. 링크 걸어주세요. -

0.(시작하기전에)

파코즈에 쓴 글을 그대로 퍼왔습니다. (스크린샷의 품질은 더 좋습니다.)
말재주가 없어 대신 많은 스크린샷을 썼으니 스압이 좀 있습니다.

1번~5번 동영상에서 이미지를 캡쳐하는 설명입니다.
6번~19번 캡쳐한 이미지크기를 조절하고, gif로 최적화 해주는 과정입니다.
20번~25번 알GIF로 gif를 합치는 과정 입니다. (고화질 gif를 만들 수 있습니다.)
26번~27번 예제와 문제점 해결 방법입니다.
28번~33번 포토샵CS3로 gif를 합치는 과정 입니다. (화질대비 용량이 좋습니다.)
　※ "20번~25번"과정이나 "28번~33번"과정 중 하나만 선택하시면 됩니다.

　　　　　　　　 3.84MB, 20번~25번과정으로 15번과정에서 색상256 지정해서 만듦. (화질 중요시)
　　　　　　　　 2.50MB, 28번~33번과정으로 15번과정에서 색상192 지정해서 만듦. (용량 중요시)

이 팁을 문제 없이 따라하실려면 아래의 준비물이 필요합니다.
　kmp플레이어
　포토샵CS3 (Imagenomic Noiseware 플러그인 설치)
　알GIF

1.(kmp플레이어로 캡쳐하기)

움직이는 GIF 만들기위해서 먼저 kmp로 해당 동영상을 실행 합니다.

화면상에서 오른쪽마우스를 클릭해 캡쳐/고급 캡쳐를 누르세요. (단축키 Ctrl+G)

파일종류방법에서 포멧을 "Bitmap"으로 선택, 추출갯수에서 "연속으로" 선택, 크기 설정은 "원본 크기로 캡쳐", 추출 방법은 "70ms당 한번"으로해주세요.
그리고 동영상에서 움직이는 GIF로 만들 부분 근처에서 재생 한뒤, 시작 버튼을 눌르면 캡쳐가 시작 됩니다.

원하는 부분까지 영상이 캡쳐 됬으면 중지 버튼을 눌려줍니다.

이제 캡쳐된 이미지파일이 저장된 폴더(C:\Program Files\Kmplayer\Capture)로 가서 필요 없는 부분을 삭제 하시면 됩니다.

6.(포토샵CS3으로 이미지 최적화하기.)

포토샵을 켭니다. (CS3 기준으로 설명 하겠습니다.)
파란색 원이 있는 부분을 눌른뒤, 마우스포인터가 있는 아이콘을 눌려 새 액션을 만듭니다. (액션 기능 사용합니다.)

적당히 액션의 이름을 정해 줍니다. (여기에선 gif 입니다.)

아무 이미지 파일을 불러옵니다. (아무거나 상관 없어요 ^^;)

이미지/이미지 크기를 클릭합니다.

10.

이미지크기가 너무 크면 여러가지로 안 좋으므로 적당한 크기로 해주세요.
※ "쌍입방 더 선명하게"를 선택 하세요.

11.

설치된 "Imagenomic Noiseware"를 실행 시킵니다.
요건 노이즈 제거 플러그인 아니냐 하시는데
경험상 요것을 쓰면 색이 단순해 지더군요. (단순해 진다는 표현이 맞는건지;)
(가장 중요한 부분입니다. 비법의 핵심이라고 할 수 있죠.)

12.

잘 모르기 때문에 그냥 "ok"눌려줍시다.
(잘 아시는 분은 색을 최대한 단순?;하게 해주세요.)

13.

이제 끝났습니다. (이 전에 추가하고 싶은 옵션(?)을 더주셔도 됩니다.^^)
파일/다른 이름으로 저장을 눌려주세요.

14.

이때 중요한점이 절대 파일명을 바꾸면 안됩니다. (오류? 뜹니다.)
확장자를 gif로 꼭 선택해주세요.

15.

팔레트는 "로컬(가시범위)"로 해주세요. (상황마다 약간씩 틀립니다.)
보통 색상은 128정도면 충분합니다.
색상 수가 너무 작으면 노이즈가 생길것 아니냐 라고 하시는데 이미 11번~12번 과정을 거쳐기 때문에 상관없습니다.
옵션에서 디더 확산 꼭 선택해주세요. 아니면 화질이 구려요. 그리고 확인 눌려서 저장 합니다.

16.

별 쓸모 없는곳에 스샷 낭비해서 스압만 더 준다고 하실것 같은데 이부분 또한 중요합니다. (2시방향 모서리 쪽)
꼭 이미지를 닫아 주셔야 합니다. 아니면 나중에 액션기능 쓸때 쌓여서(;;) 램을 엄청 잡아먹습니다.

17.

기록이 완료되었습니다. 이제 "■"(실행/기록 정지)를 클릭합니다.

18.

파일/자동화/일괄 처리를 실행합니다.

19.

보이시는 대로 해주시면 됩니다.
소스폴더는 아까 캡쳐이미지가 저장된 폴더 (C:\Program Files\Kmplayer\Capture)를 선택하시고, 대상 폴더는 이미지가 저장될 곳을 선택해주면 되겠습니다.

이 과정에서 가장 시간이 오래걸립니다. 느긋하게 기달리시면 되겠습니다.

19-1.

액션기능이 다 끝났으면 저장된 폴더의 총용량을 보면 앞으로 완성될 gif의 크기를 짐작하실 수 있습니다. (거의 똑같습니다.)

20.(알GIF로 gif파일 합치기)
※ 알GIF를 사용하기 싫으신 분은 "28번~33번"과정을 대신 보시면 됩니다. ^^;
　 (알 GIF으로 만들면 이미지레디를 사용한 것보다 용량이 큽니다. 하지만 화질면에서 약간 더 좋습니다.)

알 GIF 를 실행 해 파일/모아서 열기를 클릭합니다.

21.

포토샵에서 액션작업이 끝난 이미지 파일을 불러옵니다.
(Shift 누르시면 한번에 선택할 수 있습니다. 모르시는 분을 위해;)

21-1.

22.

(파일명을 줄여 오류를 해결해 제대로) 이미지를 불러오는 중입니다.

23.

1번 프레임을 더불클릭 하여 속성 창을 띄웁니다.

24.

11시 방향에 있는 시간을 "7"로 설정하고 "모두"에 체크 합니다. 그리고는 적용 버튼을 눌려주세요.

25.

적절한 이름으로 저장해 주시면 완성입니다. ^^

26.

완성된 이미지를 보시려면 여기를 클릭해주세요.
아니 이럴수가!!! 상당히 부자연스럽네요. (갑자기 빨라졌다가 다시 느려지고...;)
물론 이렇게해서 제대로 되는 분들도 계실 겁니다.

27.
나름 생각해본 결과 해결 방법을 찾았습니다. (무조건 해결 되는 것은 아닙니다.;)

4번 부분에서 한번 했던 설정을 바꿔주시면 됩니다.
추출방법에서 "2프레임당 한번"으로 설정을 바꿔 주시고, 저장될 폴더가 재생되는 동영상 파일이 있는 하드와 물리적으로 다른 드라이브로 설정 해주시면 됩니다.
상대적으로 프레임 수가 낮아 졌으니 24번에 설정한 시간 "7"을 "8"으로 바꿔 주셔야됩니다. 아니면 너무 빨리 재생 됩니다.

*참고 원본동영상 24프레임은 시간을 "7~8"
　　　 원본동영상 30프레임은 시간을 "6~7"

완성된 이미지를 보시려면 여기를 클릭해 주세요.
이제 정말 완성입니다. ^^

28.(포토샵CS3으로 gif 합치기)
※ 이 과정은 15번과정에서 색상수를 192로 맞춰 주셔야지 화질대비 용량이 상당히 좋아집니다.

포토샵 CS3를 실행한뒤
창/애니메이션을 클릭해 애니메이션 창을 활성화 해줍니다.

29.

파일/스크립트/스택으로 파일 불러오기를 클릭합니다.

30.

"사용"에서 "폴더"를 선택해 포토샵에서 액션작업이(19번까지) 끝난 이미지가 있는 폴더를 선택합니다.
그리고 나서 확인을 눌려주세요. 불러오는데 시간이 좀 걸립니다.

31.

12시 방향에 있는 빨간원 안에 "▼"를 클릭한뒤 "레이어에서 프레임 만들기"를 클릭합니다.

32.

프레임으로 이미지가 이동했습니다. 하지만 그대로 재생하면 거꾸로 재생 되버립니다.
여기서 아까 눌렸던 ▼을 다시 눌러서 "프레임 반전을 클릭해 줍니다.

33.

프레임 순서가 재대로 되었으니 이제 시간 조절을 해야 합니다.
우선 "모든 프레임 선택"을 눌러줍니다.

34.

모든 프레임이 선택습니다. 이제 "0초" 부분을 클릭한뒤 "기타"를 클릭해 시간을 입력해 주면 됩니다.

*참고
4번에서 　"70ms당 한번"으로 하셨으면 "0.07초"
27번처럼　"2프레임당 한번"으로 하셨으면
　　　　　 원본동영상 24프레임은 시간을 "0.07초~0.08초"
　　　　　 원본동영상 30프레임은 시간을 "0.06초~0.07초"

35.

파일/웹 및 장치용으로 저장 을 클릭해 저장 해주면 됩니다.
이때 "애니메이션(프레임)"창에 모든 프레임이 선택되어 있어야 합니다.

36.

스크린샷에 보이는 그대로 하시면 될 것 같네요.
디더를 준다면 약간 좋아 보일 수 있긴 하나 용량이 늘어납니다.
인터레이스를 체크하시면 용량이 늘어납니다.
웹 스냅을 크게 설정해 주면 용량이 줄긴 하는데 화질이 많이 떨어집니다.

확인을 눌려서 저장 하면 완성입니다. ^^

PS.

아래 링크는 예제 입니다. (컴이 버벅거리면 Esc를 눌려주세요.^^)
http://blogfile.paran.com/BLOG_604839/200806/1212250484_01.gif ← 원본 30프레임, 시간 "6"
http://blogfile.paran.com/BLOG_604839/200805/1212222230_Chihiro.gif ← 원본 24프레임, 시간 "8"
http://blogfile.paran.com/BLOG_604839/200805/1212224794_2.1.gif ← 원본 25프레임, 시간 "7"
http://blogfile.paran.com/BLOG_604839/200805/1212218365_MOONLIGHT%20MILE%2001.gif ← 해상도 960x540

또한 이해가 안되서 막히시는 부분이 있으다면 설명을 보충해 놓겠습니다.

- 퍼가는 것을 반대합니다. 링크 걸어주세요. -

티스토리툴바