움직이는 아이콘 만들기

사실, 움직이는 아이콘을 만드는 건 어렵지 않다. 어려운 건, 움직이는 아이콘을 만들기 위한
밑그림 을 만드는 것이다.

밑그림은 보통 포토샵, 일러스트등의 그래픽 프로그램을 이용해서 제작한다.
포토샵을 배우고자 한다면 아래 사이트를 가보도록 하자.
1. StartHomepage
2. 지퓨 Tip&Tech  


☞ WWW Gif Animator(228K) ☜

압축을 풀면 파일이 딸랑 하나 나온다. 이게 무슨뜻일까?
그러췌~. 인스톨할 필요가 없다는 뜻이줴~. 눈치빠른 독자들에게 경의를 표해버린다.
자, 주저하지 말고 wwwgifa.exe를 더블클릭하자.
헉...또, 영어다. 영어가 쥐약이다~~~ 하는 님들은 굳이 해석하려고 트라이 하지 말자.
이미 통밥으로 뭔뜻인지 눈치를 깐 지구인도 있을거다. 이런건 자주보면 금방 언더스탠드한다.
눈치를 못깠으면 차라리 아무생각하지 말자. --+

그 화면 아랫부분을 보면 밑의 그림처럼 나올것이다.

그냥 파란박스 된 곳을 클릭하면 된다.
굳이 해석하자면, "함 생각해보지, 뭐." 정도다...그렇다면 그런거다. 대들쥐 말자. ㆀ
이 화면이 보기싫은 사람은 알아서 Crack을 구하기 바란다.(못 알려준다. 왜? 불법잉께.)
암튼, 클릭을 하면 메인화면이 뜬다. 화면이 너무 큰 관계로 그림은 올리지 않는다.

자, 프로그램은 실행시켰는데 뭘 해야될지 모를것이다.
당근 빤쮸다. 나두 그랬으니깐...--+
이글의 첨에 얘기했듯이 이제부턴 준비한 밑그림이 필요하다.
여기선 아래처럼 네개의 밑그림을 준비했다.
준비한 밑그림이 없는 사람은 이걸로 연습하자. 아이콘 다운로드 방법 먼저 아래 아이콘위에 마우스를 올린다.
그리고, 오른쪽 버튼을 클릭한다.
메뉴중(이걸 팝업메뉴라 그런다.)...
"다른 이름으로 그림저장"을 선택한다.
폴더를 선택하고 저장한다.
넘 쉽다. ^^

1.      2.      3.      4.  
이젠 준비된 밑그림을 합쳐서 애니매이션을 만드는 것이다.
미리 결과를 보면 옆 그림과 같다...짜잔~~~    
아무것도 아닌데 괜히 흥분하고 말았다...난 대체 왜 이럴까...--+

이제 본격적으로 시작한다. 사설이 넘 길어서 겁나게 미안한 느낌이다.--;;;
메인화면의 윗 부분을 보면 아래그림과 같다.

파란색 네모부분을 클릭하면 파일을 불러오는 새창이 뜰것이다.
준비한 밑그림이 들어있는 폴더로 이동하고, 1번 파일을 연다.

여기가 중요하다. 밑그림의 순서를 잘 맞춰야 한다.
자기가 원하는 애니매이션이 될수 있도록 밑그림 파일이름을 순서대로 매긴다.
여기선 순서대로 point1.gif, point2.gif, point3.gif, point4.gif 라고 했다.

첫번째 파일이므로 point1.gif를 연다.
그럼, 메인화면에 아래그림처럼 나타날 것이다.

다시 파란색 네모부분을 누르고 두번째 파일을 열어온다.
두번째를 불러왔으면 세번째, 그다음엔 마지막 네번째 파일을 불러온다.
모두 불러오면 아래그림처럼 point1.gif ~ point4.gif 가 화면에 나타날것이다.
(오른쪽엔 각파일의 이미지가 보인다.)


그 담엔 아래그림을 보고 그냥 따라하자.

빨간 네모 부분을 클릭하자...무슨일이 벌어지는가...
아마 정신없을 정도로 빠른 속도로 애니매이션이 될것이다.
야튼, 속도야 어쨌든...일단 애니매이션을 만드는데 성공했다.
신난다. 신날땐 이 노래가 제격이다.

"♪♪ 나만을 사랑한다 했잖아~~~ ♪♪"

노래방에서 이 노랠부르면 친구넘들이 나이값 좀 하라 그런다.
왜??? 서른이면 코요태 좋아하면 안되나?
난 "와"도 부르고, "바꿔"도 부른다. 니들처럼 뽕짝은 안부른다. C바~ --+
괜히 흥분해 버렸다...사실...나도...뽕짝...부른다...거짓말해서 미안타... --ㆀ

이제 애니매이션을 잠시 멈추자. 속도 조절을 위해서.
아래그림의 빨간 네모부분을 클릭하면 애니매이션이 멈춘다.


이번 강좌는 좀 길다. 그래서 페이지를 나누기로 한다.

[1]  [2]  [3]