Adobe ImageReady (어도비 이미지레디) 를 이용해 AniGIF(애니GIF) 만들기 Design_PhotoShop_Flash

이번 작업은 움짤을 만드려는게 아니라 3D 느낌이 나는 그림을 만드려다가 작업을 해본 것이다.
(움짤: 디씨인사이드에서 그림을 반드시 삽입해야 하는 게시판에서 의무적으로 넣으려고 그림을 넣던 것을 '짤방' 이라고 하고, '짤방' 은 '짤림 방지' 의 줄임말이다. 움짤은 '움직이는 짤방' 의 줄임말로 움직이는 그림을 의미하는데, 이제는 움직이는 사진을 모두 움짤이라고 통칭한다.)

기존에 가지고 있던 애니GIF (움직이는 그림파일) 만드는 유틸리티가 제대로 동작하지 않아서 어떻게 할까 고민하다가, 어도비(Adobe) 의 포토샵 제품을 설치할때 같이 설치되는 이미지레디(ImageReady) 라는 프로그램으로 만들어 봤다.
사용 방법이 좀 낯선데다가 어딜 어떻게 만져야 만들수 있는지 설명이 없어서 포기하곤 했었는데, 이번에 웹검색을 해서 만드는 방법을 읽어보고 직접 해봤다.

작업에 쓰인 사진은 이번에 런닝맨에서 홍수현이 출연한 장면중 연속장면 2장이다.
움짤은 원래 간단한 동작을 애니GIF 로 만들어서 동영상 처럼 만드는 것이지만, 이번에 작업하려고 한 것은 아주 약간만 움직여서 입체감을 느끼도록 하는 3D 기법을 응용해본 것이다.
만약, 동작이 크게 움직이지 않는 대여섯장이 있다면, 한쪽으로 움직였다가 다시 원래 자리로 천천히 돌아오도록 연결하면 3D 느낌을 더욱 크게 느낄 수 있다.
이번 작업에서는 그런 움직임이 아니라 순간 포착장면 이어서, 그정도 느낌까지는 아니지만, 마치 동영상처럼 약간의 움직임이 계속 반복되기 때문에 정지된 2차원 평면이 아니라 약간의 공간감을 느끼게 해준다.

각설하고, 이미지레디를 이용해 애니GIF 만드는 과정을 그림으로 설명한다.

아래에서도 다시 언급하겠지만, 일단 소스로 사용할 사진은 반드시 GIF 포맷으로 변환해야 한다.
GIF 포맷으로 변환한 두장의 사진을 준비한다.


이미지레디를 실행시켜서 두장의 사진을 드래그(혹은 불러오기)로 불러온다.
불러온 사진중 하나의 사진을 복사해서 다른 사진 위에 복사해 넣는다.
따라서, 이후에는 한개의 사진 파일만 사용하면 된다.
(한개의 사진 파일에 다른 장면의 사진을 복사해 넣어서 작업을 진행하는 것이다.)
하나의 사진에 다른 사진을 복사해 넣었으므로, 이제 다른 사진을 불러온 창은 닫아도 된다.
이제부터는 두개의 사진이 들어있는 사진에서 작업을 시작한다.

위의 그림에서 보듯이, 우측 레이어 창에 두장의 사진이 있어야 한다.
하단의 작은창에서 보면 화살표로 표시한 부분의 아이콘(문서가 겹쳐진듯한)이 있는데, 그것을 클릭한다.

애니메이션 창에 두개의 이미지가 생성된 것을 볼 수 있을것이다.
이것은 사진 두장을 의미하는 것이 아니라 두번의 프레임을 의미한다.
먼저 첫번째 프레임을 선택한후, 우측의 이미지(레이어) 목록에서 한개의 이미지는 감춘다.
'눈(eye)' 표시가 없어지면 감춰진다.
그런다음, 다시 하단의 애니메이션 창에서 두번째 프레임을 선택한후, 이번에는 우측 작업창에서 '눈' 표시를 반대로 설정한다.
즉, 첫번째 프레임에서는 위의 사진에 눈 표시를 하고 아래 사진에서는 눈 표시를 없앴지만, 이번에는 반대로 위의 사진에 눈 표시를 없애서 감추고, 아래 사진에 눈 표시를 해서 보이도록 설정한다.
이것은, 각 프레임마다 보이는 이미지를 다르게 한다는 것을 의미한다.
그런다음, 프레임별로 몇초간 보여질 것인지를 지정한다.
하단의 애니메이션 창에서 '초' 부분을 클릭하면, 위의 그림처럼 초를 지정할 수 있다.
좀더 세밀한 설정을 원한다면 '기타...' 를 클릭해서 직접 입력한다.
그리고, 시간 지정하는 그 아래의 '계속' 부분이라는 곳이 반드시 '계속' 으로 되어 있어야 계속 반복해서 동작한다.
만약, 작업하다가 이상한 사진이 들어갔다면, 쓰레기통 모양의 아이콘을 클릭해서 지울 수 있다.
설정이 모두 끝났다면, 애니메이션 창에서 플레이 버튼을 눌러 동작시켜볼 수 있다.
모든 설정이 끝났으면, '파일'->'최적화 따로 저장' 메뉴를 클릭해서 저장 한다.

위 그림에서 보듯이, 따로 저장을 시도할때 파일 형식이 반드시 '*.gif' 로 지정되어야 한다.
움직이는 그림은 반드시 gif 포맷에서만 가능하기 때문이다.
그런데, 위에서 처음 언급했듯이, 최초에 작업을 시작할때 JPEG 포맷이나 BMP 같은 포맷의 파일로 작업을 시작하면, 이 마지막 단계에서 파일 형식이 GIF 로 뜨지 않는다.
따라서, 반드시 최초 작업 시작전에 작업용 그림 파일을 GIF 포맷으로 변환해서 사용해야만 한다.

이렇게 작업을 해서 만들어본 3D 이미지를 흉내낸 애니GIF 다.
아주 약간 움직인 장면 두개를 반복해서 보이도록 만들어서, 사진에 입체감을 준다.
이 작업에서는 프레임당 0.8초를 적용하였다.



덧글

  • 머플리 2012/01/25 01:18 # 삭제 답글

    포토샵 cs5에선 별도 이미지레디가 없고 애니메이션기능이 자체적으루 있슴.
댓글 입력 영역
* 비로그인 덧글의 IP 전체보기를 설정한 이글루입니다.


통계 위젯 (화이트)

74617
4940
11047469

google_myblogSearch_side

▷검색어

Flag Counter style2