GIF애니메이션(움짤)을 위한 이미지레디cs2 기본적인 세팅과 사용법(동영상 강의)

이미지 클릭시 움짤 만들기 강좌 모음으로 이동(ctrl+클릭 새창)

---

1. 이미지레디 기본 세팅

2. 캡쳐소스를 불러와서 저장까지 단계

---

1. 이미지레디 실행 후 기본적인 세팅

동영상 캡쳐에 이어서 이제 본격적으로 이미지레디에 대해서 알아보겠습니다.

 

클릭하면 이미지가 커집니다.

이미지레디를 실행하고 가장 먼저 해야할 것은 쓸모 없는 창을 끄고 자신에게 필요한 창들만 띄우는 것입니다.
상단 메뉴에 window 서브 메뉴들에서 위 스샷과 같이 선택하세요.

Actions - 반복적으로 같은 명령을 내릴 때 미리 그 명령어를 순차적으로 저장해서 한 번에 실행 가능하게 해주는 기능입니다.
이 기능은 움짤 제작 시에 자신의 닉네임을 넣거나 테두리 등을 만들 때 한 번 만들어서 저장해 놓으면 똑같은 작업을 다시 반복하지 않아도 같은 결과물을 얻을 수 있다는 것에서 매우 편리 합니다. 반복작업이 필요할 때 필수인 요소.

Animation - 움짤을 제작할 때 가장 중요하다면 중요한 애니메이션창 입니다. 움짤의 재생, 프레임 삭제, 트윈기능, 리버스(되돌리기), 움짤과 움짤 합치기 등 모두 이 창에서 작업됩니다. 창을 최대한 늘려서 자신이 볼 수 있는 가장 많은 프레임을 볼 수 있게 기본적으로 두시면 좋습니다.

Character - 텍스트 속성창 입니다. 움짤에 자막을 만들어 넣거나 닉네임을 넣을 때 글자의 크기, 간격, 색, 속성(두껍게, 기울임 등)을 모두 여기서 변경 합니다. 

Layers - 레이어창 입니다. 포토샵을 다뤄 봤다면 친근하겠죠? 움짤 제작시에도 꼭 필요한 창입니다.

Optimize - 최종적으로 움짤을 모두 제작하고 저장시 최적화에 필요한 창. 질을 향상 시키거나 떨어뜨려 용량을 10분에 1로도 만들 수 있는 기능을 가지고 있습니다.

Tools - 왼쪽에 여러 도구 아이콘이 나와있는 창이 바로 이 툴창 입니다.(선택툴,지우개툴,연필툴 등)

Options - 툴창에 도구들을 선택했을 때 도구들의 속성 및 옵션을 설정할 수 잇는 창입니다.(상단에 길게 있는 메뉴가 바로 그것)

위의 창들은 움짤 만들기에 반드시 필요한 창들로 꼭 켜놓고 작업하시는 것을 추천합니다.

요약 - 메인메뉴 - Window선택 후 Actions, Animation, Character, Layers, Optimize, Tools, Options에 체크해서 자신의 취향에 맞게 배치해서 사용한다. 

팁-이미지레디가 가끔 실행이 안 되는 분들이 있습니다. 다른 오류에 의해서 발생 되기도 하지만 사용하다 후천적으로 먹통이 되는 경우는 폰트 때문입니다. 너무 많은 양의 폰트를 PC에 설치하면 이런 현상이 발생하며 임시적인 해결방법으로 포토샵을 먼저 실행하고 도구상자 가장 밑에 있는 이미지레디 바로가기 버튼을 이용해서 정상작동 시킬 수 있습니다. 

---

2.이미지를 불러와서 움짤을 저장하기까지의 과정

순서는 총 3단계로 1.소스(캡쳐)불러오기, 2.추가작업, 3.저장 순입니다.
2단계에서 고급 메뉴얼에 속하는 트윈을 넣거나 리버스, 오버렙 효과, 움짤 붙이기,합치기 등은 다음에 차차 배워보도록 하고 기본이 되는 사이즈 조정과 움짤의 속도 조정에 대해 쓰겠습니다.

메뉴얼만 잘 따라 한다면 5분안에 움짤을 제작할 수 있을꺼라 생각됩니다.(간단해요)

---

1단계> 소스 불러오기
 
이미지레디 실행 후에 좌측 상단 메인 메뉴에서 File -  Import - Folder as Frames...를 선택합니다.

 
1,2,3번 순서대로 가시면 됩니다.

 3번 Folder as Frames...를 클릭해서 곰플레이어나 km플레이어에서 캡쳐한 이미지가 저장된 폴더를 찾아서 선택하고 확인을 누릅니다.

 

저는 곰플레이어의 캡쳐 폴더를 찾아서 선택했습니다. 또는 임의로 설정하신 캡쳐 폴더를 찾아서 선택하세요.

 
그럼 위와 같이 Progress라는 창이 뜨고 게이지가 올라가는 것이 보이는데 이미지 용량이 크거나 많을 수록 읽어 들이는 시간이 더 길어집니다.

---

2단계> 추가 작업

1)이미지 크기 조정

이미지 사이즈 조정을 위해 메인 메뉴 Image - Image Size를 선택합니다.

그럼 다음과 같은 같은 창이 뜨는데 1번에 원하는 가로 사이즈를 입력하고 2번을 눌러 확인을 하면 이미지의 크기가 변경 되는 것을 확인 할 수 있습니다. 이미지 원본의 크기와 용량이 클 수록 변환시키는 시간이 길어집니다.

 

팁 - 가로 사이즈 아래는 세로 사이즈의 수치를 입력할 수 있으며 Constrain Proportions의 체크를 해제하면 원본 비율을 무시하고 가로,세로를 제각각 설정할 수 있습니다.
Percent는 말 그대로 퍼센트 단위로 원본 비율을 유지하면서 크기를 변경한다는 말입니다. 

Quality 부분은 다음에 자세히 알아볼 텐데 기본적으로 이미지를 축소할 때는 Bicubic Sharper로 설정해 이미지를 선명하게 만들어 주는 것이 좋습니다.

2)GIF(움짤) 재생속도 조정하기
스샷을 초당 또는 프레임당 몇 번 캡쳐했는지에 따라서 완성된 gif애니메이션의 속도가 다릅니다. 여기서는 그 재생속도를 자연스럽게 볼 수 있도록 설정해 주는 것입니다. 기본 적으로 필자가 전에 작성한 글대로 캡쳐 옵션을 설정했다면 다음과 같이 설정하면 됩니다.

 

Animation창을 보면 오른쪽 상단 x(닫기)버튼 아래에 작은 >>아이콘이 있는데 이것을 선택하면 메뉴가 나옵니다. 1, 2번 순서대로 Select All Frames를 선택합니다. 모든 프레임을 선택한다는 이야기입니다.

팁-불러들인 이미지에 속도를 수정하기 전에 재생해 보는 것을 추천하는데 이는 속도를 수정하고 난 이후 이미지레디 상에서 재생시 보여주는 속도가 웹과 다르기 때문에 어디가 부자연스러운지 확인이 어렵습니다.(느리게 재생돼서) Animation창 밑을 보면 우리에게 익숙한 재생버튼이 있습니다. 이것이 GIF이미지를 이미지레디상에서 재생시키거나 정지시킬 수 있는 버튼입니다.

팁-지우고 싶은 장면이 있다면 이 애니메이션 창 아래 휴지통 모양 아이콘이 있습니다. 삭제할 프레임 석택 후에 이 휴지통를 눌러주면 삭제가 됩니다.

그럼 이와 같이 모든 프레임이 선택 됩니다.

 

팁1-프레임에 개별로 속도를 넣고 싶다면 모든 프레임을 선택할 필요 없이 바로 다음 과정으로 가면 됩니다.
팁2-프레임을 선택하는 방법으로 Ctrl를 누르고 선택하면 원하는 프레임만 선택, Shift를 누르고 선택시 원하는 구간을 한번에 선택이 가능합니다. 
 
다음으로 각 프레임 밑으로 0 sec.이라는 공간이 있는데 여길 클릭하면 또 메뉴가 나옵니다. Other...를 선택합니다

재생 속도를 직접 입력할 수 있는 창이 뜨는데 입력 공간에 0.06~0.08 사이의 수치를 쓰고 OK를 누릅니다.(캡쳐 간격에 따라서 수치가 변경될 수 있습니다)

 

팁-수치가 낮을 수록 더 빨리 재생시킵니다. 0.06이 웹상으로 가장 빠르게 재생시키며 0.07, 0.08, 0.09순으로 속도가 점점 느려집니다. 속도에 대해서는 다음에 좀 더 자세하게 다루도록 하겠습니다. (주 - 익스플로러 10버전 이상과 크롭에서는 0.05이하의 속도도 그대로 재생시킬 수 있으니 참고하세요. 크롬을 사용합시다^^)

모든 프레임의 속도가 입력한 0.07로 바뀐것을 확인할 수 있습니다.

---

3단계> 저장

이제 마지막 단계인 저장. Optimize 옵션은 잘만 사용하면 이미지의 손실을 약간 보고 용량을 대량으로 줄일 수 있습니다. 자신이 원했던 용량으로도 어느정도 정확하게 변경이 가능하며 자세한 사항은 따로 다뤄보도록 하겠습니다.
이제 Optimize옵션을 아래와 같이 바꿔줍니다.

Format - GIF

Clolor Table
Reduction - Adaptive 또는 Selective
Colors - 256

Dither
Method -고화질의 경우 Pattern, 저화질 Diffusion

Transparency
Transparency - 반드시 체크 해제★

팁-Transparency의 체크를 해제하는 것은 웹에서 재생되는 대부분의 움짤은 용량이 작은 것이 다수나 용량이 올라갈 수록 후반에 움짤이 느려지는 후반지연현상이 있습니다. GIF를 제작할 때 바로 이 옵션을 체크해서인데 이 투명도 관련 옵션을 해제 해주므로 용량은 작게 올라가지만 후반지연현상이 일어나지 않습니다. 한 페이지에 GIF애니메이션이 많을때도 느려지는 경우가 있는데 PC사양 문제가 아니라면 이 옵션 체크 해제로 모든 문제가 해결됩니다.(체크가 아닌 체크 해제입니다★) 

상단 메인메뉴에 File-Save Optimized (단축키 Ctrl+Alt+S)를 눌러줍니다.

저장할 폴더를 선택 후 저장을 누르면 모든 작업이 완료됩니다.

완성된 이미지

팁-움짤을 완성하고 왼쪽 도구상자에서 익스플로러 모양의 아이콘을 클릭하면 완성된 움짤을 저장하기 전에 미리 확인해 볼 수 있습니다. 그옆의 손가락 모양은 이미지레디 자체에서 재생을 시키지만 익스플로러로 확인하는 것을 추천합니다.

동영상으로 위의 과정을 정리했습니다. 720p로 영상을 맞추시고 전체화면으로 보세요.


불러와서 간단하게 수정하고 저장하는 단계라고 해도 풀어 쓰려고하니 양이 좀 많아 졌습니다. 영상으론 저렇게 간단한데 말이죠ㅎ
다음에는 쓰지 못했던 추가적인 사항들과 본격적인 중급 스킬들(오버렙, 움짤 합치기, 닉네임 넣기 등)을 업데이트 하도록 하겠습니다.

girlgif.tistory.com