"사이트에 생동감을 불어넣는 애니메이션을 만들어 보자"

어린시절 교과서 하단에 조금씩 변화를 준 그림을 그려넣고 책장을 스르르 넘기면서 움직이는 그림에 재미있어 했던 기억이 있을 것이다.

인터넷을 서핑하다 보면 재미있는 동작의 애니메이션 이미지를 심심치 않게 볼 수 있는데 이것도 같은 원리로 만들어진다.

우선 조금씩 바뀌는 여러 개의 이미지를 하나의 파일로 만든 뒤 정해진 시간마다 파일안에 포함된 그림들을 순차적으로 보여 주면 움직이는 이미지가 만들어 진다.

이미지들이 바뀌면서 생기는 잔상효과를 통해 마치 그림이 움직이는 것처럼 보이는 것이다.

한 페이지에 여러 개의 애니메이션 이미지가 들어가면 웹페이지의 로딩속도가 떨어지지만 한두 개 정도는 사이트에 생동감을 불어넣어 준다.

이러한 애니메이션 이미지 파일을 만들어 주는 프로그램으로 초보자에게 추천할 만한 것으로는 "GIF무비기어"를 꼽을 수 있다.

애니메이션 이미지를 만들려면 이 프로그램에서 "New Animation"아이콘을 클릭해 새로운 작업환경을 만들고 "Insert Frame"을 클릭,순서대로 보여 줄 이미지들을 차례로 선택해야 한다.

선택된 이미지들이 순서대로 프로그램 속에 나열되면 삽입된 이미지들을 어느 정도 시간을 두고 체할 것인지 결정할 차례.

"Animation Properties"아이콘을 클릭하고 "Global Frame"탭에서 "Animation"항목에 보면 이미지가 교체되는 시간을 입력할 수 있다.

이미지 교체 시간을 너무 짧게 지정할 경우 애니메이션 동작이 빨라 경박한 느낌을 주고 반대로 교체시간을 너무 길게 설정하면 툭툭 끊어지는 엉성한 애니메이션 GIF 파일이 만들어지므로 주의해야 한다.

애니메이션 GIF 파일은 여러 장의 이미지를 하나의 파일로 묶어 놓은 것이라 용량이 크다.

이때 "Optimize Animation"아이콘을 클릭하면 최적화 작업을 통해 불필요한 사이즈를 줄여 준다.

이 프로그램은 제작사 홈페이지(www.moviegear.com)나 별나우자료실(pds.byulnow.com)"에서 다운받을 수 있다.