배너를 만들어보자(with 알gif)

배너를 만들어보자(with 알gif) jdjinsun 2006.05.17 19:04	조회 11,192

algif171-soliloquy07알지

(부록) 왕초보가 알gif로 움직이는 GIF배너 만들기

알gif를 사용하면 여러가지 다양한 배너를 몇 번의 조작 만으로도 만들어 낼 수가 있습니다. 포토샵과 같이 고가의 비용을 지불하지 않아도 되는 프리웨어라는 것이 아주 큰 장점이라고 말할 수 있겠죠 우선 알gif로 만들 수 있는 배너를 몇 가지 아래에 예를 들어 볼까요? 위에 예를 든 것 말고도 많은 응용이 있을 겁니다. 응용은 여러분들의 몫인 것 알고 있겠죠? 일단 이 강좌를 이용하기 위해서는 알gif 라는 프로그램이 필요합니다. 네이버에서 알gif(검색창에 입력하면 다운 가능)를 다운 받습니다. 그럼 강좌를 진행하도록 하겠습니다.

준비물은 배너를 만들기 위한 적당한 이미지(알아서 준비하세요, 90X30이나 145X40, 또는 다른 크기도 상관없음) 그리고 가장 중요한 알gif가 되겠습니다.

알gif를 실행시킵니다. 그러면 오른쪽과 같이 조금은 단순한 포맷의 초기화면이 뜹니다. 하지만 아주 많은 기능을 가지고 있습니다. 국산이라서 모든 메뉴가 한글로 되어있어서 더욱 좋은 것 같습니다. "파일열기"를 클릭해서 사용하고자 하는 이미지를 불러옵니다.

여기서 사용하는 이미지는 미리 규격을 맞춰놓은 것이어야 합니다. 알gif로는 이미지를 자를수 없기 때문입니다. 어쨌든 저는 미리 145X40(픽셀)로 잘라 놓은 이미지를 불렀습니다.

참고로 선생님이 불러서 사용할 이미지는 오른쪽의 두 가지 이미지 입니다. 둘 중에서 왼쪽의 이미지를 먼저 불러왔습니다.

불러오면 오른쪽과 같은 창이 하나 생깁니다. 이 창의 역할은 프레임이라고 생각하면 됩니다. 현재 1프레임이 추가된 것으로 보면 됩니다. 이 프레임의 지연시간은 50(0.5초)이 기본설정입니다. 지연 시간은 나중에 바꾸도록 하고 빨간색 부분을 더블클릭합니다. 그러면 다음 프레임에 추가할 수 있는 이미지를 불러올 수 있는 창이 하나 뜹니다. 바로 위에 있는 창이 또다시 뜨는겁니다. 파일명을 더블클릭 할 때마다 프레임에 계속 이미지가 추가되는 것을 볼 수 있습니다. 저는 다섯 장의 똑같은 이미지를 더 추가해서 전체 6프레임 짜리 무비를 만들 생각입니다. 일단은 따라 하세요

보이는 것 처럼 똑같은 프레임이 여섯개가 나열되어 있습니다. 편의상 아래 부분은 잘랐습니다. 제일 위에 있는 부분에서는 네모안에 있는 숫자가 0.5초 간격으로 바뀌고 있을 겁니다. 현재 만들고 있는 GIF무비의 미리보기라고 생각하면 됩니다. 먼저 2번 프레임을 더블클릭 합니다. 그러면 아래와 같은 2번 프레임의 속성창이 뜹니다.

좌측 상단의 빨간색 동그라미 부분에서는 해당 프레임의 지연시간을 결정합니다. 아직은 건드리지 맙시다. 그 옆의 부분에서는 해당 프레임에서 다음 프레임으로 바뀔 때, 해당 프레임을 배경으로 그냥 둘 지(보존), 아니면 지워버릴지(브라우저 배경으로 지움)를 결정하는 부분입니다. 상황에 맞게 사용하면 되지만, 여기서는 브라우저 배경으로 지움을 선택합니다. 그리고 아래쪽에 있는 고급효과를 선택합니다. 그러면 고급효과를 낼 수 있는 또 하나의 창이 뜨게 되는데 그 부분은 다음 강좌에서 진행합니다.

고급효과에서 펼침목록을 눌러보면 오른쪽과 같이 여러가지 메뉴가 나타납니다. 다른 것들은 여러분들이 직접 실습해보고 저는 "색조 변경"효과를 사용해 보겠습니다. 선택한 화면은 오른쪽과 같습니다.

설정치를 60으로 합니다. 이유는 전체 프레임 수가 6개니까 359를 6으로 나누면 대충 60이라는 값이 나오니까 그런 겁니다. 이런 방법으로 3프레임은 수치를 120, 4프레임은 180, 5프레임은 240, 6프레임은 300으로 정해줍니다. 그러면 오른쪽과 같이 되겠죠?

미리보기 이미지를 보면 어딘지 모르게 GIF 무비가 매끄럽지 않게 재생이 되고 있을 겁니다. 이제는 만들어진 무비를 매끄럽게 다듬는 일만 남았습니다. 1번 프레임을 더블 클릭합니다. 속성창에서 지연시간을 20으로 정하고, 그 옆의 "모두"에 체크하고 적용을 눌러줍니다. 그러면 6개 프레임 모두 지연시간이 20으로 맞춰집니다. 그런데 미리보기를 보면 부드럽기는 한데 약간 정신이 없는 것 같기도 합니다. 이 상태로도 만족하는 사람도 있겠지만 저는 좀 더 수정을 할까 합니다. 다시 1번 프레임을 더블 클릭해서 속성창을 열어줍니다. 다시 1번 프레임의 지연시간을 300(3초 동안 정지)으로 맞춰줍니다. 그러면 아래와 같은 배너가 만들어 질겁니다. 마치 밤하늘에서 불꽃놀이를 하는 것 같죠? 그럼 이제 GIF파일로 저장하는 일만 남았습니다.

파일 메뉴에서 다른 이름으로 저장을 클릭해서 원하는 파일명으로 저장합니다. 저장을 클릭해도 되지만 그렇게 되면 기존의 1프레임에 사용했던 이미지 파일에 덮어쓰기가 된다는 것은 알고 있기 바랍니다. 이렇게 간단하게 나마 움직이는 GIF배너를 만들어 봤습니다. 제가 예를 들었던 나머지 세 가지 배너도 이런 식으로 하면 여러분들도 충분히 만들 수 있습니다. 좋은 배너 만들면 신고하세요 링크하겠습니다.