|
홈페이지에는 정적인 이미지 외에도 움직이는 이미지도 포함시킬 수 있습니다. 움직이는 이미지를 보통 애니메시션이라고 하는데 애니메이션하면 대부분의 사람들은 만화 영화를 떠올립니다. 하지만, 애니메이션은 만화, 만화 영화, 움직이는 그림 등 다양한 의미를 가지고 있습니다. 애니메이션은 한 마디로 "한 장 한 장 그려진 그림이나 사물, 인형 등을 찍어 움직이는 화상을 만들어내는 것"으로 정의할 수 있습니다. 그러면, 그래픽 디자이너나 애니메이션 전문가가 아니라도 움직이는 애니메이션을 만들 수 있을까요? 물론입니다.
애니메이션 제작 프로그램
GIF Construction Set Professional 최근 인터넷 홈페이지에서 재미있는 애니메이션을 보여주는 GIF Animation 파일을 쉽고 간편하게 제작할 수 있게 해주는 프로그램입니다. 배경색이 투명한 GIF 애니메이션의 제작이나 Drag & Drop의 지원, GIF Animation 압축 기능과 자동 LED Sign 제작 기능, 자동 텍스트 애니메이션 제작 기능이나 네온 간판과 같은 특수 효과의 지원, Animation Wizard를 통한 손쉬운 제작, AVI 비디오 파일의 GIF Animation으로의 변환 기능 제공, 256 칼라 이상의 팔레트 지원과 GIF Viewer로의 기능까지 모두 포함하고 있는 멋진 프로그램입니다. 비교적 초보자도 간편하게 멋진 애니메이션으로 홈페이지를 꾸밀 수 있게 하는 유용한 툴입니다.
Animagic GIF 최적화된 크기의 GIF 애니메이션을 만들어주는 전용 GIF 애니메이션 제작 프로그램입니다.일반적인 GIF 애니메이션 툴의 모든 기능을 제공하면서 다른 프로그램에서는 찾아보기 힘든 모서리의 지저분한 이미지 정리나 자동 팔레트 조절, 투명 GIF 조절 등의 다양한 방식의 파일 압축 기능을 제공하므로 가장 작고 효과적인 GIF 애니메이션의 제작이 가능합니다. 또한 프레임별로 다양한 지정이 가능하고, GIF Construction Set에서 보여주는 GIF 이미지의 좌표 지정 기능도 제공하고 있습니다. 그밖에도 다양한 특수효과의 내장 등 다른 유용한 기능을 다수 제공합니다.
Ulead GIF Animator GIF Animation 파일을 간단하고 강력하게 만들 수 있는 프로그램입니다. 일반적인 GIF Animator에 비해 실제 애니메이션 제작 프로그램에 버금가는 다양한 툴과 편집 기법, 그리고 일일히 GIF 파일을 만들기에 힘이들었던 다양한 특수 효과들을 제공합니다. 초보자들도 손쉽게 GIF 애니메이션을 제작할 수 있도록 Wizard를 제공하여 정해진 순서만 따라하면 GIF 애니메이션의 생성도 가능합니다. 그밖에도 이미지의 레이어 기능 지원, 포토샵 필터의 지원, AVI, MOV 등의 동영상 파일로부터의 GIF 애니메이션 생성 기능, 스프라이트 이동 기능, 이미지 스크롤 지원 및 HTML 생성 기능 등의 다양한 기능을 제공합니다.
Microsoft GIF Animator Microsoft가 웹 사이트에 GIF Animation을 추가할 수 있도록 배포하고 있는 프로그램입니다. 마치 한편의 영화처럼 제작할 수 있는 필름 스틸의 형태로 GIF Animation을 제작할 수 있으며, 각각의 이미지들의 위치나 Transparency, 각종 루프 값과 코멘트 등의 GIF Animator로서 갖추어야 할 필수 기능을 모두 갖추고 있습니다. 또한 AVI 파일로부터 GIF 파일로의 변환 기능도 제공하고 있습니다. 다양한 특수효과등은 제공하지 않지만, 정통 GIF Animator로서 사용기간이나 기능 제한없이 사용할 수 있는 괜찮은 무료 프로그램입니다.
GIF Construction Set Professional v2.0a 아주 간단하게 애니메이션 GIF를 만들어 주는 프로그램입니다. 프로그램을 다운로드 받은 후 내려받은 프로그램을 더블크릭하시면 프로그램을 설치하실 수 있습니다. 설치시 계속 [확인]이나 [OK]버튼을 클릭해서 진행하시면 됩니다. 다만, 프로그램을 등록하라는 화면(Registration)에서는 [Shareware]버튼을 눌러 그대로 진행하시기 바랍니다.
GIF Construction Set Professional(4.04MB)
애니메이션 글씨 만들기
① 먼저, PaintShop에서 완벽한 글씨 이미지를 하나 만듭니다. 이미지 파일을 저장하실 때에는 파일형식을 반드시 CompuServe Graphics Interchange(*.gif)로 저장하셔야 합니다.
② 글씨가 나타나는 순서에 따라 원본 이미지를 수정하여 순서대로 이미지 파일을 만듭니다. 원본 이미지에서 한 글자씩 지우고 저장하시면 됩니다. 즉, 최초의 원본이미지를 text5.gif로 저장하고 Color Palette의 전경색을 검정색으로 지정한 후
(Paint Brushes)아이콘을 선택하여 제일 끝 글자인 "짝"을 검정색으로 칠해 없앤 후 text4.gif로 저장합니다. 이러한 동작을 반복하여 text1.gif까지 차례로 저장합니다.
③ 애니메이션으로 만들 이미지가 모두 완성되었으면 Gif Construction Set을 실행합니다. 메뉴에서 [File]→[New]를 선택하면 아래와 같이 빈 창이 하나 열립니다. 다시 메뉴에서 [Edit]→[Control Block]→[image]를 눌러 제일 먼저 표시될 이미지를 삽입합니다.
④ 위 ③의 동작을 반복하여 text1.gif → text2.gif → text3.gif → text4.gif → text5.gif → text1.gif → text5.gif → text1.gif → text5.gif와 같이 글씨가 나타날 순서에 따라 이미지를 삽입합니다.
⑤ 각 이미지 사이의 지연시간을 입력하기 위해 지연시간을 입력할 이미지를 더블클릭합니다. [Edit Image]창이 나오면 [Delay]칸의 숫자를 1초면 100, 1.5초면 150과 같은 식으로 입력합니다. 다른 이미지들도 동일한 방식으로 지연시간을 입력합니다.
⑥ 마지막으로 움직이는 이미지가 총 몇 번 반복되도록 할 것인지를 지정해 줍니다. 만약 1번만 반복되고 끝난다면 그다지 눈에 띄지 않습니다. 최소한 한 번쯤 눈길을 줄 수 있도록 움직이는 이미지가 반복되어 움직이도록 반복횟수를 지정해 줍니다.
⑦ 메뉴에서 [File]→[Save]를 차례로 눌러 완성된 이미지를 저장합니다.
◎ 완성된 애니메이션 ◎
애니메이션 이미지 만들기 ① 먼저, 애니메이션으로 만들 원본 이미지를 정합니다.
② 그림이 움직이는 순서에 따라 원본 이미지의 위치를 조금씩 조절하여 순서대로 이미지 파일을 만듭니다. 최초의 원본이미지를 anibeeorg.gif로 저장하고 [File]→[New]를 선택하여 움직이는 이미지가 충분히 들어갈 만한 크기의 새 창을 엽니다. 지금의 경우 원본 이미지의 크기는 90*95이므로 200*200 크기의 새 창을 움직이는 동작 수 만큼 엽니다. 이미지의 크기를 확인하시려면 이미지를 연 상태에서 [View]→[Image Information]을 선택하면 가로세로 몇 Pixel인지 확인하실 수 있습니다. 다음으로 원본이미지에서 필요한 부분만
(Selection) 아이콘을 눌러 마우스 끌기로 영역을 지정한 다음 [Edit]→[Copy]를 선택해 복사합니다.
③ 이미지의 움직임에 따라 새 창에 붙여 넣습니다. 붙여 넣을 때는 붙여 넣을 창을 선택한 후 [Edit]→[Paste]→[As New Selection]을 선택하고 이미지를 원하는 위치에 놓습니다. 차례로 붙여 넣은 후 anibee01.gif부터 anibee09.gif까지 차례로 저장합니다. 저장할 때 파일의 형식은 반드시 CompuServe Graphics Interchange(*.gif)로 해야 합니다.
④ Gif Construction Set을 실행시켜 움직이는 글씨를 만들 때와 마찬가지로 순서대로 이미지를 삽입합니다.
⑤ 각 이미지 사이의 지연시간을 입력하기 위해 지연시간을 입력할 이미지를 더블클릭한 후 [Delay]칸에 지연시간을 입력합니다.
⑥ 움직이는 이미지가 총 몇 번 반복되도록 할 것인지 제일 상단의 블럭을 더블클릭한 후 Loop에 체크하고, 반복횟수를 지정합니다.
⑦ 메뉴에서 [File]→[Save]를 차례로 눌러 완성된 이미지를 저장합니다.
◎ 완성된 애니메이션 ◎
|
|
|
|
