포토샵에서 gif 애니메이션(움짤) 만들기

포토샵에서 gif 애니메이션 만드는 방법을 알아보자.
일명 움짤 되겠다.
예제로 사용하는 포토샵 버전은 cs5 이지만 cs4나 cs3를 사용해도 관계없다.

먼저 애니메이션으로 만들 이미지들을 포토샵에서 연다.
애니메이션을 만들 것이므로 당연히 여러장의 이미지가 필요하다.
필자는 다음의 6장의 이미지를 포토샵으로 불러왔다.



파일이 모두 열렸으면 포토샵에서 File ->Scripts -> Load Files into Stack 을 클릭한다.
그러면 다음과 같은 창이 열린다.

창이 열리면 "Add Open Files" 를 클릭한다.
그러면 애니메이션을 만들기 위해 불러왔던 6개의 이미지가 추가되는 것을 볼 수 있다.
그리고 "OK" 클릭.
그러면 6개의 이미지가 레이어별로 분류된 하나의 캔버스가 생성될 것이다.
이제 애니메이션을 만들기 위해 Window -> Animation 을 선택한다.
그러면 하단에 타임라인 윈도우가 나타난다.
그러면 타임라인 윈도우 오른쪽 상단의 버튼을 클릭한다. 못찾을 사람들을 위해 그림을 첨부하면...


우측 상단의 저렇게 생긴 녀석을 클릭하란 말이다.
그러면 메뉴들이 주욱 나타나는데 Convert to Frame Animation 를 클릭해준다.
그러면 타임라인 윈도우가 각 이미지 프레임으로 디스플레이 된다.

그런데 좌측하단의 플레이 버튼을 눌러보면 알겠지만 애니메이션 순서가 거꾸로 되어 있을 것이다.
즉, 6번부터 1번 방향으로 애니메이션 되는데, 이것을 1번부터 6번 방향으로 바꿔주기 위해서 다시 좀전의 우측상단 버튼을 클릭해서 Reverse Frames 를 선택한다.

순서가 정상적으로 돌아왔을 것이다.
이제 애니메이션 속도만 손봐주면 끝이다.
각 프레임 하단에 보면 다음 그림의 빨간 표시된 부분처럼 시간이 표시되어 있을 것이다.


1번 프레임이 9.83초로 설정되어 있고, 2번부터는 모두 0.03초로 설정되어 있는 것을 볼 수 있다.
1번 프레임을 9.83초 보여주고, 2번부터는 0.03초씩 보여준다는 이야기이다.

그래서 플레이버튼을 눌러도 9.83초 동안은 정지된 1번 이미지만 보여주다가 갑자기 후다닥 애니메이션이 지나가고 마는 것을 볼 수 있다.

이제 1번부터 시간이 표시된 부분을 하나씩 클릭해서 시간을 바꿔주자.
1번은 1초, 2~5번은 0.2초, 6번은 다시 1초로 바꿔보자.
재생을 해보면 훨씬 그럴싸해 졌을 것이다.

그런데 이 애니메이션은 한번 재생되고 끝난다. 계속해서 반복 재생되도록 만들고 싶다면? 간단하다.
좌측 하단을 보면 "Once"라고 쓰여진 부분이 보일 것이다. 1번 프레임의 시간표시 바로 아래에 있다. 위의 그림을 참조해보면 좌측 하단에 보일 것이다. 그것을 클릭해서 "Forever"로 바꿔주자.

이제 모든 작업이 끝났으니 저장하자.
File -> Save Web & Devices... 를 클릭하여 파일확장자는 gif 선택해서 저장하자.


위의 그림에서 빨갛게 표시된 부분에서  GIF를 선택하고 하단의 "Save"를 클릭한 후, 아무 이름이나 넣고 저장하자.

이제 모두 끝났다.
그렇게 해서 나온 결과물은 다음과 같다.


어설프지만 이건 그냥 방법을 설명하기 위해 대충 만들어 본 것이다.
멋진 작품은 바로 여러분의 몫이 되겠다.
설명은 긴 것도 같지만 막상 해보면 아주 간단해서, 재료만 준비된 상태라면 1분 안에 끝나는 작업이다.

0 comments:

Post a Comment